/* v51 teacher workspace: six sections, compact working surfaces. Green = main action / selected, gold = emphasis,
   red = problems and deleting only. Cream and white surfaces with dark text for the working areas. */
.cw-page .t-head.cw-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-bottom:6px;margin-bottom:10px}
.cw-page .cw-head h1{margin:2px 0 0}
.cw-page .cw-head .class-joined{margin:2px 0 0}
.cw-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cw-nav{position:sticky;top:0;z-index:15;background:#fbf6ea;border:1px solid #e5dccb;border-radius:14px;margin:6px 0 10px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.cw-tabs{display:flex;gap:2px;overflow-x:auto;padding:4px 6px;scrollbar-width:thin}
.cw-tabs button{border:0;background:none;padding:11px 14px;font:700 15px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#5d6a63;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer;border-radius:8px 8px 0 0}
.cw-tabs button:hover{color:#1F5A4F;background:#f2ecdf}
.cw-tabs button[aria-current=page]{color:#1F5A4F;border-bottom-color:#1F5A4F}
.cw-n{display:inline-block;min-width:20px;margin-left:6px;padding:1px 7px;border-radius:999px;background:#e7cf8f;color:#3b2c10;font-size:12px;text-align:center}
.cw-subrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 0 10px}
.cw-sub{display:flex;gap:6px;flex-wrap:wrap}
.cw-sub button{border:1px solid #d8ccb0;background:#fffdf8;color:#1f2a24;border-radius:999px;padding:6px 13px;font-weight:650;font-size:14px;cursor:pointer}
.cw-sub button[aria-pressed=true]{background:#1F5A4F;border-color:#1F5A4F;color:#fff8e8}
.cw-subrow .time-filters{margin:0}
.cw-page .tab-hint{margin:0 0 12px}
.cw-body{display:block}
.cw-card{background:#fffdf8;border:1px solid #e5dccb;border-radius:14px;padding:14px 18px;margin:0 0 14px;color:#1f2a24}
.cw-card h2{font:700 20px Georgia,"Times New Roman",serif;margin:0 0 6px;color:#1f2a24}
.cw-card .muted,.cw-page .muted{color:#5d6a63}
.cw-card-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;justify-content:space-between}
.cw-card-h .workspace-summary{margin:0}
.cw-small{font-size:13px}
.btn.pri{background:#1F5A4F;border-color:#1F5A4F;color:#fff8e8}
.btn.pri:hover{background:#174a41}
/* Overview alerts */
.cw-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0 0 14px}
.cw-alert{background:#fffdf8;border:1px solid #e5dccb;border-left:5px solid #c9bfa8;border-radius:12px;padding:12px 14px;color:#1f2a24}
.cw-alert.gold{border-left-color:#c19b49;background:#fff9ea}
.cw-alert b{display:block;font:700 22px Georgia,serif;margin:2px 0}
.cw-alert p{margin:0 0 8px;font-size:14px;color:#3d4a43}
.cw-alert.wide{grid-column:1/-1;border-left-color:#a3362a}
.cw-alert.wide .cg-checkin{background:none;border:0;padding:0;margin:0}
/* current assignment */
.cw-current{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}
.cw-current .class-actions{margin:0}
.cw-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:#eef0ea;color:#3d4a43;font-size:13px;font-weight:700}
.cw-pill.ok{background:#e3f1e8;color:#1d5b3d}.cw-pill.warn{background:#f9e3df;color:#8a2b1d}
/* review work */
.rq-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.rq-chip{border:1px solid #d8ccb0;background:#fffdf8;color:#1f2a24;border-radius:999px;padding:6px 12px;font-weight:650;font-size:14px;cursor:pointer}
.rq-chip span{color:#5d6a63;font-weight:600;margin-left:4px}
.rq-chip[aria-pressed=true]{background:#1F5A4F;border-color:#1F5A4F;color:#fff8e8}.rq-chip[aria-pressed=true] span{color:#e7f2ec}
.rq-wrap{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}
@media(max-width:860px){.rq-wrap{grid-template-columns:1fr}.rq-list{max-height:260px}}
.rq-list{background:#fffdf8;border:1px solid #e5dccb;border-radius:12px;overflow:auto;max-height:70vh;position:sticky;top:70px}
.rq-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #eee5d3;background:none;padding:10px 12px;color:#1f2a24;cursor:pointer}
.rq-list button:hover{background:#f6f1e5}
.rq-list button[aria-current=true]{background:#eef6f1;box-shadow:inset 4px 0 0 #1F5A4F}
.rq-list b{display:block;margin-top:3px}.rq-list small{display:block;color:#5d6a63}
.rq-kind{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#e6eef7;color:#24476b}
.rq-kind.assignment{background:#e6eef7;color:#24476b}.rq-kind.writing{background:#efe6f6;color:#57306f}.rq-kind.sentence{background:#f6ece0;color:#6b4417}
.rq-card{margin:0}
.rq-short{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 6px}
.rq-short button{border:1px solid #d8ccb0;background:#fff;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600;cursor:pointer;color:#1f2a24}
.rq-short button:hover{border-color:#1F5A4F}
/* students */
.cw-people{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:start}
@media(max-width:860px){.cw-people{grid-template-columns:1fr}.cw-list{max-height:260px}}
.cw-list{background:#fffdf8;border:1px solid #e5dccb;border-radius:12px;overflow:auto;max-height:75vh}
.cw-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #eee5d3;background:none;padding:9px 12px;color:#1f2a24;cursor:pointer}
.cw-list button[aria-current=true]{background:#eef6f1;box-shadow:inset 4px 0 0 #1F5A4F}
.cw-list small{display:block;color:#5d6a63}
.cw-list-foot{display:grid;gap:6px;padding:10px 12px}
.cw-prof-h{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cw-prof-h .class-actions{margin:0}
.cw-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.cw-tile{background:#fffdf8;border:1px solid #e5dccb;border-radius:12px;padding:12px 14px;color:#1f2a24}
.cw-tile b{display:block;font:700 22px Georgia,serif;margin:2px 0}
.cw-tile small{display:block;color:#5d6a63;font-size:13px}
.cw-tile .linkbtn{margin-top:6px}
/* settings */
.cw-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.cw-settings .cw-card{margin:0}
.cw-settings .arc-setting{margin:0;color:#1f2a24}.cw-settings .arc-setting small{display:block;color:#5d6a63;margin-top:6px}
.cw-switch{display:flex;gap:12px;align-items:flex-start;margin:6px 0 10px}.cw-switch input{width:20px;height:20px;margin-top:3px;accent-color:#1F5A4F;flex:none}
.cw-switch b,.cw-switch small{display:block}.cw-switch small{color:#5d6a63}
.cw-row{margin:10px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cw-row select{font:inherit;padding:5px 8px;border-radius:8px;border:1px solid #c9b88f}
/* report */
.cw-lab-report{margin-top:14px}
/* clickable cells */
.sk-open{display:block;width:100%;border:0;background:none;color:inherit;font:inherit;padding:2px 4px;border-radius:8px;cursor:pointer;text-align:inherit}
.sk-open:hover,.sk-open:focus-visible{outline:2px solid #1F5A4F;outline-offset:1px;background:rgba(31,90,79,.08)}
/* evidence drawer */
.cw-scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:70}
.cw-drawer{position:fixed;top:0;right:0;bottom:0;width:min(580px,100%);background:#fffdf8;color:#1f2a24;z-index:71;overflow:auto;padding:18px 20px;box-shadow:-10px 0 40px rgba(0,0,0,.3);transform:translateX(30px);opacity:.6;transition:transform .18s,opacity .18s}
.cw-drawer.on{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.cw-drawer{transition:none}}
.cw-dh{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
.cw-dh h2{font:700 22px Georgia,serif;margin:2px 0 0}
.cw-ev-sum{font-size:16px;margin:6px 0}
.cw-ev-f{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.cw-ev-f select{font:inherit;padding:4px 6px;border-radius:8px;border:1px solid #c9b88f;margin-left:4px}
.cw-ev{list-style:none;padding:0;margin:10px 0}
.cw-ev li{border:1px solid #eee5d3;border-left:4px solid #9cc5b0;border-radius:10px;padding:9px 12px;margin-bottom:8px;background:#fff}
.cw-ev li.miss{border-left-color:#d68a7e}
.cw-ev p{margin:6px 0 0}
.cw-ev-m{font-size:13px;color:#5d6a63}
.cw-ev-a{font-size:14px;color:#3d4a43}
/* present to class */
body.pz-on{overflow:hidden}
.pz{position:fixed;inset:0;z-index:90;background:#f8f3e6;color:#1f2a24;display:flex;flex-direction:column}
.pz[hidden]{display:none}
.pz-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 18px;background:#13261F;color:#f6ecd4}
.pz-top b{font:700 20px Georgia,serif;margin-right:auto}
.pz-modes{display:flex;gap:4px}
.pz-modes button,.pz-x{border:1px solid #4d6b5e;background:transparent;color:#f6ecd4;border-radius:999px;padding:6px 14px;font-weight:700;cursor:pointer}
.pz-modes button[aria-pressed=true]{background:#e7cf8f;border-color:#e7cf8f;color:#2b2116}
.pz-ver{color:#f6ecd4;font-weight:600}.pz-ver select{margin-left:6px;font:inherit;border-radius:8px;padding:3px 6px}
.pz-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:4vh 5vw}
.pz-text{max-width:1100px;width:100%}
.pz-text p{font:clamp(26px,3.2vw,44px)/1.55 Georgia,"Times New Roman",serif;margin:0}
.pz-text h2{font:700 clamp(28px,3.4vw,46px)/1.3 Georgia,serif;margin:0 0 18px}
.pz-kick{font:700 15px ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#5d6a63;margin-bottom:12px}
.pz-opts{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pz-opts li{display:flex;gap:16px;align-items:baseline;font:clamp(22px,2.6vw,34px)/1.35 Georgia,serif;padding:12px 18px;border:2px solid #d8ccb0;border-radius:14px;background:#fff}
.pz-opts li span{font:700 .8em ui-sans-serif,system-ui,sans-serif;color:#5d6a63}
.pz-opts li.right{border-color:#1F5A4F;background:#e3f1e8}
.pz-why{margin-top:16px!important;font-size:clamp(18px,2vw,26px)!important;color:#3d4a43}
.pz-foot{display:flex;gap:12px;justify-content:center;padding:14px;border-top:1px solid #e5dccb}
.pz-foot .btn{font-size:18px;padding:10px 20px}
.pz-counts{display:flex;gap:6vw;justify-content:center;text-align:center;flex-wrap:wrap}
.pz-counts b{display:block;font:700 clamp(64px,10vw,130px)/1 Georgia,serif;color:#1F5A4F}
.pz-counts span{font:clamp(20px,2.4vw,30px) Georgia,serif}
.pz-note{text-align:center;color:#5d6a63;font-size:18px;margin-top:4vh}
.pz-load{font:28px Georgia,serif}
.cw-page .btn.pri,.cw-page .btn.pri:hover{background:#1F5A4F;border-color:#1F5A4F;color:#fff8e8;background-image:none}
.cw-page .btn.pri:hover{background:#174a41}
.cw-checkins{grid-template-columns:1fr;margin:0 0 14px}
.cw-checkins .cg-item{border-left:5px solid #a3362a}
.cw-subrow .time-filters{display:flex;gap:4px;border:1px solid #d5d9c7;border-radius:12px;padding:4px;background:#fffdf6}
.cw-subrow .time-filters button{border:0;background:transparent;border-radius:8px;padding:7px 12px;font:700 13px system-ui;color:#4d6359;cursor:pointer}
.cw-subrow .time-filters button[aria-pressed=true]{background:#1F5A4F;color:#fff}
.btn.pri{background:#1F5A4F!important;border-color:#1F5A4F!important;color:#fff8e8!important;background-image:none!important}
.btn.pri:hover{background:#174a41!important}
.cw-checkins .cg-alerts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cw-card-h .time-filters{display:flex;gap:4px;border:1px solid #d5d9c7;border-radius:12px;padding:4px;background:#fffdf6}
.cw-card-h .time-filters button{border:0;background:transparent;border-radius:8px;padding:6px 11px;font:700 13px system-ui;color:#4d6359;cursor:pointer}
.cw-card-h .time-filters button[aria-pressed=true]{background:#1F5A4F;color:#fff}
.cw-card-h .workspace-summary span{padding:2px 8px;min-width:0;flex:none;background:none;border:0;font-size:14px}.cw-card-h .workspace-summary b{display:inline;font-size:16px;margin:0 4px 0 0}
.pz-stage{align-items:stretch;justify-content:flex-start}
.pz-stage>.pz-text{margin:auto}
.pz-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}
@media(max-width:700px){.pz-counts{grid-template-columns:1fr}}
.tour-on .pz,.tour-on .cw-drawer{top:46px}
.cw-card .linkbtn[data-a=endClassReading]{color:#8a2b1d}
.rq-card .workspace-note{color:#5d6a63}
.cw-settings{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.cw-tiles{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.cw-alerts{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.cw-checkins .cg-alerts{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
@media(max-width:600px){.cw-nav{position:static}.cw-tabs button{padding:10px 11px;font-size:14px}}