/* Teacher workspace: fixed board coordinates; opening the inspector only scales it. */
.tt-classroom{background:#eef1e9;font-family:system-ui,Tahoma,sans-serif}
.cr-header{min-height:74px;padding:12px 22px;background:#183f36;color:#f5f3e9;border:0;box-shadow:0 3px 20px #152e2417;gap:26px}
.cr-brand{color:#f6f2e3;gap:12px}.cr-brand>svg{width:30px;height:30px;stroke:#d9c18d}.cr-brand strong{font-size:16px;letter-spacing:-.02em}.cr-brand small{color:#a5bdb0;letter-spacing:.11em;font-size:9px;margin-top:3px}
.cr-heading{border-inline-start:1px solid #ffffff25;padding-inline-start:24px}.cr-heading strong{font-size:21px;color:#f2ecd8}.cr-heading small{color:#a5bdb0}
.cr-actions{gap:7px}.cr-actions button{background:#ffffff0a;border-color:#ffffff20;color:#f3f4eb;font-size:12px}.cr-actions button:hover{background:#ffffff1a}.cr-actions #cr-tafsir{background:#ead8a7;color:#2a4032;border-color:#ead8a7}.cr-actions #cr-close{color:#d7e4d9}.cr-actions #cr-open-saved span{display:none}
.cr-selection-bar{display:flex;align-items:center;gap:9px;min-height:53px;padding:8px 24px;background:#f9faf5;border-bottom:1px solid #dce3d7;color:#607365;font-size:11px;z-index:4;flex:0 0 auto}
.cr-live-dot{width:6px;height:6px;flex:none;background:#659a72;border-radius:50%}.cr-selection-actions{display:flex;align-items:center;gap:9px;margin-inline-start:auto;flex-shrink:0}.cr-selection-actions label{font-size:10px}.cr-selection-actions select{color:#285343;border:1px solid #cfdacb;border-radius:7px;min-height:35px;padding:4px 8px;font:650 12px system-ui;direction:ltr;background:#fff}.cr-selection-actions button{min-height:35px;font-size:10px;padding:5px 9px}.cr-selection-actions button svg{width:16px;height:16px}
.cr-workspace{display:flex;flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.cr-stage{flex:1 1 0;min-width:0;background:#e9ede4;background-image:radial-gradient(#9eaf991f .7px,transparent .7px);background-size:14px 14px}
.cr-board{background:#fffdf6;border-radius:12px;box-shadow:0 10px 40px #26372d12}
.cr-page-head{color:#7a826a;border-color:#d9ddca}.cr-page-head span:first-child{color:#365e47}.cr-page-foot{font-size:13px;letter-spacing:.02em;color:#8a9079;border-color:#e3e5d8}
.cr-quran{color:#233c2c}.cr-ayah.cr-selected{background:var(--verse-mark,#e7b32835);box-shadow:0 0 0 4px var(--verse-mark,#e7b32835)}
.cr-ayah.cr-active-verse{outline:1px dashed #5d846b66;outline-offset:7px}.cr-focus-mode .cr-ayah{opacity:.18;transition:opacity .16s}.cr-focus-mode .cr-ayah.cr-active-verse{opacity:1;outline-color:#7a945d99}
.tt-classroom[data-tool="ayah"] .cr-ayah{cursor:crosshair}.tt-classroom[data-tool="laser"] .cr-ink{cursor:crosshair}#cr-laser{filter:drop-shadow(0 0 8px #e9474390);pointer-events:none}
.cr-toolbar{background:#fbfcf7;border-color:#d5dfcf;gap:12px;padding:12px 18px;justify-content:flex-start;box-shadow:0 -3px 20px #183c2910}
.cr-drawing{background:#eef2e8;border:1px solid #dce4d5;border-radius:13px;padding:5px;gap:3px}.cr-drawing button{border-color:transparent;background:transparent;min-width:64px;padding:7px 9px;font-size:9px;border-radius:8px;min-height:53px;color:#506756}.cr-drawing button svg{width:21px;height:21px}.tt-classroom .cr-drawing button[aria-pressed="true"]{background:#214e3c;color:#fff;box-shadow:0 3px 7px #214e3c20}
.cr-colors{gap:1px;border:0;padding:0}.cr-width{margin-inline-end:3px}.cr-history{border-inline-start:1px solid #dde4d4;padding-inline-start:12px;gap:5px}.cr-history button{background:#fff;border-color:#d9e1d3;min-width:42px;color:#4d6853}.cr-history #cr-save{background:#edf2e5;border-color:#bdcfad;color:#385533}.cr-history #cr-save span{display:inline;font-size:11px}.cr-navigation{gap:7px;margin-inline-start:auto}.cr-navigation button{background:#f3f6ed;border-color:#d5dfca}.cr-navigation output{color:#5d705b;font-size:11px}
.cr-inspector{display:flex;flex-direction:column;flex:0 0 420px;width:420px;max-width:42vw;min-width:0;background:#fcfbf6;border-inline-start:1px solid #cfdac9;box-shadow:-6px 0 30px #17372508;z-index:3;color:#264432}
.cr-inspector-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#f8f7ee;border-bottom:1px solid #e1e5d7;flex-shrink:0}.cr-inspector-head small{display:block;letter-spacing:.15em;font-size:8px;color:#8f845e}.cr-inspector-head strong{display:block;font:650 19px/1.3 Georgia,Tahoma,serif;margin-top:5px;letter-spacing:-.02em}.cr-inspector-head button{padding:6px;min-height:34px;border:0;background:transparent}.cr-inspector-head button span{display:none}.cr-inspector-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.cr-inspector .tf-panel{padding:18px}.cr-inspector .tf-panel button{font-size:12px;min-height:38px}.cr-inspector .tf-panel select,.cr-inspector .tf-panel input{font-size:12px;min-height:40px}.cr-inspector .tf-location{grid-template-columns:minmax(0,1fr) 60px auto}.cr-inspector .tf-verse{font-size:25px}.cr-inspector .tf-navigation>button{min-width:0;white-space:normal;flex:1}.cr-inspector .tf-content{font-size:20px}.cr-inspector .tf-source{font-size:10px}
.cr-teaching-notes{margin:0 18px 24px;padding:20px 0 0;border-top:1px solid #d7e0cf}.cr-teaching-notes label{font-size:13px;font-weight:700}.cr-teaching-notes p{font-size:11px;color:#7c8672;line-height:1.6;margin:6px 0 12px}.cr-teaching-notes textarea{width:100%;resize:vertical;min-height:110px;max-height:300px;padding:12px;border:1px solid #d0dac7;border-radius:10px;background:#fffef9;color:#2a4430;font:14px/1.7 system-ui,Tahoma,sans-serif}.cr-teaching-notes>span{display:block;text-align:end;font-size:9px;color:#85917b;margin-top:5px;direction:ltr}
.cr-controls-hidden .cr-selection-bar{display:none}.cr-controls-hidden .cr-inspector{display:none!important}.cr-controls-hidden .cr-workspace{width:100%}
.tt-classroom .tf-panel [hidden]{display:none!important}.tt-classroom .tf-panel svg{stroke:none}
@media(min-width:1700px){.cr-drawing button{min-width:76px;font-size:10px}.cr-header{padding-inline:30px}.cr-inspector{flex-basis:470px;width:470px}.cr-history button span{display:inline}.cr-toolbar{gap:18px}}
@media(max-width:1250px){.cr-header{gap:16px;padding-inline:16px}.cr-actions button span{display:none}.cr-actions #cr-tafsir span{display:inline}.cr-heading{padding-inline-start:15px}.cr-toolbar{gap:8px;padding:9px 12px}.cr-drawing button{min-width:52px;padding-inline:5px}.cr-history{padding-inline-start:7px}.cr-history #cr-save span{display:none}.cr-inspector{flex-basis:380px;width:380px;max-width:42vw}}
@media(max-width:920px){.cr-header{min-height:63px;padding:9px 12px;gap:10px}.cr-brand strong{font-size:13px}.cr-brand>svg{width:25px}.cr-heading{display:none}.cr-actions{margin-inline-start:auto;gap:4px}.cr-actions button{min-width:38px;min-height:40px;padding:6px}.cr-actions #cr-tafsir span{display:none}.cr-selection-bar{padding:8px 14px;min-height:49px}.cr-selection-bar>#cr-tool-hint{max-width:45%;line-height:1.4}.cr-inspector{position:absolute;inset:0 0 0 auto;width:min(460px,100%);max-width:100%;box-shadow:-20px 0 60px #193e2a30;z-index:5}.cr-inspector-open .cr-stage{visibility:hidden}.cr-inspector-open .cr-inspector{width:100%;inset:0;max-width:100%}.cr-inspector .tf-controls{grid-template-columns:1fr 1.3fr}.cr-inspector .tf-verse{font-size:30px}.cr-inspector .tf-compact{max-width:700px;margin:auto}.cr-teaching-notes{max-width:664px;margin-inline:auto;padding-inline:18px}.cr-toolbar{justify-content:center}.cr-navigation{margin-inline-start:0}.cr-drawing button{min-width:55px}.cr-history button{min-width:37px;padding:7px}.cr-selection-actions label{display:none}}
@media(max-width:600px){.cr-brand strong{font-size:11px}.cr-brand small{display:none}.cr-header{gap:5px;padding:6px 8px;min-height:55px}.cr-brand>svg{width:22px}.cr-actions{gap:1px}.cr-actions button{min-width:32px;min-height:37px;padding:5px;border-color:transparent}.cr-actions svg{width:19px;height:19px}#cr-open-saved{display:none}.cr-selection-bar{min-height:48px;padding:7px 10px;gap:6px;font-size:9px}.cr-selection-bar>#cr-tool-hint{max-width:45%}.cr-selection-actions{gap:5px}.cr-selection-actions button{padding:5px;font-size:9px}.cr-selection-actions button span{display:none}.cr-selection-actions select{font-size:10px;max-width:76px}.cr-drawing{flex:1 1 100%;justify-content:space-between;padding:3px}.cr-drawing button{flex:1;min-width:0;padding:5px 3px;min-height:45px;font-size:8px;gap:3px}.cr-drawing button svg{width:19px;height:19px}.cr-toolbar{gap:5px;padding:7px 8px max(7px,env(safe-area-inset-bottom));justify-content:space-between}.cr-colors{gap:0}.tt-classroom .cr-color{width:25px!important;min-height:32px!important;padding:3px}.cr-color i{width:19px;height:19px}.cr-width select{max-width:65px;font-size:9px;min-height:30px}.cr-history{padding-inline-start:5px;gap:3px;border:0}.cr-history button{min-width:31px;min-height:33px;padding:5px}.cr-history button svg{width:18px;height:18px}.cr-history #cr-share{display:none}.cr-navigation{margin-inline-start:auto;gap:3px}.cr-navigation button{min-width:30px;min-height:33px;padding:4px}.cr-navigation output{min-width:32px;font-size:10px}.cr-inspector .tf-controls{grid-template-columns:1fr}.cr-inspector-head{padding:12px 18px}.cr-inspector-head strong{font-size:17px}.cr-status{bottom:145px}.cr-teaching-notes{margin-inline:18px;padding-inline:0}}
@media(max-height:540px){.cr-header{min-height:48px;padding-block:5px}.cr-selection-bar{min-height:39px;padding-block:3px}.cr-toolbar{padding-block:5px}.cr-drawing button{min-height:36px;flex-direction:row}.cr-drawing button span{display:none}}
@media(prefers-reduced-motion:reduce){.cr-focus-mode .cr-ayah{transition:none}}
.cr-inspector-tabs{display:flex;gap:5px;padding:10px 18px;border-bottom:1px solid #e1e5d7;background:#f8f7ee;flex-shrink:0}.cr-inspector-tabs button{flex:1;min-height:38px;font-size:12px;border:1px solid transparent;background:transparent;color:#6a7b67}.cr-inspector-tabs button[aria-selected="true"]{background:#fffef9;color:#254c3b;border-color:#cdd9c4;box-shadow:0 2px 5px #27482a08}.cr-teaching-notes{border:0;margin-top:0;padding-top:22px}.cr-teaching-notes textarea{min-height:240px;max-height:none}