/* TOÁN TIN — V2.26 Visual Rebuild
   Bootstrap 5 controls page/grid/flex/responsive layout.
   This stylesheet only supplies branding, visual states and component polish. */
[data-toantin-tool="classroom_activity_board"]{
  --tt-bg:#eef6ff;--tt-ink:#0b2b63;--tt-muted:#6f8098;--tt-line:#dce8f5;
  --tt-blue:#1677ff;--tt-blue2:#2f6dff;--tt-green:#10c98f;--tt-purple:#6d5dfc;
  --tt-orange:#ff9f0a;--tt-red:#f04455;--display-scale:1;
  --tt-shadow:0 10px 28px rgba(43,87,151,.10);
}
[data-toantin-tool="classroom_activity_board"], [data-toantin-tool="classroom_activity_board"] *{box-sizing:border-box}[data-toantin-tool="classroom_activity_board"], [data-toantin-tool="classroom_activity_board"]{min-height:100%;background:linear-gradient(180deg,#f7fbff 0,#eef6ff 45%,#eaf3fc 100%);color:var(--tt-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}[data-toantin-tool="classroom_activity_board"]{margin:0}[data-toantin-tool="classroom_activity_board"] button, [data-toantin-tool="classroom_activity_board"] input, [data-toantin-tool="classroom_activity_board"] textarea, [data-toantin-tool="classroom_activity_board"] select{font:inherit}[data-toantin-tool="classroom_activity_board"] [hidden]{display:none!important}[data-toantin-tool="classroom_activity_board"] .min-w-0{min-width:0}
[data-toantin-tool="classroom_activity_board"] .tt-header{position:sticky;top:0;z-index:1030;box-shadow:0 5px 18px rgba(41,78,128,.05)}
[data-toantin-tool="classroom_activity_board"] .tt-logo{width:58px;height:58px;border-radius:16px;overflow:hidden;box-shadow:0 8px 18px rgba(40,92,165,.14)}[data-toantin-tool="classroom_activity_board"] .tt-logo img{width:100%;height:100%;object-fit:cover}[data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:1.25rem;font-weight:900;line-height:1.12;letter-spacing:-.02em}[data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle{font-size:.72rem;color:var(--tt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-toantin-tool="classroom_activity_board"] .tt-class-pill{width:min(280px,100%);border:1px solid #d5e2f1;background:#fff;border-radius:16px;padding:.5rem .75rem;box-shadow:0 5px 16px rgba(36,74,122,.07);color:var(--tt-ink)}[data-toantin-tool="classroom_activity_board"] .tt-class-pill strong{font-size:.88rem}[data-toantin-tool="classroom_activity_board"] .tt-class-pill small{font-size:.68rem;color:var(--tt-muted)}[data-toantin-tool="classroom_activity_board"] .tt-class-icon{width:30px;height:30px;border-radius:10px;background:#edf5ff;display:grid;place-items:center}[data-toantin-tool="classroom_activity_board"] .tt-attendance-pill{font-size:.72rem;padding:.55rem .8rem}[data-toantin-tool="classroom_activity_board"] .offline-status{font-size:.7rem;color:#10b981}[data-toantin-tool="classroom_activity_board"] .offline-status.offline{color:#ef4444}[data-toantin-tool="classroom_activity_board"] .tt-btn-new, [data-toantin-tool="classroom_activity_board"] .tt-btn-help{border:0;color:#fff;padding:.65rem 1.1rem;box-shadow:0 8px 18px rgba(36,87,174,.18)}[data-toantin-tool="classroom_activity_board"] .tt-btn-new{background:linear-gradient(135deg,#25d7a7,#04bfae)}[data-toantin-tool="classroom_activity_board"] .tt-btn-help{background:linear-gradient(135deg,#8276ff,#6658ee)}[data-toantin-tool="classroom_activity_board"] .tt-clock-pill{min-height:42px;display:flex;align-items:center;gap:.45rem;background:#fff;border:1px solid #e4ecf5;padding:.55rem 1rem;font-size:1.05rem;box-shadow:0 5px 16px rgba(39,74,119,.06)}[data-toantin-tool="classroom_activity_board"] .tt-icon-btn{width:44px;height:44px;border-radius:13px;border:1px solid #e1eaf4;background:#fff;color:#0a3976;font-size:1.25rem;box-shadow:0 5px 15px rgba(41,78,128,.06)}
[data-toantin-tool="classroom_activity_board"] .tt-card, [data-toantin-tool="classroom_activity_board"] .tt-toolbar-card, [data-toantin-tool="classroom_activity_board"] .tt-stage-card{border-radius:18px!important;background:#fff}[data-toantin-tool="classroom_activity_board"] .tt-section-title{font-size:.8rem;font-weight:900;letter-spacing:.03em;color:#183762}[data-toantin-tool="classroom_activity_board"] .tt-sidebar{position:sticky;top:88px}[data-toantin-tool="classroom_activity_board"] .activity-list{display:flex;flex-direction:column;gap:7px;max-height:43vh;overflow:auto;padding-right:2px;margin-bottom:10px}[data-toantin-tool="classroom_activity_board"] .activity-item-wrap{display:flex;gap:6px;align-items:stretch}[data-toantin-tool="classroom_activity_board"] .activity-main-btn{flex:1;min-width:0;border:1px solid #e5edf6;border-radius:12px;background:#fff;text-align:left;padding:9px 10px;color:var(--tt-ink);transition:.18s}[data-toantin-tool="classroom_activity_board"] .activity-main-btn:hover{background:#f6faff;border-color:#bcd8ff}[data-toantin-tool="classroom_activity_board"] .activity-main-btn.active{background:#eaf4ff;border-color:#5aa7ff;box-shadow:inset 4px 0 #1677ff,0 6px 16px rgba(32,112,255,.09)}[data-toantin-tool="classroom_activity_board"] .activity-main-btn.done{opacity:.58}[data-toantin-tool="classroom_activity_board"] .activity-main-btn strong, [data-toantin-tool="classroom_activity_board"] .activity-main-btn span{display:block}[data-toantin-tool="classroom_activity_board"] .activity-main-btn strong{font-size:.78rem}[data-toantin-tool="classroom_activity_board"] .activity-main-btn span{font-size:.67rem;color:var(--tt-muted);margin-top:2px}[data-toantin-tool="classroom_activity_board"] .activity-side{width:42px;display:flex;flex-direction:column;gap:4px}[data-toantin-tool="classroom_activity_board"] .activity-minute-input{width:100%;min-width:0;border:1px solid #e1e9f3;border-radius:8px;padding:4px;text-align:center;font-size:.68rem}[data-toantin-tool="classroom_activity_board"] .activity-start-btn{flex:1;border:0;border-radius:8px;background:#e9fbf5;color:#008c69}[data-toantin-tool="classroom_activity_board"] .tt-quick-btn{min-height:64px;border:1px solid #e2eaf3;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#173767}[data-toantin-tool="classroom_activity_board"] .tt-quick-btn span{font-size:1.25rem}[data-toantin-tool="classroom_activity_board"] .tt-quick-btn b{font-size:.7rem}[data-toantin-tool="classroom_activity_board"] .tt-quick-btn:hover{background:#f5f9ff;border-color:#bcd5f5}[data-toantin-tool="classroom_activity_board"] .tt-sound-btn{width:38px;height:38px;padding:0;border:1px solid #e0e8f2;border-radius:10px;background:#f9fbfe}[data-toantin-tool="classroom_activity_board"] .tt-sound-btn.active, [data-toantin-tool="classroom_activity_board"] .active-loop{background:#e9f6ff;border-color:#83baff}[data-toantin-tool="classroom_activity_board"] .sound-settings label{font-size:.72rem;font-weight:700;color:#405675}[data-toantin-tool="classroom_activity_board"] .audio-library-note{font-size:.66rem}[data-toantin-tool="classroom_activity_board"] .timer-tick-hint{font-size:.65rem;color:var(--tt-muted)}
[data-toantin-tool="classroom_activity_board"] .tt-toolbar-card{box-shadow:var(--tt-shadow)!important}[data-toantin-tool="classroom_activity_board"] .stage-tab{border:0!important;background:#f7f9fc!important;color:#4b5f7c!important;border-radius:12px!important;font-size:.8rem;font-weight:800;white-space:nowrap;padding:.65rem .95rem}[data-toantin-tool="classroom_activity_board"] .stage-tab.active{background:#e7fff4!important;color:#008c69!important;box-shadow:inset 0 -3px #17c991}[data-toantin-tool="classroom_activity_board"] .tt-font-group .btn{font-weight:900;color:#274267;border-color:#e0e9f3}[data-toantin-tool="classroom_activity_board"] .tt-font-group .btn.active{background:#e9fff5;color:#008a68}[data-toantin-tool="classroom_activity_board"] .tt-display-actions .btn{border-radius:12px}[data-toantin-tool="classroom_activity_board"] .tt-focus-btn{background:#fff5df;border:1px solid #ffe2a8;color:#dc7c00}[data-toantin-tool="classroom_activity_board"] .tt-stage-card{overflow:hidden;box-shadow:var(--tt-shadow)!important}[data-toantin-tool="classroom_activity_board"] .stage{position:relative;min-height:64vh;border-radius:18px;overflow:hidden;border:1px solid #cfe5ff;background:linear-gradient(145deg,#ecf8ff 0%,#ffffff 48%,#edfbff 100%)}[data-toantin-tool="classroom_activity_board"] .stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 25%,rgba(74,201,255,.22),transparent 16%),radial-gradient(circle at 91% 75%,rgba(102,123,255,.15),transparent 18%);pointer-events:none}[data-toantin-tool="classroom_activity_board"] .stage-view{display:none;position:relative;z-index:1;min-height:64vh;padding:clamp(30px,4vw,62px);align-items:center;justify-content:center;text-align:center;flex-direction:column}[data-toantin-tool="classroom_activity_board"] .stage-view.active{display:flex}[data-toantin-tool="classroom_activity_board"] .tt-stage-badge-wrap{position:absolute;top:30px;left:5.5%}[data-toantin-tool="classroom_activity_board"] .activity-kicker{background:linear-gradient(135deg,#3a8cff,#215ce8);color:#fff;border-radius:16px;padding:.7rem 1.15rem;font-size:.92rem;font-weight:900;letter-spacing:.03em;box-shadow:0 10px 20px rgba(36,102,232,.22)}[data-toantin-tool="classroom_activity_board"] .tt-stage-content{max-width:1100px}[data-toantin-tool="classroom_activity_board"] .tt-stage-content h1{font-size:calc(clamp(2rem,4vw,4.1rem) * var(--display-scale));line-height:1.08;font-weight:950;color:#09275f;letter-spacing:-.03em;margin:0 0 18px}[data-toantin-tool="classroom_activity_board"] .activity-body{font-size:calc(clamp(1.15rem,2vw,2.1rem) * var(--display-scale));line-height:1.42;color:#64758e;max-width:1000px}[data-toantin-tool="classroom_activity_board"] .activity-timer-mini{position:absolute;top:30px;right:5.5%;display:flex;align-items:center;gap:.4rem;background:#fff0f4;color:#e63255;border:1px solid #ffcbd6;border-radius:17px;padding:.65rem 1rem;font-size:1.1rem;font-weight:900;box-shadow:0 10px 22px rgba(221,50,83,.12)}[data-toantin-tool="classroom_activity_board"] .tt-stage-decoration{position:absolute;z-index:0;filter:drop-shadow(0 10px 10px rgba(26,93,177,.16));pointer-events:none}[data-toantin-tool="classroom_activity_board"] .tt-book{left:2%;bottom:-2%;font-size:clamp(4rem,8vw,8rem);transform:rotate(-6deg)}[data-toantin-tool="classroom_activity_board"] .tt-bulb{right:2.5%;bottom:1%;font-size:clamp(3.5rem,7vw,7rem);transform:rotate(8deg)}
[data-toantin-tool="classroom_activity_board"] .timer-display{font-size:calc(clamp(4rem,10vw,9rem) * var(--display-scale));font-weight:950;color:#09275f;letter-spacing:-.05em}[data-toantin-tool="classroom_activity_board"] .timer-label, [data-toantin-tool="classroom_activity_board"] .random-kicker{font-size:.78rem;font-weight:900;letter-spacing:.12em;color:#1677ff}[data-toantin-tool="classroom_activity_board"] .timer-progress{width:min(760px,86%);height:14px;background:#e7edf5;border-radius:999px;overflow:hidden;margin:24px auto}[data-toantin-tool="classroom_activity_board"] .timer-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#48c7ff,#2573ff)}[data-toantin-tool="classroom_activity_board"] .circle-action{min-width:64px;min-height:48px;border-radius:14px!important;font-weight:800}[data-toantin-tool="classroom_activity_board"] .timer-warning .timer-display{color:#d97706}[data-toantin-tool="classroom_activity_board"] .timer-warning .timer-progress span{background:linear-gradient(90deg,#fbbf24,#f59e0b)}[data-toantin-tool="classroom_activity_board"] .timer-critical .timer-display{color:#e11d48;animation:pulse .65s infinite alternate}[data-toantin-tool="classroom_activity_board"] .timer-critical .timer-progress span{background:linear-gradient(90deg,#fb7185,#e11d48)}@keyframes pulse{to{transform:scale(1.035)}}[data-toantin-tool="classroom_activity_board"] .random-name{font-size:calc(clamp(2.4rem,6vw,6rem) * var(--display-scale));font-weight:950;color:#09275f}[data-toantin-tool="classroom_activity_board"] .random-meta, [data-toantin-tool="classroom_activity_board"] .random-progress-row, [data-toantin-tool="classroom_activity_board"] .voice-info{color:var(--tt-muted)}[data-toantin-tool="classroom_activity_board"] .random-progress-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}[data-toantin-tool="classroom_activity_board"] .random-history{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}[data-toantin-tool="classroom_activity_board"] .random-history span{background:#fff;border:1px solid #dfe8f3;border-radius:999px;padding:5px 9px;font-size:.75rem}[data-toantin-tool="classroom_activity_board"] .speech-controls{display:grid;gap:8px;width:min(680px,100%);grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}[data-toantin-tool="classroom_activity_board"] .speech-controls .voice-info{grid-column:1/-1}[data-toantin-tool="classroom_activity_board"] .group-count button{border:1px solid #dce6f1;background:#fff;border-radius:10px;padding:7px 12px}[data-toantin-tool="classroom_activity_board"] .group-count button.active{background:#1677ff;color:#fff}[data-toantin-tool="classroom_activity_board"] .groups-grid, [data-toantin-tool="classroom_activity_board"] .score-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}[data-toantin-tool="classroom_activity_board"] .group-card, [data-toantin-tool="classroom_activity_board"] .score-card{background:#fff;border:1px solid #e0e8f2;border-radius:16px;padding:14px;text-align:left;box-shadow:0 8px 20px rgba(25,73,135,.06)}[data-toantin-tool="classroom_activity_board"] .score-card{text-align:center}[data-toantin-tool="classroom_activity_board"] .score-card strong{display:block;font-size:2rem;color:#1677ff}[data-toantin-tool="classroom_activity_board"] .qr-layout{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}[data-toantin-tool="classroom_activity_board"] .qr-code{background:#fff;border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(31,82,144,.08)}[data-toantin-tool="classroom_activity_board"] .qr-info{text-align:left}[data-toantin-tool="classroom_activity_board"] .qr-link{color:var(--tt-muted);word-break:break-all}[data-toantin-tool="classroom_activity_board"] .tt-shortcuts kbd{background:#172033}[data-toantin-tool="classroom_activity_board"] .tt-stage-card .card-footer{box-shadow:0 -4px 14px rgba(33,74,124,.035)}[data-toantin-tool="classroom_activity_board"] [data-tt-id="activityPager"] .btn{width:42px;height:42px;border-radius:12px;font-weight:800}[data-toantin-tool="classroom_activity_board"] [data-tt-id="activityPager"] .btn.active{background:#1677ff;color:#fff;border-color:#1677ff;box-shadow:0 5px 14px rgba(22,119,255,.22)}
[data-toantin-tool="classroom_activity_board"] .focus-overlay{position:fixed;inset:0;z-index:20000;background:radial-gradient(circle at center,#1d4ed8,#071b42);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}[data-toantin-tool="classroom_activity_board"] .focus-icon{font-size:6rem}[data-toantin-tool="classroom_activity_board"] .focus-text{font-size:clamp(2.5rem,8vw,7rem);font-weight:950}[data-toantin-tool="classroom_activity_board"] .focus-sub{font-size:1rem;opacity:.8}
/* Dialogs */[data-toantin-tool="classroom_activity_board"] dialog{border:0;padding:0;border-radius:20px;box-shadow:0 30px 90px rgba(15,23,42,.28);max-width:96vw}[data-toantin-tool="classroom_activity_board"] dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}[data-toantin-tool="classroom_activity_board"] [data-tt-id="setupDialog"]{width:min(1320px,96vw);max-height:92vh}[data-toantin-tool="classroom_activity_board"] .setup-dialog{background:#fff;max-height:92vh;overflow:auto}[data-toantin-tool="classroom_activity_board"] .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #e0e9f3;background:#f8fbff}[data-toantin-tool="classroom_activity_board"] .dialog-head h2{font-size:1.35rem;margin:0}[data-toantin-tool="classroom_activity_board"] .eyebrow{font-size:.68rem;font-weight:900;color:#0f766e;letter-spacing:.09em}[data-toantin-tool="classroom_activity_board"] .dialog-close{border:0;background:#eef2f7;border-radius:50%;width:38px;height:38px;font-size:1.5rem}[data-toantin-tool="classroom_activity_board"] .setup-dialog-head{display:grid;grid-template-columns:1fr auto 1fr}[data-toantin-tool="classroom_activity_board"] .setup-dialog-head .dialog-close{justify-self:end}[data-toantin-tool="classroom_activity_board"] .setup-help-btn{justify-self:center;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;border-radius:999px;padding:9px 14px;font-weight:800}[data-toantin-tool="classroom_activity_board"] .setup-grid{padding:18px}[data-toantin-tool="classroom_activity_board"] .setup-grid h3{font-size:.95rem;margin-bottom:10px}[data-toantin-tool="classroom_activity_board"] .setup-grid label{font-size:.75rem;font-weight:700;color:#334155}[data-toantin-tool="classroom_activity_board"] .setup-grid input, [data-toantin-tool="classroom_activity_board"] .setup-grid textarea, [data-toantin-tool="classroom_activity_board"] .setup-grid select{margin-top:5px}[data-toantin-tool="classroom_activity_board"] .form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}[data-toantin-tool="classroom_activity_board"] .block-label{display:block}[data-toantin-tool="classroom_activity_board"] .student-import{border:1px dashed #bfd3e7;border-radius:14px;padding:12px;margin-top:12px}[data-toantin-tool="classroom_activity_board"] .student-import-head{display:flex;justify-content:space-between;gap:8px;font-size:.72rem}[data-toantin-tool="classroom_activity_board"] .student-import-btn{display:block;margin-top:8px;background:#ecfdf5;border:1px solid #99f6e4;border-radius:10px;padding:9px;text-align:center;color:#047857}[data-toantin-tool="classroom_activity_board"] .student-import-btn input, [data-toantin-tool="classroom_activity_board"] .import-json-btn input{display:none}[data-toantin-tool="classroom_activity_board"] .student-import-info, [data-toantin-tool="classroom_activity_board"] .saved-class-help{font-size:.65rem;color:#6f8098;margin-top:6px}[data-toantin-tool="classroom_activity_board"] .remember-row{display:flex;align-items:center;gap:8px;margin-top:12px}[data-toantin-tool="classroom_activity_board"] .saved-class-actions, [data-toantin-tool="classroom_activity_board"] .backup-class-actions, [data-toantin-tool="classroom_activity_board"] .dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}[data-toantin-tool="classroom_activity_board"] .saved-class-actions button, [data-toantin-tool="classroom_activity_board"] .backup-class-actions button{border:1px solid #dbe5f0;background:#fff;border-radius:9px;padding:7px 10px}[data-toantin-tool="classroom_activity_board"] .import-json-btn{border:1px solid #dbe5f0;background:#fff;border-radius:9px;padding:7px 10px}[data-toantin-tool="classroom_activity_board"] .activity-edit-list{display:grid;gap:8px;max-height:52vh;overflow:auto}[data-toantin-tool="classroom_activity_board"] .activity-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 42px;gap:7px;background:#f8fafc;border:1px solid #e4ebf3;border-radius:12px;padding:8px}[data-toantin-tool="classroom_activity_board"] .activity-edit-row textarea{grid-column:1/3;min-height:70px}[data-toantin-tool="classroom_activity_board"] .activity-edit-row .remove-activity{grid-column:3;grid-row:1/3;border:0;border-radius:10px;background:#fff1f2;color:#e11d48}[data-toantin-tool="classroom_activity_board"] .add-activity-btn{width:100%;margin-top:8px;border:0;border-radius:10px;background:#e9f1f8;padding:9px;font-weight:800}[data-toantin-tool="classroom_activity_board"] .dialog-actions{justify-content:flex-end;padding-top:12px}[data-toantin-tool="classroom_activity_board"] .attendance-dialog{width:min(720px,94vw);background:#fff}[data-toantin-tool="classroom_activity_board"] .attendance-body{padding:16px}[data-toantin-tool="classroom_activity_board"] .attendance-summary-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:10px;margin-bottom:10px}[data-toantin-tool="classroom_activity_board"] .attendance-list{max-height:50vh;overflow:auto;display:grid;gap:6px}[data-toantin-tool="classroom_activity_board"] .attendance-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:10px;padding:8px}[data-toantin-tool="classroom_activity_board"] .attendance-row.absent{background:#fff1f2;border-color:#fecdd3}[data-toantin-tool="classroom_activity_board"] .attendance-row small{color:#e11d48;font-weight:800}[data-toantin-tool="classroom_activity_board"] .attendance-actions{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0}[data-toantin-tool="classroom_activity_board"] .toantin-help-dialog{width:min(920px,94vw);max-height:88vh}[data-toantin-tool="classroom_activity_board"] .help-dialog-shell{display:flex;flex-direction:column;max-height:88vh;background:#fff}[data-toantin-tool="classroom_activity_board"] .help-dialog-header{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#f8fbff}[data-toantin-tool="classroom_activity_board"] .help-dialog-header h2{font-size:1.25rem}[data-toantin-tool="classroom_activity_board"] .help-close-btn{border:0;background:#eef2f7;border-radius:50%;width:36px;height:36px;font-size:1.4rem}[data-toantin-tool="classroom_activity_board"] .help-dialog-body{overflow:auto;padding:16px}[data-toantin-tool="classroom_activity_board"] .help-quick, [data-toantin-tool="classroom_activity_board"] .help-section{border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:12px}[data-toantin-tool="classroom_activity_board"] .help-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}[data-toantin-tool="classroom_activity_board"] .help-feature-grid article{border:1px solid #e2e8f0;border-radius:10px;padding:10px}[data-toantin-tool="classroom_activity_board"] .help-feature-grid article b, [data-toantin-tool="classroom_activity_board"] .help-feature-grid article span{display:block}[data-toantin-tool="classroom_activity_board"] .help-feature-grid article span{font-size:.75rem;color:#64748b;margin-top:3px}[data-toantin-tool="classroom_activity_board"] .help-dialog-footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #e2e8f0}[data-toantin-tool="classroom_activity_board"] .help-eyebrow, [data-toantin-tool="classroom_activity_board"] .help-section-title{font-weight:900}[data-toantin-tool="classroom_activity_board"] .help-eyebrow{font-size:.65rem;color:#2563eb}[data-toantin-tool="classroom_activity_board"] .help-section-title{margin-bottom:8px}[data-toantin-tool="classroom_activity_board"] .help-steps, [data-toantin-tool="classroom_activity_board"] .help-methods{display:grid;gap:6px}[data-toantin-tool="classroom_activity_board"] .help-badge{display:inline-block;background:#eef2ff;color:#4338ca;border-radius:999px;padding:3px 7px;font-size:.65rem;font-weight:900;margin-right:6px}[data-toantin-tool="classroom_activity_board"] .help-tip{margin-top:8px;background:#ecfdf5;color:#047857;border-radius:9px;padding:8px}[data-toantin-tool="classroom_activity_board"] .help-note{background:#fffbeb}[data-toantin-tool="classroom_activity_board"] .toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(20px);z-index:22000;background:#111827;color:#fff;border-radius:999px;padding:8px 14px;opacity:0;pointer-events:none;transition:.2s}[data-toantin-tool="classroom_activity_board"] .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:1199.98px){[data-toantin-tool="classroom_activity_board"] .tt-header{position:relative}[data-toantin-tool="classroom_activity_board"] .tt-sidebar{position:static}[data-toantin-tool="classroom_activity_board"] .tt-header-actions, [data-toantin-tool="classroom_activity_board"] .tt-class-area{justify-content:center!important}[data-toantin-tool="classroom_activity_board"] .stage, [data-toantin-tool="classroom_activity_board"] .stage-view{min-height:58vh}}
@media (max-width:767.98px){[data-toantin-tool="classroom_activity_board"] .tt-logo{width:48px;height:48px}[data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:1.05rem}[data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle{font-size:.64rem}[data-toantin-tool="classroom_activity_board"] .tt-header-actions{justify-content:center!important}[data-toantin-tool="classroom_activity_board"] .tt-btn-new, [data-toantin-tool="classroom_activity_board"] .tt-btn-help{padding:.55rem .8rem}[data-toantin-tool="classroom_activity_board"] .tt-clock-pill{padding:.5rem .75rem}[data-toantin-tool="classroom_activity_board"] .tt-icon-btn{width:40px;height:40px}[data-toantin-tool="classroom_activity_board"] .stage, [data-toantin-tool="classroom_activity_board"] .stage-view{min-height:56vh}[data-toantin-tool="classroom_activity_board"] .stage-view{padding:76px 18px 35px}[data-toantin-tool="classroom_activity_board"] .tt-stage-badge-wrap{top:16px;left:16px}[data-toantin-tool="classroom_activity_board"] .activity-timer-mini{top:16px;right:16px}[data-toantin-tool="classroom_activity_board"] .tt-stage-decoration{opacity:.55}[data-toantin-tool="classroom_activity_board"] .speech-controls{grid-template-columns:1fr}[data-toantin-tool="classroom_activity_board"] .help-feature-grid{grid-template-columns:1fr}[data-toantin-tool="classroom_activity_board"] .setup-dialog-head{grid-template-columns:1fr auto}[data-toantin-tool="classroom_activity_board"] .setup-help-btn{grid-column:1/-1;grid-row:2;justify-self:center}[data-toantin-tool="classroom_activity_board"] .activity-edit-row{grid-template-columns:minmax(0,1fr) 74px 40px}[data-toantin-tool="classroom_activity_board"] .form-grid.two{grid-template-columns:1fr}}
@media (max-width:420px){[data-toantin-tool="classroom_activity_board"] .tt-btn-help span, [data-toantin-tool="classroom_activity_board"] .tt-btn-new span{display:none}[data-toantin-tool="classroom_activity_board"] .tt-attendance-pill .header-attendance-label{display:none}[data-toantin-tool="classroom_activity_board"] .tt-class-pill{width:100%}[data-toantin-tool="classroom_activity_board"] .tt-header-actions{gap:.35rem!important}[data-toantin-tool="classroom_activity_board"] .activity-timer-mini{font-size:.9rem}[data-toantin-tool="classroom_activity_board"] .activity-kicker{font-size:.76rem}[data-toantin-tool="classroom_activity_board"] .tt-shortcuts{font-size:.65rem}}


/* ===== V2.26 HOMEFIX: Home nằm bên trái "Lớp đang dạy" ===== */
[data-toantin-tool="classroom_activity_board"] .tt-home-btn{
  min-height:40px;
  white-space:nowrap;
}
@media (max-width:767.98px){
  [data-toantin-tool="classroom_activity_board"] .tt-class-area{
    justify-content:center !important;
  }
  [data-toantin-tool="classroom_activity_board"] .tt-home-btn{
    width:40px;
    height:40px;
    padding:0 !important;
    justify-content:center;
  }
}

/* ===== A1 — Baseline Freeze + Regression Repair =====
   Minimal recovery of V2.26 HOMEFIX behaviors lost during the Bootstrap visual rebuild.
   Intentionally not the Contract V4 CSS namespace / A5 redesign. */

/* Setup dialog: neutralize Bootstrap row negative gutters inside the padded dialog.
   This fixes the source of horizontal overflow instead of hiding it. */
[data-toantin-tool="classroom_activity_board"] .setup-grid.row{
  --bs-gutter-x:1rem;
  --bs-gutter-y:1rem;
  margin-left:0;
  margin-right:0;
}
[data-toantin-tool="classroom_activity_board"] .setup-grid.row>*{min-width:0}
[data-toantin-tool="classroom_activity_board"] .setup-grid .form-grid, [data-toantin-tool="classroom_activity_board"] .setup-grid .form-grid>*{min-width:0}
[data-toantin-tool="classroom_activity_board"] .setup-grid input, [data-toantin-tool="classroom_activity_board"] .setup-grid textarea, [data-toantin-tool="classroom_activity_board"] .setup-grid select{max-width:100%}

/* Migrated setup / saved-class controls that are still used by the current HTML. */
[data-toantin-tool="classroom_activity_board"] .saved-class-row, [data-toantin-tool="classroom_activity_board"] .class-transfer-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
  min-width:0;
}
[data-toantin-tool="classroom_activity_board"] .saved-class-row .form-select{flex:1 1 190px;min-width:0}
[data-toantin-tool="classroom_activity_board"] .saved-class-row button, [data-toantin-tool="classroom_activity_board"] .class-transfer-row button, [data-toantin-tool="classroom_activity_board"] .class-transfer-row .import-json-btn{
  min-height:38px;
}
[data-toantin-tool="classroom_activity_board"] .saved-class-row button{
  border:1px solid #dbe5f0;
  background:#fff;
  color:#274267;
  border-radius:9px;
  padding:7px 10px;
  font-weight:700;
}
[data-toantin-tool="classroom_activity_board"] .saved-class-row button:hover{background:#f6faff;border-color:#bcd8ff}

/* Shared dialog footer and attendance tools restored from the pre-rebuild behavior. */
[data-toantin-tool="classroom_activity_board"] .dialog-footer{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:14px 18px;
  border-top:1px solid #e4edf7;
  background:#fbfdff;
}
[data-toantin-tool="classroom_activity_board"] .dialog-footer-spacer{flex:1 1 auto}
[data-toantin-tool="classroom_activity_board"] .attendance-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:12px 16px;
  border-bottom:1px solid #e6edf6;
}
[data-toantin-tool="classroom_activity_board"] .attendance-tools .form-control{flex:1 1 240px;min-width:0}

/* Audio diagnostics state was still emitted by JS but lost its runtime styling. */
[data-toantin-tool="classroom_activity_board"] .audio-diag-box{
  margin-top:7px;
  padding:8px 10px;
  border:1px solid #dce8f5;
  border-radius:10px;
  background:#fff;
  color:#475569;
  font-size:.72rem;
  line-height:1.45;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
[data-toantin-tool="classroom_activity_board"] .audio-diag-box.ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
[data-toantin-tool="classroom_activity_board"] .audio-diag-box.error{background:#fff1f2;border-color:#fecdd3;color:#be123c}

/* Bootstrap confirmation modal visual rules used by the current runtime. */
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-modal .modal-content{
  border:0;
  border-radius:18px;
  box-shadow:0 22px 70px rgba(15,35,70,.25);
}
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-head{display:flex;align-items:center;gap:12px}
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-copy{min-width:0;flex:1}
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:13px;
  background:#eef4ff;
  color:#1d4ed8;
  display:grid;
  place-items:center;
  font-size:1.2rem;
  font-weight:900;
}
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-icon.is-warning{background:#fff7ed;color:#c2410c}
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-icon.is-danger{background:#fff1f2;color:#be123c}
[data-toantin-tool="classroom_activity_board"] .toantin-confirm-message{color:#5f718b;line-height:1.55;overflow-wrap:anywhere}

/* Scoreboard leader state: restore visible state and avoid color-only communication. */
[data-toantin-tool="classroom_activity_board"] .score-card{position:relative}
[data-toantin-tool="classroom_activity_board"] .score-card.winner{
  border-color:#f4c84a;
  box-shadow:0 10px 26px rgba(217,159,22,.18);
  background:linear-gradient(180deg,#fffdf4 0%,#fff 68%);
}
[data-toantin-tool="classroom_activity_board"] .score-leader-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:2px auto 8px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff3bf;
  border:1px solid #f5d76e;
  color:#7c5a00;
  font-size:.72rem;
  font-weight:900;
}

/* Presentation regression repair for the CURRENT Bootstrap shell.
   The legacy selectors targeted pre-rebuild class names and no longer matched. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-header, [data-toantin-tool="classroom_activity_board"].app-shell.presentation main>.row>aside, [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-stage-card>.card-footer{
  display:none!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation main.container-fluid{
  padding:0!important;
  margin:0!important;
  max-width:none!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation main>.row{
  margin:0!important;
  --bs-gutter-x:0;
  --bs-gutter-y:0;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation main>.row>section{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  padding:0!important;
  margin:0!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation main>.row>section>.d-flex{gap:0!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-stage-card{
  position:fixed;
  inset:0;
  z-index:15000;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-stage-card>.card-body{
  height:100vh;
  height:100dvh;
  padding:0!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .stage, [data-toantin-tool="classroom_activity_board"].app-shell.presentation .stage-view{
  min-height:100vh;
  min-height:100dvh;
  height:100%;
  border:0;
  border-radius:0;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .stage-view{padding:clamp(28px,5vh,72px) clamp(28px,5vw,88px)}

@media (max-width:767.98px){
  [data-toantin-tool="classroom_activity_board"] .dialog-footer{align-items:stretch}
  [data-toantin-tool="classroom_activity_board"] .dialog-footer-spacer{display:none}
  [data-toantin-tool="classroom_activity_board"] .dialog-footer .btn{flex:1 1 140px}
  [data-toantin-tool="classroom_activity_board"] .attendance-tools .btn{flex:1 1 auto}
  [data-toantin-tool="classroom_activity_board"] .saved-class-row>*{flex:1 1 100%}
  [data-toantin-tool="classroom_activity_board"] .class-transfer-row>*{flex:1 1 140px}
}


/* ===== A5 — Professional UI / UX Rebuild =====
   Desktop/laptop visual rebuild only. A6 owns final mobile/tablet/LCD accessibility hardening. */

/* Unified local SVG icon system. Icons inherit currentColor and never depend on OS emoji fonts. */
[data-toantin-tool="classroom_activity_board"] .tt-ui-icon{
  --tt-icon-url:none;
  display:inline-block;
  width:1.15em;
  height:1.15em;
  flex:0 0 auto;
  background:currentColor;
  -webkit-mask:var(--tt-icon-url) center/contain no-repeat;
  mask:var(--tt-icon-url) center/contain no-repeat;
  vertical-align:-.16em;
}
[data-toantin-tool="classroom_activity_board"] .tt-icon-home{--tt-icon-url:url("../icons/home.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-users{--tt-icon-url:url("../icons/users.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-check{--tt-icon-url:url("../icons/check.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-plus-circle{--tt-icon-url:url("../icons/plus-circle.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-help{--tt-icon-url:url("../icons/help.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-fullscreen{--tt-icon-url:url("../icons/fullscreen.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-settings{--tt-icon-url:url("../icons/settings.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-timer{--tt-icon-url:url("../icons/timer.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-target{--tt-icon-url:url("../icons/target.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-groups{--tt-icon-url:url("../icons/groups.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-score{--tt-icon-url:url("../icons/score.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-qr{--tt-icon-url:url("../icons/qr.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-focus{--tt-icon-url:url("../icons/focus.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-play{--tt-icon-url:url("../icons/play.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-bell{--tt-icon-url:url("../icons/bell.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-applause{--tt-icon-url:url("../icons/applause.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-volume{--tt-icon-url:url("../icons/volume.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-presentation{--tt-icon-url:url("../icons/presentation.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-chevron{--tt-icon-url:url("../icons/chevron.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-undo{--tt-icon-url:url("../icons/undo.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-refresh{--tt-icon-url:url("../icons/refresh.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-trash{--tt-icon-url:url("../icons/trash.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-move{--tt-icon-url:url("../icons/move.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-warning{--tt-icon-url:url("../icons/warning.svg")}

/* Typography floor for professional teaching UI. */
[data-toantin-tool="classroom_activity_board"] .app-shell{font-size:14px}
[data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle, [data-toantin-tool="classroom_activity_board"] .tt-class-pill small, [data-toantin-tool="classroom_activity_board"] .activity-main-btn span, [data-toantin-tool="classroom_activity_board"] .audio-library-note, [data-toantin-tool="classroom_activity_board"] .timer-tick-hint, [data-toantin-tool="classroom_activity_board"] .student-import-info, [data-toantin-tool="classroom_activity_board"] .saved-class-help, [data-toantin-tool="classroom_activity_board"] .help-feature-grid article span{font-size:.75rem}
[data-toantin-tool="classroom_activity_board"] .tt-section-title, [data-toantin-tool="classroom_activity_board"] .activity-main-btn strong, [data-toantin-tool="classroom_activity_board"] .tt-quick-btn b, [data-toantin-tool="classroom_activity_board"] .stage-tab, [data-toantin-tool="classroom_activity_board"] .sound-settings label, [data-toantin-tool="classroom_activity_board"] .setup-grid label, [data-toantin-tool="classroom_activity_board"] .random-history span{font-size:.82rem}
[data-toantin-tool="classroom_activity_board"] .tt-class-pill strong, [data-toantin-tool="classroom_activity_board"] .tt-attendance-pill{font-size:.86rem}
[data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:1.32rem}

/* Header polish. */
[data-toantin-tool="classroom_activity_board"] .tt-header{background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(160%) blur(10px)}
[data-toantin-tool="classroom_activity_board"] .tt-class-pill{border-color:#cadced;transition:border-color .18s,box-shadow .18s,transform .18s}
[data-toantin-tool="classroom_activity_board"] .tt-class-pill:hover{border-color:#90bdf4;box-shadow:0 8px 22px rgba(36,74,122,.11);transform:translateY(-1px)}
[data-toantin-tool="classroom_activity_board"] .tt-class-icon{color:#176de5}
[data-toantin-tool="classroom_activity_board"] .tt-icon-btn{display:inline-grid;place-items:center;color:#174b91}
[data-toantin-tool="classroom_activity_board"] .tt-header-actions .tt-ui-icon{font-size:1.05rem}
[data-toantin-tool="classroom_activity_board"] .tt-clock-pill{font-variant-numeric:tabular-nums;color:#173767}

/* Stage toolbar = capability/view navigation. Quick tools below are one-touch actions. */
[data-toantin-tool="classroom_activity_board"] .stage-tab{display:inline-flex;align-items:center;gap:.48rem;min-height:42px;padding:.68rem 1rem}
[data-toantin-tool="classroom_activity_board"] .stage-tab .tt-ui-icon{font-size:1rem}
[data-toantin-tool="classroom_activity_board"] .tt-stage-tabs{scrollbar-width:thin}
[data-toantin-tool="classroom_activity_board"] .tt-toolbar-card{border:1px solid #e3edf7!important}
[data-toantin-tool="classroom_activity_board"] .tt-quick-btn{min-height:72px;gap:7px;font-size:.9rem;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}
[data-toantin-tool="classroom_activity_board"] .tt-quick-btn .tt-ui-icon{font-size:1.55rem;color:#176de5}
[data-toantin-tool="classroom_activity_board"] .tt-quick-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(32,90,160,.09)}
[data-toantin-tool="classroom_activity_board"] .tt-quick-btn:active{transform:translateY(0)}
[data-toantin-tool="classroom_activity_board"] .tt-sound-btn{display:grid;place-items:center}
[data-toantin-tool="classroom_activity_board"] .tt-sound-btn .tt-ui-icon{font-size:1.05rem}

/* Stage hierarchy. */
[data-toantin-tool="classroom_activity_board"] .stage{background:linear-gradient(145deg,#edf8ff 0%,#fff 48%,#f1fbff 100%);border-color:#c7def6}
[data-toantin-tool="classroom_activity_board"] .tt-stage-content h1{max-width:1050px;text-wrap:balance}
[data-toantin-tool="classroom_activity_board"] .activity-body{color:#536a86;white-space:pre-wrap}
[data-toantin-tool="classroom_activity_board"] .timer-label, [data-toantin-tool="classroom_activity_board"] .random-kicker{font-size:.84rem;color:#176de5}

/* Random Student — large teaching result with explicit round state. */
[data-toantin-tool="classroom_activity_board"] .random-panel{max-width:1060px;margin:auto}
[data-toantin-tool="classroom_activity_board"] .random-status-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
[data-toantin-tool="classroom_activity_board"] .random-status-chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;border:1px solid #d4e4f4;background:#f7fbff;color:#36587e;font-size:.82rem;font-weight:800}
[data-toantin-tool="classroom_activity_board"] .random-status-chip.is-success{background:#effcf6;border-color:#bdebd4;color:#087a59}
[data-toantin-tool="classroom_activity_board"] .random-result-card{width:min(900px,100%);margin:auto;padding:clamp(22px,4vw,42px);border:1px solid #d8e8f7;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(36,88,150,.09)}
[data-toantin-tool="classroom_activity_board"] .random-name{line-height:1.06;text-wrap:balance;overflow-wrap:anywhere}
[data-toantin-tool="classroom_activity_board"] .random-meta{margin-top:10px;font-size:1rem}
[data-toantin-tool="classroom_activity_board"] .random-complete-banner{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:8px 13px;border-radius:999px;background:#e9fbf3;color:#087654;border:1px solid #bce9d2;font-weight:900}
[data-toantin-tool="classroom_activity_board"] .random-actions .btn{min-height:44px}
[data-toantin-tool="classroom_activity_board"] .random-history-wrap{max-width:900px;margin-left:auto;margin-right:auto}
[data-toantin-tool="classroom_activity_board"] .random-history-title{font-size:.82rem;font-weight:900;color:#405b7c;margin-bottom:8px}
[data-toantin-tool="classroom_activity_board"] .speech-controls{margin-left:auto;margin-right:auto;padding:14px;border:1px solid #e2ebf4;border-radius:16px;background:#fbfdff}

/* Grouping — mode, custom value, member management. */
[data-toantin-tool="classroom_activity_board"] .grouping-panel{max-width:1180px;margin:auto;text-align:left}
[data-toantin-tool="classroom_activity_board"] .groups-toolbar{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,2.25fr);gap:18px;align-items:start;padding:16px;border:1px solid #dbe8f5;border-radius:18px;background:rgba(255,255,255,.88)}
[data-toantin-tool="classroom_activity_board"] .groups-heading b, [data-toantin-tool="classroom_activity_board"] .score-heading b{font-size:1rem;letter-spacing:.04em;color:#173767}
[data-toantin-tool="classroom_activity_board"] .grouping-controls{display:grid;gap:10px}
[data-toantin-tool="classroom_activity_board"] .group-strategy, [data-toantin-tool="classroom_activity_board"] .group-count{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
[data-toantin-tool="classroom_activity_board"] .group-strategy button, [data-toantin-tool="classroom_activity_board"] .group-count button{min-height:40px;border:1px solid #d4e1ef;background:#fff;color:#365272;border-radius:11px;padding:7px 12px;font-weight:800}
[data-toantin-tool="classroom_activity_board"] .group-strategy button.active, [data-toantin-tool="classroom_activity_board"] .group-count button.active{background:#176de5;color:#fff;border-color:#176de5;box-shadow:0 6px 14px rgba(23,109,229,.18)}
[data-toantin-tool="classroom_activity_board"] .group-custom-control{display:grid;grid-template-columns:minmax(150px,1fr) 92px auto auto auto;gap:8px;align-items:end}
[data-toantin-tool="classroom_activity_board"] .group-custom-control label{font-size:.8rem;font-weight:800;color:#47607e;align-self:center}
[data-toantin-tool="classroom_activity_board"] .group-custom-control .form-control{height:42px}
[data-toantin-tool="classroom_activity_board"] .group-roster-warning{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid #f5d78a;border-radius:12px;background:#fff9e9;color:#7a5a08;font-weight:700;text-align:left}
[data-toantin-tool="classroom_activity_board"] .group-roster-warning .tt-ui-icon{margin-top:2px;color:#cc8a00}
[data-toantin-tool="classroom_activity_board"] .groups-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}
[data-toantin-tool="classroom_activity_board"] .group-card{padding:0;overflow:hidden}
[data-toantin-tool="classroom_activity_board"] .group-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e5edf5;background:#f8fbff}
[data-toantin-tool="classroom_activity_board"] .group-card-head h3{font-size:1rem;margin:0;color:#173767}
[data-toantin-tool="classroom_activity_board"] .group-size-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f2ff;color:#1760bd;font-size:.76rem;font-weight:900}
[data-toantin-tool="classroom_activity_board"] .group-size-badge.warning{background:#fff1df;color:#a65c00}
[data-toantin-tool="classroom_activity_board"] .group-members{display:grid;gap:7px;padding:10px 12px}
[data-toantin-tool="classroom_activity_board"] .group-member-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;padding:9px 10px;border:1px solid #e7edf4;border-radius:10px;background:#fff}
[data-toantin-tool="classroom_activity_board"] .group-member-name{min-width:0;overflow-wrap:anywhere;font-weight:750;color:#294564}
[data-toantin-tool="classroom_activity_board"] .group-member-move{margin:0!important;font-size:.8rem;min-height:36px}
[data-toantin-tool="classroom_activity_board"] .group-card-unassigned{border-color:#f2d0a8;background:#fffdfa}
[data-toantin-tool="classroom_activity_board"] .grouping-empty{grid-column:1/-1;text-align:center;padding:34px}
[data-toantin-tool="classroom_activity_board"] .empty-state.compact{padding:7px 0;color:#7a8ca3;font-size:.82rem}

/* Scoreboard — temporary class score, obvious history actions, leader/tie badge. */
[data-toantin-tool="classroom_activity_board"] .score-heading{max-width:1100px;margin:auto;text-align:left;padding:14px 16px;border:1px solid #dce8f4;border-radius:16px;background:#fbfdff}
[data-toantin-tool="classroom_activity_board"] .score-grid{max-width:1100px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
[data-toantin-tool="classroom_activity_board"] .score-card{padding:18px;min-height:180px;display:flex;flex-direction:column;justify-content:center}
[data-toantin-tool="classroom_activity_board"] .score-card h3{font-size:1.05rem;color:#244564}
[data-toantin-tool="classroom_activity_board"] .score-value{font-size:clamp(2.4rem,4vw,4rem);font-weight:950;color:#176de5;line-height:1;margin:8px 0 12px;font-variant-numeric:tabular-nums}
[data-toantin-tool="classroom_activity_board"] .score-controls{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
[data-toantin-tool="classroom_activity_board"] .score-controls button{min-width:54px;min-height:42px;border-radius:11px;border:1px solid #d6e2ef;font-weight:900;background:#fff;color:#274766}
[data-toantin-tool="classroom_activity_board"] .score-controls button.plus{border-color:#a8ddc7;background:#effbf5;color:#087654}
[data-toantin-tool="classroom_activity_board"] .score-controls button.minus{border-color:#f0c4ca;background:#fff4f5;color:#bd3448}
[data-toantin-tool="classroom_activity_board"] .score-leader-badge{font-size:.78rem;margin:3px auto 2px}
[data-toantin-tool="classroom_activity_board"] .score-heading .btn:disabled{opacity:.45}

/* Setup — desktop 5/12 + 7/12, fixed header/footer and independently scrolling body. */
[data-toantin-tool="classroom_activity_board"] [data-tt-id="setupDialog"]{width:min(1380px,96vw);max-height:92vh;overflow:hidden}
[data-toantin-tool="classroom_activity_board"] .setup-dialog{display:flex;flex-direction:column;width:100%;height:min(90vh,900px);max-height:92vh;overflow:hidden;background:#fff}
[data-toantin-tool="classroom_activity_board"] .setup-dialog-head{position:sticky;top:0;z-index:3;flex:0 0 auto;background:#f8fbff}
[data-toantin-tool="classroom_activity_board"] .setup-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 20px 24px}
[data-toantin-tool="classroom_activity_board"] .setup-dialog>.dialog-footer{position:sticky;bottom:0;z-index:3;flex:0 0 auto;background:#fbfdff;box-shadow:0 -8px 24px rgba(34,75,128,.06)}
[data-toantin-tool="classroom_activity_board"] .setup-roster-column{padding-right:20px!important;border-right:1px solid #e5edf5}
[data-toantin-tool="classroom_activity_board"] .setup-plan-column{padding-left:20px!important}
[data-toantin-tool="classroom_activity_board"] .setup-section-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}
[data-toantin-tool="classroom_activity_board"] .setup-section-heading>.tt-ui-icon{font-size:1.35rem;color:#176de5;margin-top:2px}
[data-toantin-tool="classroom_activity_board"] .setup-section-heading h3{margin:0 0 2px;font-size:1.02rem;color:#183762}
[data-toantin-tool="classroom_activity_board"] .setup-section-heading p{margin:0;color:#6a7c94;font-size:.78rem;font-weight:500}
[data-toantin-tool="classroom_activity_board"] .setup-grid label{font-size:.82rem;color:#344c69}
[data-toantin-tool="classroom_activity_board"] .setup-grid .form-control, [data-toantin-tool="classroom_activity_board"] .setup-grid .form-select{font-size:.88rem;min-height:40px}
[data-toantin-tool="classroom_activity_board"] .setup-grid textarea.form-control{line-height:1.45}
[data-toantin-tool="classroom_activity_board"] .student-import{padding:13px;border-color:#b9d2e8;background:#fbfdff}
[data-toantin-tool="classroom_activity_board"] .student-import-head{font-size:.8rem;align-items:center}
[data-toantin-tool="classroom_activity_board"] .student-import-info, [data-toantin-tool="classroom_activity_board"] .saved-class-help{font-size:.75rem;line-height:1.45}
[data-toantin-tool="classroom_activity_board"] .student-import-btn{min-height:42px;display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:800;cursor:pointer}
[data-toantin-tool="classroom_activity_board"] .saved-class-row, [data-toantin-tool="classroom_activity_board"] .class-transfer-row{gap:8px}
[data-toantin-tool="classroom_activity_board"] .saved-class-row button, [data-toantin-tool="classroom_activity_board"] .class-transfer-row button, [data-toantin-tool="classroom_activity_board"] .class-transfer-row .import-json-btn{min-height:40px;border-radius:10px;font-size:.82rem;font-weight:800}
[data-toantin-tool="classroom_activity_board"] .saved-class-row button:disabled{opacity:.45;background:#f1f5f9}

[data-toantin-tool="classroom_activity_board"] .activity-editor{display:grid;gap:10px;max-height:48vh;overflow:auto;padding-right:3px}
[data-toantin-tool="classroom_activity_board"] .activity-edit-row{display:grid;grid-template-columns:38px minmax(0,1fr) 112px 42px;grid-template-rows:auto auto;gap:8px 10px;padding:11px;border:1px solid #dfe8f2;border-radius:15px;background:#f9fbfd;align-items:start}
[data-toantin-tool="classroom_activity_board"] .activity-edit-order{grid-column:1;grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#e8f2ff;color:#176de5;display:grid;place-items:center;font-weight:950}
[data-toantin-tool="classroom_activity_board"] .activity-edit-main{grid-column:2;grid-row:1/3;display:grid;gap:8px}
[data-toantin-tool="classroom_activity_board"] .activity-edit-main input, [data-toantin-tool="classroom_activity_board"] .activity-edit-main textarea{width:100%;border:1px solid #d7e3ef;border-radius:10px;background:#fff;padding:9px 10px}
[data-toantin-tool="classroom_activity_board"] .activity-title-input{font-weight:850;color:#213f61}
[data-toantin-tool="classroom_activity_board"] .activity-edit-row .minutes{grid-column:3;grid-row:1/3;margin:0}
[data-toantin-tool="classroom_activity_board"] .minutes-control{display:flex;align-items:center;gap:6px;margin-top:5px}
[data-toantin-tool="classroom_activity_board"] .minutes-control input{width:64px;margin:0!important;text-align:center;font-weight:850}
[data-toantin-tool="classroom_activity_board"] .minutes-control span{font-size:.78rem;color:#6f8098}
[data-toantin-tool="classroom_activity_board"] .activity-edit-row .remove-activity{grid-column:4;grid-row:1;width:40px;height:40px;display:grid;place-items:center;border:1px solid #f2c7ce;border-radius:10px;background:#fff5f6;color:#c7364b}
[data-toantin-tool="classroom_activity_board"] .activity-edit-row .remove-activity:hover{background:#ffe9ec}
[data-toantin-tool="classroom_activity_board"] .add-activity-btn{min-height:42px;margin-top:10px!important;background:#fff!important;border:1px dashed #90bdf4!important;color:#176de5!important}
[data-toantin-tool="classroom_activity_board"] .setup-accordions{display:grid;gap:9px;margin-top:14px}
[data-toantin-tool="classroom_activity_board"] .setup-accordion{border:1px solid #dde8f3;border-radius:13px;background:#fff;overflow:hidden}
[data-toantin-tool="classroom_activity_board"] .setup-accordion summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 13px;cursor:pointer;color:#294868}
[data-toantin-tool="classroom_activity_board"] .setup-accordion summary::-webkit-details-marker{display:none}
[data-toantin-tool="classroom_activity_board"] .setup-accordion summary>.tt-ui-icon{font-size:1.15rem;color:#176de5}
[data-toantin-tool="classroom_activity_board"] .setup-accordion summary span:last-child{display:grid;gap:1px}
[data-toantin-tool="classroom_activity_board"] .setup-accordion summary small{font-size:.75rem;color:#74859b;font-weight:500}
[data-toantin-tool="classroom_activity_board"] .setup-accordion[open] summary{background:#f7fbff;border-bottom:1px solid #e3ecf5}
[data-toantin-tool="classroom_activity_board"] .setup-accordion-body{display:grid;gap:10px;padding:12px 13px}

/* Shared empty/loading/status surfaces. */
[data-toantin-tool="classroom_activity_board"] .empty-state{border:1px dashed #cfdeed;border-radius:13px;background:#f9fbfd;color:#73869d;padding:18px;text-align:center}
[data-toantin-tool="classroom_activity_board"] .audio-diag-box, [data-toantin-tool="classroom_activity_board"] .voice-info, [data-toantin-tool="classroom_activity_board"] .student-import-info{overflow-wrap:anywhere}

/* Laptop refinement; A6 will own narrower mobile/tablet rules and touch qualification. */
@media (max-width:1199.98px){
  [data-toantin-tool="classroom_activity_board"] .setup-roster-column{border-right:0;padding-right:calc(var(--bs-gutter-x)*.5)!important}
  [data-toantin-tool="classroom_activity_board"] .setup-plan-column{padding-left:calc(var(--bs-gutter-x)*.5)!important}
  [data-toantin-tool="classroom_activity_board"] .groups-toolbar{grid-template-columns:1fr}
  [data-toantin-tool="classroom_activity_board"] .group-custom-control{grid-template-columns:minmax(150px,1fr) 90px repeat(3,auto)}
}
@media (max-width:767.98px){
  [data-toantin-tool="classroom_activity_board"] .activity-edit-row{grid-template-columns:34px minmax(0,1fr) 40px;grid-template-rows:auto auto auto}
  [data-toantin-tool="classroom_activity_board"] .activity-edit-order{grid-column:1;grid-row:1}
  [data-toantin-tool="classroom_activity_board"] .activity-edit-main{grid-column:2;grid-row:1/3}
  [data-toantin-tool="classroom_activity_board"] .activity-edit-row .minutes{grid-column:1/3;grid-row:3}
  [data-toantin-tool="classroom_activity_board"] .activity-edit-row .remove-activity{grid-column:3;grid-row:1}
  [data-toantin-tool="classroom_activity_board"] .group-custom-control{grid-template-columns:1fr 88px;align-items:end}
  [data-toantin-tool="classroom_activity_board"] .group-custom-control .btn{min-height:42px}
  [data-toantin-tool="classroom_activity_board"] .group-member-row{grid-template-columns:1fr}
}
[data-toantin-tool="classroom_activity_board"] .tt-icon-volume-off{--tt-icon-url:url("../icons/volume-off.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-sound-btn.is-muted{color:#9a4451;background:#fff4f5;border-color:#f2ccd2}
/* A5 visible mode state. */
[data-toantin-tool="classroom_activity_board"] .tt-focus-btn.is-active{background:#ffedd2;border-color:#f3b658;color:#a45d00;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
[data-toantin-tool="classroom_activity_board"] [data-tt-id="presentBtn"].is-active, [data-toantin-tool="classroom_activity_board"] [data-tt-id="fullscreenBtn"].is-active{background:#e8f2ff!important;border-color:#7fb2ef!important;color:#0f5bb8!important;box-shadow:0 0 0 3px rgba(23,109,229,.1)}

/* ===== A6 — Mobile / Tablet / LCD + Accessibility + Interaction Hardening =====
   Responsive and accessibility qualification layer. Business/domain behavior is unchanged. */
[data-toantin-tool="classroom_activity_board"]{min-width:0;overflow-x:clip}
[data-toantin-tool="classroom_activity_board"] :where(button,a[href],input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid #0b67d1!important;
  outline-offset:3px;
  box-shadow:0 0 0 2px #fff!important;
}
[data-toantin-tool="classroom_activity_board"] .stage-tab[aria-selected="true"]{background:#e7fff4!important;color:#007b5d!important}
[data-toantin-tool="classroom_activity_board"] .stage-view[hidden]{display:none!important}
[data-toantin-tool="classroom_activity_board"] .random-name{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  line-height:1.08;
  text-wrap:balance;
}
[data-toantin-tool="classroom_activity_board"] .tt-stage-content h1, [data-toantin-tool="classroom_activity_board"] .activity-body, [data-toantin-tool="classroom_activity_board"] .group-member-name, [data-toantin-tool="classroom_activity_board"] .score-card h3{overflow-wrap:anywhere}
[data-toantin-tool="classroom_activity_board"] .timer-display{font-variant-numeric:tabular-nums;white-space:nowrap}
[data-toantin-tool="classroom_activity_board"] .random-result-card{width:min(1040px,100%)}
[data-toantin-tool="classroom_activity_board"] .group-card, [data-toantin-tool="classroom_activity_board"] .score-card{min-width:0}
[data-toantin-tool="classroom_activity_board"] .tt-stage-tabs{scrollbar-width:thin;scroll-snap-type:x proximity}
[data-toantin-tool="classroom_activity_board"] .tt-stage-tabs .stage-tab{scroll-snap-align:start}
[data-toantin-tool="classroom_activity_board"] [data-tt-id="groupRosterWarning"]:not([hidden]){display:flex}

/* Coarse pointer / tablet qualification: every primary interactive target remains finger-friendly. */
@media (pointer:coarse), (max-width:1199.98px){
  [data-toantin-tool="classroom_activity_board"] :where(button,.btn,select,.form-select,summary){min-height:44px}
  [data-toantin-tool="classroom_activity_board"] :where(input.form-control,textarea.form-control){min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .tt-sound-btn, [data-toantin-tool="classroom_activity_board"] .tt-icon-btn, [data-toantin-tool="classroom_activity_board"] .dialog-close, [data-toantin-tool="classroom_activity_board"] .help-close-btn{width:44px;height:44px;min-width:44px;padding:0}
  [data-toantin-tool="classroom_activity_board"] .activity-start-btn{min-width:44px;min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .activity-minute-input{min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .group-member-move{min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .score-controls button{min-width:56px;min-height:44px}
}

/* Tablet / laptop portrait: keep stage first and avoid oversized sidebars. */
@media (max-width:1199.98px){
  [data-toantin-tool="classroom_activity_board"] .tt-header .row.g-3{--bs-gutter-y:.65rem}
  [data-toantin-tool="classroom_activity_board"] .tt-sidebar{position:static}
  [data-toantin-tool="classroom_activity_board"] .stage, [data-toantin-tool="classroom_activity_board"] .stage-view{min-height:56vh}
  [data-toantin-tool="classroom_activity_board"] .groups-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
  [data-toantin-tool="classroom_activity_board"] .score-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
  [data-toantin-tool="classroom_activity_board"] .attendance-list{max-height:58vh}
}

/* Tablet portrait and smaller. */
@media (max-width:991.98px){
  [data-toantin-tool="classroom_activity_board"] .tt-brand{justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .tt-class-area, [data-toantin-tool="classroom_activity_board"] .tt-header-actions{width:100%;justify-content:center!important}
  [data-toantin-tool="classroom_activity_board"] .tt-toolbar-card .row{align-items:stretch!important}
  [data-toantin-tool="classroom_activity_board"] .tt-display-actions{justify-content:center!important}
  [data-toantin-tool="classroom_activity_board"] .stage-view{padding:72px 24px 34px}
  [data-toantin-tool="classroom_activity_board"] .speech-controls{width:min(760px,100%)}
  [data-toantin-tool="classroom_activity_board"] .groups-toolbar{gap:12px}
  [data-toantin-tool="classroom_activity_board"] .score-heading{align-items:flex-start!important}
  [data-toantin-tool="classroom_activity_board"] .score-heading>div:last-child{width:100%;justify-content:flex-start}
}

/* Mobile — compact header, canvas/stage first, no accidental horizontal overflow. */
@media (max-width:767.98px){
  [data-toantin-tool="classroom_activity_board"] .tt-header .container-fluid, [data-toantin-tool="classroom_activity_board"] main.container-fluid{padding-left:10px!important;padding-right:10px!important}
  [data-toantin-tool="classroom_activity_board"] .tt-header .row.g-3{--bs-gutter-y:.45rem}
  [data-toantin-tool="classroom_activity_board"] .tt-brand{justify-content:flex-start;gap:.65rem!important}
  [data-toantin-tool="classroom_activity_board"] .tt-logo{width:44px;height:44px;border-radius:12px}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:1rem;line-height:1.12}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-class-area{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:7px!important;
    align-items:center;
  }
  [data-toantin-tool="classroom_activity_board"] .tt-class-label{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-home-btn{width:44px;height:44px;min-width:44px;padding:0!important;justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill{width:100%;max-width:none;min-width:0;min-height:44px;padding:.38rem .55rem}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill strong{font-size:.82rem}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill small{font-size:.69rem}
  [data-toantin-tool="classroom_activity_board"] .tt-attendance-pill{position:relative;width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center}
  [data-toantin-tool="classroom_activity_board"] .tt-attendance-pill .header-attendance-label{font-size:0;gap:0!important}
  [data-toantin-tool="classroom_activity_board"] .tt-attendance-pill .tt-ui-icon{font-size:1.05rem}
  [data-toantin-tool="classroom_activity_board"] .tt-attendance-pill .badge{position:absolute;right:-5px;top:-5px;margin:0!important;min-width:20px}
  [data-toantin-tool="classroom_activity_board"] .tt-header-actions{
    display:grid!important;
    grid-template-columns:44px 44px minmax(72px,1fr) 44px 44px;
    gap:6px!important;
    align-items:center;
  }
  [data-toantin-tool="classroom_activity_board"] .tt-header-actions .offline-status{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-btn-new, [data-toantin-tool="classroom_activity_board"] .tt-btn-help{width:44px;height:44px;min-width:44px;padding:0!important;justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .tt-btn-new>span:last-child, [data-toantin-tool="classroom_activity_board"] .tt-btn-help>span:last-child{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-clock-pill{min-height:44px;min-width:72px;padding:.35rem .45rem;justify-content:center;font-size:.95rem}
  [data-toantin-tool="classroom_activity_board"] .tt-icon-btn{border-radius:12px}

  [data-toantin-tool="classroom_activity_board"] .tt-toolbar-card .card-body{padding:.5rem!important}
  [data-toantin-tool="classroom_activity_board"] .tt-stage-tabs{gap:6px!important;padding-bottom:5px!important}
  [data-toantin-tool="classroom_activity_board"] .stage-tab{min-height:44px;padding:.55rem .75rem;font-size:.78rem}
  [data-toantin-tool="classroom_activity_board"] .tt-display-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px 44px;
    width:100%;
    gap:7px!important;
  }
  [data-toantin-tool="classroom_activity_board"] .tt-font-group{width:100%}
  [data-toantin-tool="classroom_activity_board"] .tt-font-group .btn{min-width:44px;flex:1 1 0;padding:.4rem}
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="presentBtn"], [data-toantin-tool="classroom_activity_board"] [data-tt-id="focusBtn"]{width:44px;min-width:44px;padding:0;font-size:0;justify-content:center!important}
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="presentBtn"] .tt-ui-icon, [data-toantin-tool="classroom_activity_board"] [data-tt-id="focusBtn"] .tt-ui-icon{font-size:1rem}

  [data-toantin-tool="classroom_activity_board"] .tt-stage-card>.card-body{padding:.5rem!important}
  [data-toantin-tool="classroom_activity_board"] .stage, [data-toantin-tool="classroom_activity_board"] .stage-view{min-height:58svh}
  [data-toantin-tool="classroom_activity_board"] .stage-view{padding:70px 12px 26px}
  [data-toantin-tool="classroom_activity_board"] .tt-stage-badge-wrap{top:12px;left:12px;max-width:65%}
  [data-toantin-tool="classroom_activity_board"] .activity-kicker{padding:.52rem .7rem;font-size:.72rem;border-radius:12px}
  [data-toantin-tool="classroom_activity_board"] .activity-timer-mini{top:12px;right:12px;padding:.5rem .65rem;font-size:.88rem;border-radius:12px}
  [data-toantin-tool="classroom_activity_board"] .tt-stage-content h1{font-size:calc(clamp(1.8rem,8.5vw,3.1rem) * var(--display-scale));margin-bottom:12px}
  [data-toantin-tool="classroom_activity_board"] .activity-body{font-size:calc(clamp(1rem,4.8vw,1.45rem) * var(--display-scale));line-height:1.38}
  [data-toantin-tool="classroom_activity_board"] .tt-stage-decoration{display:none}
  [data-toantin-tool="classroom_activity_board"] .timer-display{font-size:calc(clamp(3.5rem,20vw,6.8rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .timer-progress{width:min(94%,620px);margin:18px auto}
  [data-toantin-tool="classroom_activity_board"] .timer-presets .btn{flex:1 1 92px}
  [data-toantin-tool="classroom_activity_board"] .timer-controls .btn{flex:1 1 72px}
  [data-toantin-tool="classroom_activity_board"] .random-name{font-size:calc(clamp(2rem,12vw,4.4rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .random-status-row{gap:6px}
  [data-toantin-tool="classroom_activity_board"] .random-status-chip{font-size:.74rem}
  [data-toantin-tool="classroom_activity_board"] .random-actions .btn{flex:1 1 145px;justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .random-actions kbd{display:none}
  [data-toantin-tool="classroom_activity_board"] .random-history{max-height:104px;overflow:auto}
  [data-toantin-tool="classroom_activity_board"] .speech-controls{grid-template-columns:1fr;width:100%}
  [data-toantin-tool="classroom_activity_board"] .speech-controls .voice-info{grid-column:1}

  [data-toantin-tool="classroom_activity_board"] .groups-toolbar{padding:12px;border-radius:14px}
  [data-toantin-tool="classroom_activity_board"] .group-strategy{display:grid;grid-template-columns:1fr;gap:7px}
  [data-toantin-tool="classroom_activity_board"] .group-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  [data-toantin-tool="classroom_activity_board"] .group-count button{padding:.45rem;min-width:0}
  [data-toantin-tool="classroom_activity_board"] .group-custom-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  [data-toantin-tool="classroom_activity_board"] .group-custom-control label, [data-toantin-tool="classroom_activity_board"] .group-custom-control .form-control{grid-column:1/-1}
  [data-toantin-tool="classroom_activity_board"] .group-custom-control .btn{width:100%;justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .groups-grid, [data-toantin-tool="classroom_activity_board"] .score-grid{grid-template-columns:1fr;gap:10px}
  [data-toantin-tool="classroom_activity_board"] .group-member-row{grid-template-columns:minmax(0,1fr);gap:7px}
  [data-toantin-tool="classroom_activity_board"] .group-member-move{width:100%;font-size:.84rem}
  [data-toantin-tool="classroom_activity_board"] .score-heading{padding:12px}
  [data-toantin-tool="classroom_activity_board"] .score-heading>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  [data-toantin-tool="classroom_activity_board"] .score-heading>div:last-child .btn{width:100%;justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .score-card{min-height:160px;padding:14px}
  [data-toantin-tool="classroom_activity_board"] .score-value{font-size:clamp(2.7rem,15vw,4.5rem)}
  [data-toantin-tool="classroom_activity_board"] .qr-layout{gap:14px}
  [data-toantin-tool="classroom_activity_board"] .qr-info{text-align:center;max-width:100%}
  [data-toantin-tool="classroom_activity_board"] .qr-code{max-width:100%;overflow:auto;padding:10px}

  [data-toantin-tool="classroom_activity_board"] .tt-activity-footer-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  [data-toantin-tool="classroom_activity_board"] .tt-activity-footer-row>*{width:auto;max-width:none;padding:0}
  [data-toantin-tool="classroom_activity_board"] .tt-footer-prev{grid-column:1}
  [data-toantin-tool="classroom_activity_board"] .tt-footer-next{grid-column:2}
  [data-toantin-tool="classroom_activity_board"] .tt-footer-pager{grid-column:1/-1;grid-row:2}
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="activityPager"] .btn{width:44px;height:44px}
  [data-toantin-tool="classroom_activity_board"] .tt-shortcuts{display:none!important}

  /* Native dialogs become phone-sized work surfaces with one vertical scroll owner. */
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="setupDialog"], [data-toantin-tool="classroom_activity_board"] [data-tt-id="attendanceDialog"], [data-toantin-tool="classroom_activity_board"] [data-tt-id="toantinHelpDialog"]{
    width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;
  }
  [data-toantin-tool="classroom_activity_board"] .setup-dialog, [data-toantin-tool="classroom_activity_board"] .attendance-dialog, [data-toantin-tool="classroom_activity_board"] .help-dialog-shell{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
  [data-toantin-tool="classroom_activity_board"] .setup-dialog-head{grid-template-columns:minmax(0,1fr) 44px;padding:12px}
  [data-toantin-tool="classroom_activity_board"] .setup-help-btn{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .dialog-head, [data-toantin-tool="classroom_activity_board"] .help-dialog-header{padding:12px}
  [data-toantin-tool="classroom_activity_board"] .dialog-head h2, [data-toantin-tool="classroom_activity_board"] .help-dialog-header h2{font-size:1.1rem}
  [data-toantin-tool="classroom_activity_board"] .setup-grid{padding:12px 10px 18px}
  [data-toantin-tool="classroom_activity_board"] .activity-editor{max-height:none;overflow:visible;padding-right:0}
  [data-toantin-tool="classroom_activity_board"] .saved-class-row, [data-toantin-tool="classroom_activity_board"] .class-transfer-row{display:grid;grid-template-columns:1fr}
  [data-toantin-tool="classroom_activity_board"] .saved-class-row>*, [data-toantin-tool="classroom_activity_board"] .class-transfer-row>*{width:100%;max-width:none}
  [data-toantin-tool="classroom_activity_board"] .dialog-footer{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:7px}
  [data-toantin-tool="classroom_activity_board"] .dialog-footer .btn{min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .attendance-tools{display:grid;grid-template-columns:1fr;padding:10px}
  [data-toantin-tool="classroom_activity_board"] .attendance-list{max-height:none;flex:1 1 auto;padding:0 10px 10px;overflow:auto}
  [data-toantin-tool="classroom_activity_board"] .attendance-dialog{display:flex;flex-direction:column}
  [data-toantin-tool="classroom_activity_board"] .attendance-row{min-height:48px;padding:9px}
  [data-toantin-tool="classroom_activity_board"] .help-dialog-body{padding:10px}
  [data-toantin-tool="classroom_activity_board"] .help-feature-grid{grid-template-columns:1fr}
  [data-toantin-tool="classroom_activity_board"] .help-dialog-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  [data-toantin-tool="classroom_activity_board"] .toast{max-width:calc(100vw - 20px);width:max-content;white-space:normal;text-align:center;border-radius:14px}

  [data-toantin-tool="classroom_activity_board"] .focus-overlay{padding:24px 14px}
  [data-toantin-tool="classroom_activity_board"] .focus-icon{font-size:4rem}
  [data-toantin-tool="classroom_activity_board"] .focus-text{font-size:clamp(2.2rem,13vw,5rem);overflow-wrap:anywhere}
}

/* 390px / 360px explicit qualification breakpoints. */
@media (max-width:390px){
  [data-toantin-tool="classroom_activity_board"] .tt-header .container-fluid, [data-toantin-tool="classroom_activity_board"] main.container-fluid{padding-left:7px!important;padding-right:7px!important}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:.95rem}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill .tt-class-icon{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill{padding:.38rem .5rem}
  [data-toantin-tool="classroom_activity_board"] .stage-view{padding-left:9px;padding-right:9px}
  [data-toantin-tool="classroom_activity_board"] .random-status-row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  [data-toantin-tool="classroom_activity_board"] .random-status-chip:last-child{grid-column:1/-1}
  [data-toantin-tool="classroom_activity_board"] .random-actions .btn{flex-basis:100%}
  [data-toantin-tool="classroom_activity_board"] .score-heading>div:last-child{grid-template-columns:1fr}
  [data-toantin-tool="classroom_activity_board"] .activity-edit-row{grid-template-columns:32px minmax(0,1fr) 44px;gap:7px}
  [data-toantin-tool="classroom_activity_board"] .minutes-control{flex-wrap:wrap}
}
@media (max-width:360px){
  [data-toantin-tool="classroom_activity_board"] .tt-logo{width:40px;height:40px}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:.9rem}
  [data-toantin-tool="classroom_activity_board"] .tt-class-area{grid-template-columns:44px minmax(0,1fr) 44px;gap:5px!important}
  [data-toantin-tool="classroom_activity_board"] .tt-header-actions{gap:4px!important}
  [data-toantin-tool="classroom_activity_board"] .stage-tab{padding:.5rem .65rem}
  [data-toantin-tool="classroom_activity_board"] .timer-display{font-size:calc(clamp(3.2rem,21vw,5.6rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .random-name{font-size:calc(clamp(1.9rem,12vw,3.8rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .group-count{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Short landscape phones/tablets: reduce vertical chrome so the teaching stage remains usable. */
@media (max-height:560px) and (orientation:landscape){
  [data-toantin-tool="classroom_activity_board"] .tt-header{position:relative}
  [data-toantin-tool="classroom_activity_board"] .tt-logo{width:38px;height:38px}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle{display:none}
  [data-toantin-tool="classroom_activity_board"] .stage, [data-toantin-tool="classroom_activity_board"] .stage-view{min-height:78vh}
  [data-toantin-tool="classroom_activity_board"] .stage-view{padding-top:62px;padding-bottom:18px}
  [data-toantin-tool="classroom_activity_board"] .random-history-wrap, [data-toantin-tool="classroom_activity_board"] .speech-controls{margin-top:.6rem!important}
  [data-toantin-tool="classroom_activity_board"] .focus-icon{font-size:3rem}
}

/* LCD / projector 16:9: increase distance readability without changing stored font scale. */
@media (min-width:1280px) and (min-aspect-ratio:16/9){
  [data-toantin-tool="classroom_activity_board"] .stage, [data-toantin-tool="classroom_activity_board"] .stage-view{min-height:68vh}
  [data-toantin-tool="classroom_activity_board"] .tt-stage-content h1{font-size:calc(clamp(2.7rem,4.6vw,5rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .activity-body{font-size:calc(clamp(1.35rem,2.25vw,2.45rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .timer-display{font-size:calc(clamp(6rem,11vw,11rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .random-name{font-size:calc(clamp(3.2rem,6.7vw,7.4rem) * var(--display-scale))}
  [data-toantin-tool="classroom_activity_board"] .focus-text{font-size:clamp(4rem,8vw,8rem)}
}

/* Presentation mode always uses the full available viewport, including mobile dynamic viewport units. */
[data-toantin-tool="classroom_activity_board"].presentation .tt-stage-card, [data-toantin-tool="classroom_activity_board"].presentation .tt-stage-card>.card-body, [data-toantin-tool="classroom_activity_board"].presentation .stage, [data-toantin-tool="classroom_activity_board"].presentation .stage-view{min-height:100dvh;height:100dvh}

/* Reduced-motion is a product behavior, not an optional visual preference. */
@media (prefers-reduced-motion:reduce){
  [data-toantin-tool="classroom_activity_board"], [data-toantin-tool="classroom_activity_board"] *, [data-toantin-tool="classroom_activity_board"] *::before, [data-toantin-tool="classroom_activity_board"] *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0s!important;
  }
  [data-toantin-tool="classroom_activity_board"] .timer-critical .timer-display{animation:none!important;transform:none!important}
}


/* ===== v3.1 — Owner Test Round 2 consolidated fixes ===== */
[data-toantin-tool="classroom_activity_board"] .tt-presentation-only{display:none!important}
[data-toantin-tool="classroom_activity_board"] .tt-icon-pen{--tt-icon-url:url("../icons/pen.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-eraser{--tt-icon-url:url("../icons/eraser.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-lock{--tt-icon-url:url("../icons/lock.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-unlock{--tt-icon-url:url("../icons/unlock.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-drag{--tt-icon-url:url("../icons/drag.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-orientation{--tt-icon-url:url("../icons/orientation.svg")}

/* Desktop header: one compact control strip instead of a tall three-block header. */
@media (min-width:1200px){
  [data-toantin-tool="classroom_activity_board"] .tt-header .container-fluid{padding-top:.35rem!important;padding-bottom:.35rem!important}
  [data-toantin-tool="classroom_activity_board"] .tt-header .row.g-3{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(430px,1.5fr) auto;gap:8px!important;align-items:center!important;margin:0}
  [data-toantin-tool="classroom_activity_board"] .tt-header .row.g-3>[class*="col-"]{width:auto;max-width:none;padding:0}
  [data-toantin-tool="classroom_activity_board"] .tt-logo{width:44px;height:44px;border-radius:12px}
  [data-toantin-tool="classroom_activity_board"] .tt-brand{gap:.65rem!important}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-title{font-size:1.05rem;white-space:nowrap}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle{font-size:.64rem}
  [data-toantin-tool="classroom_activity_board"] .tt-class-area{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0}
  [data-toantin-tool="classroom_activity_board"] .tt-class-label{display:none!important}
  [data-toantin-tool="classroom_activity_board"] .tt-home-btn{width:42px;height:42px;min-width:42px;padding:0!important;justify-content:center}
  [data-toantin-tool="classroom_activity_board"] .tt-home-btn>span:last-child{display:none!important}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill{width:min(220px,32vw);min-height:42px;border-radius:13px;padding:.32rem .55rem}
  [data-toantin-tool="classroom_activity_board"] .tt-attendance-pill{min-height:42px;padding:.42rem .65rem;white-space:nowrap}
  [data-toantin-tool="classroom_activity_board"] .tt-header-actions{justify-content:flex-end!important;flex-wrap:nowrap!important;gap:6px!important}
  [data-toantin-tool="classroom_activity_board"] .tt-btn-new, [data-toantin-tool="classroom_activity_board"] .tt-btn-help{min-height:42px;padding:.48rem .75rem;white-space:nowrap}
  [data-toantin-tool="classroom_activity_board"] .tt-clock-pill{min-height:42px;padding:.4rem .7rem;font-size:.94rem}
  [data-toantin-tool="classroom_activity_board"] .tt-icon-btn{width:42px;height:42px;min-width:42px}
  [data-toantin-tool="classroom_activity_board"] .tt-sidebar{top:66px}
}
@media (min-width:1400px){
  /* Owner v3.1: rộng hơn xấp xỉ 1,5 cm so với col-xxl-2 mặc định. */
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="sidebarColumn"]{width:calc(16.666667% + 56px);max-width:390px;flex:0 0 calc(16.666667% + 56px)}
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="mainTeachingColumn"]{width:calc(83.333333% - 56px);max-width:none;flex:1 1 0;min-width:0}
}
@media (min-width:1200px) and (max-width:1399.98px){
  [data-toantin-tool="classroom_activity_board"] .tt-header .row.g-3{grid-template-columns:minmax(240px,.9fr) minmax(350px,1.3fr) auto}
  [data-toantin-tool="classroom_activity_board"] [data-tt-id="headerAttendanceText"]{display:none!important}
  [data-toantin-tool="classroom_activity_board"] .tt-brand-subtitle{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-class-pill{width:180px}
  [data-toantin-tool="classroom_activity_board"] .tt-btn-new>span:last-child, [data-toantin-tool="classroom_activity_board"] .tt-btn-help>span:last-child{display:none}
  [data-toantin-tool="classroom_activity_board"] .tt-btn-new, [data-toantin-tool="classroom_activity_board"] .tt-btn-help{width:42px;padding:0;justify-content:center}
}

/* Sidebar can be collapsed without shrinking the teaching canvas. */
[data-toantin-tool="classroom_activity_board"] .tt-main-layout{position:relative}
[data-toantin-tool="classroom_activity_board"] .tt-sidebar-toggle{position:fixed;left:0;top:58%;z-index:1050;width:32px;height:54px;padding:0;border-radius:0 14px 14px 0;border:1px solid #d8e5f3;background:#fff;color:#345b8d;box-shadow:0 8px 22px rgba(30,75,132,.16);font-size:1.45rem;line-height:1}
[data-toantin-tool="classroom_activity_board"].sidebar-collapsed [data-tt-id="sidebarColumn"]{display:none!important}
[data-toantin-tool="classroom_activity_board"].sidebar-collapsed [data-tt-id="mainTeachingColumn"]{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
[data-toantin-tool="classroom_activity_board"].sidebar-collapsed .tt-sidebar-toggle{background:#1677ff;color:#fff;border-color:#1677ff}

/* v3.1 activity row: nội dung rộng; cột điều khiển nhỏ với Play trên, phút dưới. */
[data-toantin-tool="classroom_activity_board"] .activity-item-wrap{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:stretch}
[data-toantin-tool="classroom_activity_board"] .activity-side{width:44px;min-width:44px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:5px;align-items:stretch}
[data-toantin-tool="classroom_activity_board"] .activity-start-btn{grid-row:1;min-height:36px;height:100%}
[data-toantin-tool="classroom_activity_board"] .activity-minute-input{grid-row:2;min-height:32px;height:100%;padding:2px 3px}
[data-toantin-tool="classroom_activity_board"] .activity-main-btn strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.28}
@media (max-width:420px){
  [data-toantin-tool="classroom_activity_board"] .activity-item-wrap{grid-template-columns:minmax(0,1fr) 42px}
  [data-toantin-tool="classroom_activity_board"] .activity-side{width:42px;min-width:42px;gap:4px}
  [data-toantin-tool="classroom_activity_board"] .activity-main-btn{padding:8px}
}

/* Quick tools / audio: no redundant section title; compact collapsible blocks. */
[data-toantin-tool="classroom_activity_board"] .tt-side-panel .card-body{position:relative}
[data-toantin-tool="classroom_activity_board"] .tt-side-panel-toggle-row{display:flex;justify-content:flex-end;align-items:center;min-height:18px;margin:-5px -5px 5px}
[data-toantin-tool="classroom_activity_board"] .tt-side-panel-toggle{width:30px;height:28px;min-height:28px!important;padding:0;border:0;background:transparent;color:#66809f;border-radius:8px;display:grid;place-items:center}
[data-toantin-tool="classroom_activity_board"] .tt-side-panel-toggle .tt-ui-icon{transition:transform .18s ease}
[data-toantin-tool="classroom_activity_board"] .tt-side-panel-toggle[aria-expanded="false"] .tt-ui-icon{transform:rotate(180deg)}
[data-toantin-tool="classroom_activity_board"] .tt-side-panel.is-collapsed .card-body{padding-top:.45rem!important;padding-bottom:.45rem!important}
[data-toantin-tool="classroom_activity_board"] .tt-side-panel.is-collapsed .tt-side-panel-toggle-row{margin-bottom:0}
[data-toantin-tool="classroom_activity_board"] .tt-audio-top-row{justify-content:space-between}
[data-toantin-tool="classroom_activity_board"] .sound-row{justify-content:center}

/* Grouping drag-and-drop visual affordance. v3.1 removes the redundant per-student move select. */
[data-toantin-tool="classroom_activity_board"] .group-drag-handle{cursor:grab;user-select:none}
[data-toantin-tool="classroom_activity_board"] .group-drag-handle:active{cursor:grabbing}
[data-toantin-tool="classroom_activity_board"] .group-drag-indicator{font-weight:900;letter-spacing:-3px;color:#8aa0ba;min-width:18px}
[data-toantin-tool="classroom_activity_board"] .group-member-row[draggable="true"]{cursor:grab}
[data-toantin-tool="classroom_activity_board"] .group-member-row.dragging, [data-toantin-tool="classroom_activity_board"] .group-card.dragging{opacity:.45}
[data-toantin-tool="classroom_activity_board"] .group-card.drag-over{outline:3px dashed #1677ff;outline-offset:3px;background:#f2f8ff}
[data-toantin-tool="classroom_activity_board"] .group-member-row.recently-moved{border-color:#22b887;background:#eafff6;box-shadow:0 0 0 2px rgba(34,184,135,.13)}
[data-toantin-tool="classroom_activity_board"] .group-member-row.recently-moved .group-member-name{color:#087956}
[data-toantin-tool="classroom_activity_board"] .group-move-status{margin:10px auto 0;max-width:900px;padding:6px 10px;border-radius:10px;background:#f3f8ff;color:#4d6584;font-size:.76rem;text-align:center}
[data-toantin-tool="classroom_activity_board"] .group-move-status[hidden]{display:none!important}

/* Drawing canvas lives above stage content only while the pen is active. */
[data-toantin-tool="classroom_activity_board"] .presentation-ink-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;touch-action:none}
[data-toantin-tool="classroom_activity_board"] .presentation-ink-canvas.is-enabled{pointer-events:auto;cursor:crosshair}

/* Presentation: only the teaching canvas + one movable toolbar remain. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card{
  display:block!important;position:fixed;z-index:16020;margin:0!important;border:1px solid rgba(190,211,237,.95)!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(16,53,101,.18)!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-only{display:flex!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .card-body{padding:6px!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-handle{align-items:center;justify-content:center;gap:5px;color:#5b718f;font-size:.68rem;font-weight:800;cursor:grab;touch-action:none;padding:1px 8px 4px;user-select:none}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-locked .tt-presentation-handle{cursor:default;opacity:.52}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-tools{align-items:center;gap:5px}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-tools .btn{min-width:38px;min-height:36px;padding:.35rem .5rem;border-radius:10px}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-ink-toggle.is-active{background:#e9fff5;border-color:#23c997;color:#007a5a}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-ink-color{width:36px;height:36px;padding:3px;border:1px solid #dce6f1;border-radius:10px;background:#fff;display:grid;place-items:center}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-ink-color input{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab{padding:.45rem .62rem;font-size:.72rem;min-height:36px}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-display-actions{gap:5px!important;flex-wrap:nowrap!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-font-group .btn{padding:.35rem .48rem;min-height:36px}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation [data-tt-id="presentBtn"]{display:none!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-stage-card{z-index:15000}

[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="top"] .tt-toolbar-card{top:8px;left:50%;bottom:auto;right:auto;transform:translateX(-50%);width:min(1240px,calc(100vw - 16px));max-height:calc(100dvh - 16px)}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="bottom"] .tt-toolbar-card{bottom:8px;left:50%;top:auto;right:auto;transform:translateX(-50%);width:min(1240px,calc(100vw - 16px));max-height:calc(100dvh - 16px)}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="floating"] .tt-toolbar-card{transform:none;width:min(1240px,calc(100vw - 16px));max-height:calc(100dvh - 16px)}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="left"] .tt-toolbar-card, [data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="right"] .tt-toolbar-card{top:50%;bottom:auto;transform:translateY(-50%);width:min(1240px,calc(100vw - 16px));max-height:calc(100dvh - 16px)}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="left"] .tt-toolbar-card{left:8px;right:auto}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="right"] .tt-toolbar-card{right:8px;left:auto}
/* Hướng toolbar do nút trên menu điều khiển, độc lập với vị trí dock. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card{width:190px!important;max-height:calc(100dvh - 16px);overflow:auto}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card .row{display:flex;flex-direction:column;gap:5px}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-stage-tabs{flex-direction:column!important;overflow:visible!important;width:100%;gap:3px!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .stage-tab{width:100%;justify-content:flex-start}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-display-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px!important}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-font-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);width:100%}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-presentation-tools{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;width:100%}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-focus-btn{grid-column:1/-1}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card.is-dragging{transition:none!important;cursor:grabbing}

@media (max-width:767.98px){
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card{width:calc(100vw - 10px)!important;left:5px!important;right:auto!important;transform:none!important;overflow:auto}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="bottom"] .tt-toolbar-card{top:auto!important;bottom:5px!important}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation:not([data-presentation-toolbar-dock="bottom"]) .tt-toolbar-card{top:5px!important;bottom:auto!important}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-handle span:last-child{display:none}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .row{display:flex;flex-wrap:nowrap;overflow-x:auto}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .row>div{width:auto;flex:0 0 auto}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-stage-tabs{overflow:visible!important}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-pres-tool-label{display:none}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card{width:min(190px,calc(100vw - 10px))!important;overflow:auto}
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card .row{display:flex;flex-direction:column;overflow:visible}
}
[data-toantin-tool="classroom_activity_board"] .tt-icon-fullscreen-exit{--tt-icon-url:url("../icons/fullscreen-exit.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-close{--tt-icon-url:url("../icons/close.svg")}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card>.card-body{overflow-x:auto;overscroll-behavior:contain}


/* ===== v3.2 integration boundary: Host owns chrome in integrated Full Tool ===== */
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] [data-tt-id="presentBtn"],
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] [data-tt-id="presentationToolbarDragHandle"],
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] [data-tt-id="presentationToolbarLockBtn"],
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] [data-tt-id="presentationToolbarOrientationBtn"]{display:none!important}

/* ===== v3.2 PATCH_01 — Compact icon-only presentation toolbar =====
   Owner fix: keep every presentation command, remove text from the fullscreen toolbar,
   compact vertical mode, and allow the whole toolbar to collapse into one movable puck. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card{
  width:max-content;
  max-width:calc(100vw - 16px);
  overflow:visible;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card>.card-body{
  position:relative;
  padding:5px!important;
  overflow:visible;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-toolbar-head{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:27px;
  margin:0 0 4px;
  padding:0 2px 3px 5px;
  border-bottom:1px solid #e6eef8;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-handle{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  padding:1px 4px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn{
  width:28px;
  height:28px;
  min-width:28px;
  min-height:28px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#315e98;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn .tt-ui-icon{
  font-size:.9rem;
  transform:rotate(0deg);
  transition:transform .16s ease;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-close-btn{display:none}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .row{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:6px;
  margin:0;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .row>div{
  width:auto;
  max-width:none;
  flex:0 0 auto;
  padding:0;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-stage-tabs{
  gap:4px!important;
  overflow:visible!important;
  padding:0!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0!important;
  border-radius:11px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .stage-tab .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-focus-btn .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-tools .tt-ui-icon{
  font-size:1.18rem;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-pres-label,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-pres-tool-label{
  display:none!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-display-actions{
  display:flex!important;
  align-items:center;
  gap:5px!important;
  flex-wrap:nowrap!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-font-group{
  display:flex;
  gap:2px;
  padding-left:6px;
  border-left:1px solid #e3edf8;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-font-group .btn{
  width:38px;
  height:42px;
  min-width:38px;
  min-height:42px;
  padding:0!important;
  font-size:.8rem;
  font-weight:800;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-focus-btn{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  padding:0!important;
  justify-content:center;
  gap:0!important;
  border-radius:11px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-tools{
  display:grid!important;
  grid-template-columns:repeat(6,42px);
  align-items:center;
  gap:4px!important;
  padding-left:6px;
  border-left:1px solid #e3edf8;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-tools .btn,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-ink-color{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  padding:0!important;
  display:grid;
  place-items:center;
  border-radius:11px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-ink-color input{
  width:30px;
  height:30px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="top"] .tt-toolbar-card,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="bottom"] .tt-toolbar-card{
  width:max-content;
  max-width:calc(100vw - 16px);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="floating"] .tt-toolbar-card,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="left"] .tt-toolbar-card,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-dock="right"] .tt-toolbar-card{
  width:max-content;
  max-width:calc(100vw - 16px);
}

/* Vertical mode: compact 3-column icon matrix instead of a tall text menu. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card{
  width:150px!important;
  max-width:calc(100vw - 16px)!important;
  max-height:calc(100dvh - 16px);
  overflow:visible;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card>.card-body{
  overflow:auto;
  overscroll-behavior:contain;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card .row{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-toolbar-card .row>div{
  width:100%;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-stage-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,42px);
  justify-content:center;
  gap:4px!important;
  width:100%;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .stage-tab{
  width:42px!important;
  min-width:42px!important;
  justify-content:center!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-display-actions{
  display:grid!important;
  grid-template-columns:repeat(3,42px);
  justify-content:center;
  align-items:center;
  gap:5px!important;
  width:100%;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-font-group{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,42px);
  justify-content:center;
  gap:4px;
  width:100%;
  padding:6px 0 0;
  border-left:0;
  border-top:1px solid #e3edf8;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-font-group .btn{
  width:42px;
  min-width:42px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-focus-btn{
  grid-column:2;
  width:42px;
  min-width:42px;
  justify-self:center;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"] .tt-presentation-tools{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(3,42px);
  justify-content:center;
  gap:4px!important;
  width:100%;
  padding:6px 0 0;
  border-left:0;
  border-top:1px solid #e3edf8;
}

/* Collapsed state: exactly one movable icon/puck remains. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-toolbar-card{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  overflow:visible!important;
  border-radius:14px!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-toolbar-card>.card-body{
  width:44px;
  height:44px;
  padding:0!important;
  overflow:visible!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-toolbar-head{
  width:44px;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:0;
  display:grid!important;
  place-items:center;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-handle,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-toolbar-card .row{
  display:none!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-collapse-btn{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  border:0!important;
  border-radius:13px;
  background:#fff;
  color:#176de5;
  box-shadow:0 8px 22px rgba(16,53,101,.16);
  cursor:grab;
  touch-action:none;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-collapse-btn:active{
  cursor:grabbing;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-collapse-btn .tt-ui-icon{
  font-size:1.1rem;
  transform:rotate(180deg);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed[data-presentation-toolbar-dock="top"] .tt-toolbar-card,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed[data-presentation-toolbar-dock="bottom"] .tt-toolbar-card{
  left:50%;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed[data-presentation-toolbar-dock="left"] .tt-toolbar-card,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed[data-presentation-toolbar-dock="right"] .tt-toolbar-card{
  top:50%;
}

/* Small screens keep the compact icon model; the expanded toolbar may scroll horizontally. */
@media (max-width:640px){
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation:not(.presentation-toolbar-collapsed) .tt-toolbar-card{
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation:not(.presentation-toolbar-collapsed) .tt-toolbar-card>.card-body{
    overflow-x:auto;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation[data-presentation-toolbar-orientation="vertical"]:not(.presentation-toolbar-collapsed) .tt-toolbar-card{
    width:150px!important;
  }
}

/* ===== v3.2 PATCH_02 — Soft-3D presentation toolbar icon system =====
   Visual-only Owner fix layered on PATCH_01. No command/state/runtime behavior changes.
   The effect is intentionally scoped to the Standalone Presentation toolbar so Host UI is untouched. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card{
  --tt-pres-3d-border:#cbdcf1;
  --tt-pres-3d-top:#ffffff;
  --tt-pres-3d-bottom:#eaf3ff;
  --tt-pres-3d-shadow:rgba(24,70,126,.18);
  --tt-pres-icon-top:#72c9ff;
  --tt-pres-icon-mid:#176de5;
  --tt-pres-icon-bottom:#0b3f98;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(245,250,255,.97));
  border-color:#d5e4f5!important;
  box-shadow:
    0 12px 30px rgba(22,67,118,.14),
    0 3px 8px rgba(22,67,118,.09),
    inset 0 1px 0 rgba(255,255,255,.96);
}

/* Soft-3D button shell: consistent optical depth across every presentation control. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-font-group .btn,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-presentation-tools .btn,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-fullscreen-close-btn{
  position:relative;
  isolation:isolate;
  color:#174b91;
  border:1px solid var(--tt-pres-3d-border)!important;
  background:linear-gradient(145deg,var(--tt-pres-3d-top) 0%,#f8fbff 42%,var(--tt-pres-3d-bottom) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(87,129,181,.08),
    0 4px 9px var(--tt-pres-3d-shadow),
    0 1px 2px rgba(20,56,102,.12);
  text-shadow:0 1px 0 rgba(255,255,255,.9);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab:hover,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-font-group .btn:hover,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn:hover,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-presentation-tools .btn:hover,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn:hover,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-fullscreen-close-btn:hover{
  transform:translateY(-2px);
  border-color:#98bdea!important;
  background:linear-gradient(145deg,#ffffff 0%,#f5faff 38%,#deedff 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 14px rgba(20,70,132,.20),
    0 2px 4px rgba(20,56,102,.12);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab:active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-font-group .btn:active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn:active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-presentation-tools .btn:active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn:active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-fullscreen-close-btn:active{
  transform:translateY(1px);
  background:linear-gradient(145deg,#e9f3ff 0%,#f8fbff 100%);
  box-shadow:
    inset 0 2px 5px rgba(19,68,128,.16),
    inset 0 1px 0 rgba(255,255,255,.8),
    0 1px 2px rgba(20,56,102,.10);
}

/* The masked SVG glyph itself is rendered as a layered blue gradient + shaped shadows,
   giving the icon real optical depth instead of only making the button look raised. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ui-icon{
  background:linear-gradient(145deg,var(--tt-pres-icon-top) 0%,var(--tt-pres-icon-mid) 50%,var(--tt-pres-icon-bottom) 100%);
  filter:
    drop-shadow(0 -1px 0 rgba(255,255,255,.72))
    drop-shadow(0 1px 0 rgba(6,43,100,.35))
    drop-shadow(0 2px 2px rgba(12,49,102,.20));
  transform:translateY(-.5px);
  transition:transform .15s ease,filter .15s ease;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card button:hover .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn:hover .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-fullscreen-close-btn:hover .tt-ui-icon{
  transform:translateY(-1px) scale(1.045);
  filter:
    drop-shadow(0 -1px 0 rgba(255,255,255,.82))
    drop-shadow(0 1px 0 rgba(6,43,100,.38))
    drop-shadow(0 3px 3px rgba(12,49,102,.24));
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card button:active .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn:active .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-fullscreen-close-btn:active .tt-ui-icon{
  transform:translateY(.5px) scale(.97);
}

/* Active/selected controls: richer blue surface with a high-contrast pearl-white 3D glyph. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab.active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-font-group .btn.active,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn[aria-pressed="true"],
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ink-toggle[aria-pressed="true"],
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card #presentationToolbarLockBtn[aria-pressed="true"],
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card #presentationToolbarOrientationBtn[aria-pressed="true"]{
  color:#fff;
  border-color:#0f62d6!important;
  background:linear-gradient(145deg,#3995ff 0%,#176de5 48%,#0e52bf 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -2px 3px rgba(3,45,116,.22),
    0 5px 12px rgba(20,91,190,.30),
    0 1px 2px rgba(10,48,105,.20);
  text-shadow:0 1px 1px rgba(4,43,102,.32);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab.active .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn[aria-pressed="true"] .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ink-toggle[aria-pressed="true"] .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card #presentationToolbarLockBtn[aria-pressed="true"] .tt-ui-icon,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card #presentationToolbarOrientationBtn[aria-pressed="true"] .tt-ui-icon{
  --tt-pres-icon-top:#ffffff;
  --tt-pres-icon-mid:#e5f4ff;
  --tt-pres-icon-bottom:#a9d6ff;
  filter:
    drop-shadow(0 -1px 0 rgba(255,255,255,.85))
    drop-shadow(0 1px 0 rgba(4,48,116,.48))
    drop-shadow(0 2px 2px rgba(4,48,116,.25));
}

/* Focus action gets a warm teaching accent without changing its command semantics. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn:not([aria-pressed="true"]){
  color:#9a6500;
  border-color:#efd89b!important;
  background:linear-gradient(145deg,#fffdf7 0%,#fff8df 52%,#ffefbd 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 9px rgba(157,112,18,.16),
    0 1px 2px rgba(105,75,15,.10);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn:not([aria-pressed="true"]) .tt-ui-icon{
  --tt-pres-icon-top:#ffd86d;
  --tt-pres-icon-mid:#e59a16;
  --tt-pres-icon-bottom:#9a5f00;
}

/* Pen color is not an SVG icon, so render its swatch as a matching tactile 3D control. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ink-color{
  border:1px solid var(--tt-pres-3d-border);
  background:linear-gradient(145deg,#fff 0%,#f5faff 46%,#e6f0fc 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 9px var(--tt-pres-3d-shadow),
    0 1px 2px rgba(20,56,102,.12);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ink-color:hover{
  transform:translateY(-2px);
  border-color:#98bdea;
  box-shadow:inset 0 1px 0 #fff,0 7px 14px rgba(20,70,132,.20),0 2px 4px rgba(20,56,102,.12);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ink-color input{
  border:2px solid rgba(255,255,255,.96);
  border-radius:9px;
  box-shadow:0 0 0 1px rgba(42,82,132,.20),inset 0 1px 2px rgba(255,255,255,.6),0 2px 5px rgba(21,61,111,.16);
}

/* Drag handle icon and collapsed puck also follow the same 3D icon treatment. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-handle .tt-ui-icon{
  --tt-pres-icon-top:#9fc9f6;
  --tt-pres-icon-mid:#4d7fb8;
  --tt-pres-icon-bottom:#294f7f;
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-collapse-btn{
  border:1px solid #bcd3ee!important;
  background:linear-gradient(145deg,#ffffff 0%,#f4f9ff 42%,#dfeeff 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -2px 3px rgba(59,104,159,.08),
    0 9px 22px rgba(16,72,143,.24),
    0 2px 5px rgba(20,56,102,.14);
}
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-presentation-collapse-btn .tt-ui-icon{
  --tt-pres-icon-top:#6ec8ff;
  --tt-pres-icon-mid:#176de5;
  --tt-pres-icon-bottom:#0a3b90;
}

/* Disabled state remains visually obvious and does not rely on color alone. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card button:disabled,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card button.disabled{
  transform:none;
  opacity:.48;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(20,56,102,.08);
  filter:saturate(.45);
}

@media (prefers-reduced-motion:reduce){
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .stage-tab,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-font-group .btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-focus-btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-presentation-tools .btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-presentation-collapse-btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-fullscreen-close-btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ui-icon,
  [data-toantin-tool="classroom_activity_board"].app-shell.presentation .tt-toolbar-card .tt-ink-color{
    transition:none!important;
  }
}

/* ===== v3.2 PATCH_03 — Fullscreen Smart Toolbar V2 =====
   Fullscreen-only enhancement for the Standalone Presentation toolbar.
   Outside qualified fullscreen, the existing toolbar remains unchanged.
   Integrated TOÁN TIN Full Tool keeps Host-owned chrome; no second rail/dock is created. */
[data-toantin-tool="classroom_activity_board"] .tt-icon-pin{--tt-icon-url:url("../icons/pin.svg")}
[data-toantin-tool="classroom_activity_board"] .tt-icon-autohide{--tt-icon-url:url("../icons/autohide.svg")}

[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-smart-controls{display:none}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls{
  display:flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-close-btn{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  min-width:28px;
  min-height:28px;
  padding:0!important;
  border-radius:9px;
  color:#a4152c;
  border:1px solid #ee9cab!important;
  background:linear-gradient(145deg,#fff7f8 0%,#ffdfe5 44%,#ff9fb0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -2px 3px rgba(133,18,42,.12),0 4px 10px rgba(190,37,66,.24),0 1px 2px rgba(112,22,39,.15);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-close-btn .tt-ui-icon{
  --tt-pres-icon-top:#ffb2bf;
  --tt-pres-icon-mid:#ef334f;
  --tt-pres-icon-bottom:#9e1029;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-close-btn:hover{
  border-color:#e86f83!important;
  background:linear-gradient(145deg,#fff 0%,#ffd7df 42%,#ff879c 100%);
  box-shadow:inset 0 1px 0 #fff,0 6px 13px rgba(190,37,66,.29),0 2px 4px rgba(112,22,39,.16);
}
/* PATCH_07: the red top-right X is the single Tool-owned Presentation exit control. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-fullscreen-close-btn{display:none!important}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-presentation-tools{
  grid-template-columns:repeat(5,42px);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn{
  width:28px;
  height:28px;
  min-width:28px;
  min-height:28px;
  padding:0!important;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#174b91;
  border:1px solid var(--tt-pres-3d-border,#cbdcf1)!important;
  background:linear-gradient(145deg,#fff 0%,#f8fbff 44%,#e7f1fd 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 3px 8px rgba(24,70,126,.14),0 1px 2px rgba(20,56,102,.10);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#98bdea!important;
  background:linear-gradient(145deg,#fff 0%,#f2f8ff 42%,#deedff 100%);
  box-shadow:inset 0 1px 0 #fff,0 5px 11px rgba(20,70,132,.18),0 1px 3px rgba(20,56,102,.12);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn:active:not(:disabled){
  transform:translateY(1px);
  box-shadow:inset 0 2px 5px rgba(19,68,128,.14),0 1px 2px rgba(20,56,102,.08);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn[aria-pressed="true"]{
  color:#fff;
  border-color:#0f62d6!important;
  background:linear-gradient(145deg,#55a7ff 0%,#176de5 52%,#0e52bf 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 3px rgba(3,45,116,.20),0 4px 10px rgba(20,91,190,.25);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn[aria-pressed="true"] .tt-ui-icon{
  --tt-pres-icon-top:#fff;
  --tt-pres-icon-mid:#e5f4ff;
  --tt-pres-icon-bottom:#a9d6ff;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn:disabled{
  opacity:.42;
  transform:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(20,56,102,.06);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-presentation-handle span:last-child{
  display:none;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-presentation-toolbar-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px 28px;
  align-items:center;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-presentation-handle{grid-column:1;grid-row:1}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-presentation-collapse-btn{grid-column:2;grid-row:1}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-fullscreen-close-btn{grid-column:3;grid-row:1}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-fullscreen-smart-controls{
  grid-column:1/-1;
  grid-row:2;
  justify-content:center;
  width:100%;
  padding-top:3px;
  border-top:1px solid #e6eef8;
}

/* Smart Pin uses explicit numeric fixed coordinates so dock motion is smooth and deterministic. */
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-pinned .tt-toolbar-card{
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  transition:left .26s cubic-bezier(.2,.78,.2,1),top .26s cubic-bezier(.2,.78,.2,1),transform .27s cubic-bezier(.2,.78,.2,1),opacity .18s ease!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-pinned .tt-presentation-handle{
  cursor:default;
}
/* PATCH_05: top dock returns to the real screen edge. Auto-hide retracts by the
   standard rail gap only; no artificial 64px browser-chrome offset remains. */
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-hidden[data-fullscreen-toolbar-edge="top"] .tt-toolbar-card{
  transform:translateY(calc(-100% - 12px))!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-hidden[data-fullscreen-toolbar-edge="bottom"] .tt-toolbar-card{
  transform:translateY(calc(100% + 12px))!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-hidden[data-fullscreen-toolbar-edge="left"] .tt-toolbar-card{
  transform:translateX(calc(-100% - 12px))!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-hidden[data-fullscreen-toolbar-edge="right"] .tt-toolbar-card{
  transform:translateX(calc(100% + 12px))!important;
}

/* The Light Rail is visually 6px but has a larger transparent hit area. */
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail{
  position:fixed;
  z-index:16019;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  appearance:none;
  cursor:pointer;
  touch-action:manipulation;
  opacity:1;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="top"],
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="bottom"]{
  height:22px;
  min-height:22px;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="left"],
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="right"]{
  width:22px;
  min-width:22px;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail::before{
  content:"";
  position:absolute;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(63,169,255,.35),rgba(30,111,229,.78),rgba(89,198,255,.35));
  box-shadow:0 0 7px rgba(38,126,235,.24),0 0 0 1px rgba(255,255,255,.46) inset;
  opacity:.66;
  transition:opacity .16s ease,box-shadow .18s ease,transform .18s ease;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="top"]::before{
  top:max(0px,env(safe-area-inset-top));left:12px;right:12px;height:6px;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="bottom"]::before{
  bottom:max(0px,env(safe-area-inset-bottom));left:12px;right:12px;height:6px;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="left"]::before{
  left:max(0px,env(safe-area-inset-left));top:12px;bottom:12px;width:6px;
  background:linear-gradient(180deg,rgba(63,169,255,.35),rgba(30,111,229,.78),rgba(89,198,255,.35));
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="right"]::before{
  right:max(0px,env(safe-area-inset-right));top:12px;bottom:12px;width:6px;
  background:linear-gradient(180deg,rgba(63,169,255,.35),rgba(30,111,229,.78),rgba(89,198,255,.35));
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail.is-primed::before,
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail:hover::before,
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail:focus-visible::before{
  opacity:.96;
  box-shadow:0 0 11px rgba(39,135,246,.44),0 0 18px rgba(65,178,255,.20),0 0 0 1px rgba(255,255,255,.72) inset;
  transform:scale(1.02);
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail.is-revealed::before{
  opacity:.22;
  box-shadow:0 0 4px rgba(38,126,235,.16),0 0 0 1px rgba(255,255,255,.35) inset;
}
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail:focus-visible{
  outline:3px solid rgba(22,103,232,.30);
  outline-offset:-3px;
}

/* Hosted integrated Full Tool must not duplicate Host chrome. */
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] .tt-fullscreen-smart-controls,
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] .tt-fullscreen-light-rail{
  display:none!important;
}

@media (pointer:coarse){
  [data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="top"],
  [data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="bottom"]{height:44px;min-height:44px}
  [data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="left"],
  [data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail[data-edge="right"]{width:44px;min-width:44px}
}

@media (prefers-reduced-motion:reduce){
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation.presentation-toolbar-smart-pinned .tt-toolbar-card,
  [data-toantin-tool="classroom_activity_board"] .tt-fullscreen-light-rail::before,
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn{
    transition-duration:.06s!important;
    animation:none!important;
  }
}

@media (pointer:coarse){
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-presentation-toolbar-head{
    flex-wrap:wrap;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls{
    order:3;
    width:100%;
    justify-content:center;
    padding-top:3px;
    border-top:1px solid #e6eef8;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-smart-controls .btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-presentation-collapse-btn,
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-close-btn{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
}

/* ===== v3.2 PATCH_06 — Fullscreen horizontal one-line command row =====
   Owner fix: keep the fullscreen command row on one line by moving the existing
   Lock + Orientation affordances to the top chrome row. Outside qualified
   fullscreen the legacy toolbar layout/behavior remains unchanged. */
[data-toantin-tool="classroom_activity_board"] .tt-fullscreen-utility-controls{display:none}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls{
  display:flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn{
  width:28px;
  height:28px;
  min-width:28px;
  min-height:28px;
  padding:0!important;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#174b91;
  border:1px solid var(--tt-pres-3d-border,#cbdcf1)!important;
  background:linear-gradient(145deg,#fff 0%,#f8fbff 44%,#e7f1fd 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 3px 8px rgba(24,70,126,.14),0 1px 2px rgba(20,56,102,.10);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#98bdea!important;
  background:linear-gradient(145deg,#fff 0%,#f2f8ff 42%,#deedff 100%);
  box-shadow:inset 0 1px 0 #fff,0 5px 11px rgba(20,70,132,.18),0 1px 3px rgba(20,56,102,.12);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn:active:not(:disabled){
  transform:translateY(1px);
  box-shadow:inset 0 2px 5px rgba(19,68,128,.14),0 1px 2px rgba(20,56,102,.08);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn[aria-pressed="true"]{
  color:#fff;
  border-color:#0f62d6!important;
  background:linear-gradient(145deg,#55a7ff 0%,#176de5 52%,#0e52bf 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 3px rgba(3,45,116,.20),0 4px 10px rgba(20,91,190,.25);
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn[aria-pressed="true"] .tt-ui-icon{
  --tt-pres-icon-top:#fff;
  --tt-pres-icon-mid:#e5f4ff;
  --tt-pres-icon-bottom:#a9d6ff;
}

/* In smart fullscreen these two commands live in the top chrome row. Their
   original lower-row controls remain untouched in DOM and reappear outside fullscreen. */
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation #presentationToolbarLockBtn,
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation #presentationToolbarOrientationBtn{
  display:none!important;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-presentation-tools{
  grid-template-columns:repeat(3,42px)!important;
  grid-auto-flow:column;
  grid-auto-columns:42px;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card .row,
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-display-actions{
  flex-wrap:nowrap!important;
}

/* Vertical mode keeps the same commands but stacks top chrome cleanly. */
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-fullscreen-utility-controls{
  grid-column:1/-1;
  grid-row:2;
  justify-content:center;
  width:100%;
  padding-top:3px;
  border-top:1px solid #e6eef8;
}
[data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="vertical"] .tt-fullscreen-smart-controls{
  grid-row:3;
}

/* Collapsed mode must remain exactly one movable puck. */
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-fullscreen-utility-controls,
[data-toantin-tool="classroom_activity_board"].app-shell.presentation.presentation-toolbar-collapsed .tt-fullscreen-smart-controls{
  display:none!important;
}

@media (pointer:coarse){
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls{
    order:2;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
}

@media (prefers-reduced-motion:reduce){
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation .tt-fullscreen-utility-controls .btn{
    transition:none!important;
  }
}

/* ===== v3.2 PATCH_08 — Fullscreen horizontal toolbar natural one-row width =====
   Owner fix: do not solve horizontal overflow by wrapping controls to a second line.
   In qualified fullscreen horizontal mode the toolbar is allowed to grow wider,
   while command/tool groups remain nowrap. If the viewport is genuinely narrower
   than the natural content, the card body scrolls horizontally instead of wrapping. */
@media (min-width:641px){
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card{
    width:clamp(900px,88vw,1180px)!important;
    max-width:calc(100vw - 12px)!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card>.card-body{
    overflow-x:auto;
    overflow-y:visible;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card .row{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center;
    width:max-content;
    min-width:100%;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card .row>div{
    width:auto!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-display-actions{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center;
    width:max-content;
    min-width:max-content;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-presentation-tools{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center;
    width:max-content;
    min-width:max-content;
    grid-template-columns:none!important;
    grid-auto-flow:unset!important;
    grid-auto-columns:auto!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-presentation-tools>*{
    flex:0 0 42px;
  }
}

/* ===== v3.2 PATCH_09 — Fullscreen compact two-tier content-fit toolbar =====
   Owner-approved refinement: keep the intentional two-tier structure
   (chrome/title row + exactly one command row) while sizing the horizontal
   fullscreen toolbar to its natural content width. Do not stretch the toolbar
   across the viewport merely to prevent wrapping. On genuinely narrow
   viewports the card body scrolls horizontally; commands never wrap. */
@media (min-width:641px){
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card{
    width:max-content!important;
    max-width:calc(100vw - 12px)!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card>.card-body{
    overflow-x:auto;
    overflow-y:visible;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-presentation-toolbar-head{
    width:auto;
    min-width:0;
    flex-wrap:nowrap!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card .row{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center;
    width:max-content;
    min-width:0!important;
    white-space:nowrap;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-toolbar-card .row>div{
    width:auto!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-stage-tabs,
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-display-actions,
  [data-toantin-tool="classroom_activity_board"].app-shell.fullscreen-smart-toolbar.presentation[data-presentation-toolbar-orientation="horizontal"] .tt-presentation-tools{
    flex-wrap:nowrap!important;
    min-width:max-content;
  }
}

/* ===== v3.2 PATCH_10 — V1.1 Close/Exit lifecycle compliance =====
   Hosted Presenter owns canonical Close/Exit chrome. Standalone keeps the Tool red X.
   This prevents duplicate application Exit controls without touching Host DOM. */
[data-toantin-tool="classroom_activity_board"][data-integration-mode="integrated"] .tt-fullscreen-close-btn{
  display:none!important;
}