/* Class-scoped presentation. The theme and every other tool remain untouched. */
.oit-app{--oit-ink:#17243b;--oit-accent:#4f46e5;--oit-line:#dfe5ef;max-width:1040px;margin:0 auto;padding:20px 0;color:var(--os-ink,var(--oit-ink));font-family:inherit;line-height:1.8}
.oit-app *,.oit-board *{box-sizing:border-box}.oit-app [hidden],.oit-board[hidden],.oit-board [hidden]{display:none!important}
.oit-app h1{font-size:clamp(25px,3vw,34px);line-height:1.5;margin:4px 0 8px}.oit-app .oit-intro{margin-bottom:22px}.oit-app .oit-intro p{margin:0;color:var(--os-muted,#64748b);font-size:15px}.oit-app .oit-eyebrow{color:#6352ce;font-size:12px;font-weight:700;margin:4px 0}.oit-app .oit-back{font-size:12px;display:inline-block;min-height:32px;color:#4f46e5;text-decoration:none}
.oit-app .oit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0!important;margin:0 0 20px!important;border:0}.oit-app .oit-steps li{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--oit-line);border-radius:10px;font-size:14px;color:var(--os-muted,#64748b);background:var(--os-card,#fff)}
.oit-app .oit-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f1f3f9;color:#64748b;font-size:13px}.oit-app .oit-steps [aria-current=step]{border-color:#8279e9;color:#4338ca;background:#f1efff;font-weight:700}.oit-app .oit-steps [aria-current=step] b{background:#4f46e5;color:#fff}.oit-app .oit-steps .is-complete b{background:#d8f7eb;color:#087659}
.oit-app .oit-setup-grid{display:block;max-width:850px;margin:auto}.oit-app .oit-panel{padding:26px;background:var(--os-card,#fff);border:1px solid var(--oit-line);border-radius:16px;min-width:0;scroll-margin-top:110px}.oit-app .oit-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.oit-app .oit-panel-heading h2{display:block;margin:0;font-size:23px;line-height:1.6}.oit-app .oit-panel-heading p{margin:2px 0 0;font-size:13px;color:var(--os-muted,#64748b)}.oit-app .oit-stage-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:#ede9fe;color:#6d28d9;font-size:16px;font-weight:800}
.oit-app label{display:block;margin:10px 0 6px;font-size:13px;font-weight:700}.oit-app :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:var(--os-card,#fff);color:inherit;font:inherit;font-size:15px;line-height:1.7}.oit-app textarea{resize:vertical;min-height:180px}.oit-app button,.oit-board button{font-family:inherit;cursor:pointer;line-height:1.6;min-height:46px;touch-action:manipulation}.oit-app :is(.oit-button,.oit-primary,.oit-danger){display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;font-size:14px;font-weight:700;border:1px solid #d5deeb;border-radius:9px;background:var(--os-card,#fff);color:#4338ca}
.oit-app .oit-primary{display:flex;width:100%;margin-top:18px;min-height:52px!important;background:#4f46e5;border-color:#4f46e5;color:#fff}.oit-app .oit-primary:hover{background:#4338ca}.oit-app button:disabled,.oit-board button:disabled{opacity:.45;cursor:not-allowed}.oit-app .oit-import{margin:16px 0;border:0;padding:0}.oit-app summary{cursor:pointer;color:#4f46e5;font-size:13px;font-weight:700;min-height:44px;display:flex;align-items:center;gap:6px}.oit-app summary::before{content:'+';font-size:20px}.oit-app details[open]>summary::before{content:'−'}.oit-app .oit-import-preview{background:#f0fdf6;color:#146c4f;padding:12px;border:1px solid #b6e7d2;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.oit-app [data-oit-import-advanced]{border:1px solid var(--oit-line);border-radius:8px;padding:8px 12px;margin-bottom:12px}
.oit-app .oit-attendance-count{display:inline-flex;background:#e5f7f1;color:#0f766e;font-weight:700;padding:6px 12px;border-radius:8px;font-size:13px}.oit-app .oit-roster{max-height:430px;overflow:auto;margin-top:14px;overscroll-behavior:contain}.oit-app .oit-student{display:grid;grid-template-columns:26px minmax(0,1fr) 76px 48px;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--oit-line)}.oit-app .oit-absent{display:flex!important;gap:7px;align-items:center;margin:0;font-size:12px;font-weight:400;min-height:44px}.oit-app .oit-absent input{width:20px;height:20px;accent-color:#e11d48}.oit-app .oit-student.is-absent{background:#fff3f4;border-radius:6px}.oit-app .oit-student.is-absent input[type=text]{text-decoration:line-through;color:#9f4757}.oit-app .oit-remove{min-height:44px;padding:4px;border:0;background:transparent;color:#9f4757;font-size:12px;border-radius:6px}
.oit-app .oit-config-grid{display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:14px}.oit-app .oit-stage-actions{display:flex;align-items:stretch;gap:12px;margin-top:20px}.oit-app .oit-stage-actions .oit-primary{width:auto;flex:1;margin:0}.oit-app .oit-launch{background:#087f76;border-color:#087f76}.oit-app .oit-launch:hover{background:#06685f}.oit-app .oit-text-button{margin-top:16px;background:none;border:0;color:#57647b;font-size:13px;padding:4px 0}.oit-app .oit-more{margin-top:14px}.oit-app .oit-danger{color:#a53d4b;background:transparent;font-size:12px}.oit-app .oit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:0}.oit-app .oit-summary-card{padding:14px;background:var(--team-soft);border:1px solid var(--team-line);border-top:4px solid var(--team);border-radius:10px;min-width:0}.oit-app .oit-group-label{margin:0}.oit-app .oit-group-label>span{display:block;color:var(--team);font-size:11px;margin-bottom:4px}.oit-app .oit-summary-card input{color:#17243b;background:#fff;font-weight:700;min-height:42px;font-size:14px;padding:7px}.oit-app .oit-preview-count{display:block;color:#536076;margin:7px 0;font-size:11px}.oit-app .oit-preview-members{list-style:none;padding:0!important;margin:0;font-size:14px;color:#25334d}.oit-app .oit-preview-members li{overflow-wrap:anywhere;padding:2px 0}
.oit-app .oit-status{font-size:13px;min-height:24px;margin:12px auto;max-width:850px}.oit-app .oit-session-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;margin:12px auto 0;max-width:850px;border-top:1px solid var(--oit-line)}.oit-app .oit-session-footer p{margin:0}.oit-app .oit-note{color:var(--os-muted,#64748b);font-size:11px;line-height:1.9}.oit-app .oit-warning{color:#a53d4b!important}.oit-app .oit-empty{font-size:13px;color:#64748b}
/* Only an active portal locks page scrolling. No global header/footer styles. */
body.oit-in-activity{overflow:hidden!important}
.oit-board{position:fixed;inset:0;z-index:2147483000;overflow-y:auto;overscroll-behavior:contain;width:100%;height:100dvh;max-width:none!important;padding:22px 32px 36px;background:#f4f5fb;color:#17243b;font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.7}
.oit-board:fullscreen{overflow:auto;background:#f4f5fb}.oit-board .oit-board-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 22px;border:0;border-radius:16px;background:#192744;color:#fff}.oit-board .oit-board-brand{display:flex;align-items:center;gap:14px}.oit-board .oit-board-emblem{display:grid;place-items:center;flex:0 0 52px;height:52px;background:#fbbf24;color:#192744;border-radius:14px;font-size:34px}.oit-board .oit-eyebrow{display:block;margin:0;color:#c2cbe2;font-size:12px}.oit-board .oit-board-header h2{margin:0;color:#fff;font-size:28px;line-height:1.5}.oit-board .oit-board-actions{display:flex;gap:8px}.oit-board button{padding:10px 16px;border:1px solid #d6deed;border-radius:9px;background:#fff;color:#354166;font-weight:700;font-size:14px}.oit-board button:hover{background:#f3f5ff}.oit-board .oit-board-actions button{background:#293b5b;border-color:#50607d;color:#fff}.oit-board .oit-board-actions [data-oit-exit]{background:#fff;color:#192744;border-color:#fff;min-width:100px}
.oit-board .oit-board-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.oit-board .oit-board-toolbar button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;background:#fff;color:#3c377f;border-color:#d9d8ed;font-size:16px}.oit-board .oit-tool-icon{font-size:24px;line-height:1;color:#6654d6}.oit-board .oit-board-toolbar [data-oit-winner]{background:#fff5d9;border-color:#ebd392;color:#8a5509}.oit-board [data-oit-winner] .oit-tool-icon{color:#b6790e}.oit-board .oit-board-status{font-size:13px;color:#59667d;min-height:24px;margin:12px 0}.oit-board .oit-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.oit-app .oit-color-0,.oit-board .oit-color-0{--team:#4f46e5;--team-soft:#f0eeff;--team-line:#d6d0fb}.oit-app .oit-color-1,.oit-board .oit-color-1{--team:#087f76;--team-soft:#e9faf5;--team-line:#bde9da}.oit-app .oit-color-2,.oit-board .oit-color-2{--team:#b45309;--team-soft:#fff7e5;--team-line:#f2dcac}.oit-app .oit-color-3,.oit-board .oit-color-3{--team:#c02665;--team-soft:#fff0f6;--team-line:#f2c5db}.oit-app .oit-color-4,.oit-board .oit-color-4{--team:#0369a1;--team-soft:#eaf6ff;--team-line:#bbdef3}.oit-app .oit-color-5,.oit-board .oit-color-5{--team:#7e22ce;--team-soft:#f6edff;--team-line:#dfc9f3}
.oit-board .oit-group{display:flex;flex-direction:column;min-width:0;padding:18px;border:2px solid var(--team-line);border-top:5px solid var(--team);border-radius:16px;background:#fff;box-shadow:none;transition:border-color .15s}.oit-board .oit-group.is-leader{border-color:var(--team);box-shadow:0 0 0 2px var(--team-soft)}.oit-board .oit-group.is-picked{outline:4px solid #fbbf24;outline-offset:3px}.oit-board .oit-group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0;padding:0;background:none}.oit-board .oit-group h3{font-size:clamp(20px,1.7vw,28px);line-height:1.5;color:var(--team);margin:0;overflow-wrap:anywhere}.oit-board .oit-rank{padding:3px 8px;background:var(--team-soft);color:var(--team);border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.oit-board .is-leader .oit-rank{background:var(--team);color:#fff}.oit-board .oit-score-wrap{display:flex;justify-content:center;align-items:baseline;gap:8px;padding:12px 0;color:var(--team)}.oit-board .oit-score{display:block;text-align:center;font-size:clamp(52px,4vw,74px);font-weight:800;line-height:1.15;margin:0;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;color:var(--team)}.oit-board .oit-score-unit{font-size:14px;font-weight:700}.oit-board .oit-member-list{list-style:none;margin:0 0 14px;padding:10px 12px!important;background:var(--team-soft);border-radius:9px;flex:1}.oit-board .oit-member-list li{font-size:clamp(18px,1.4vw,23px);line-height:1.7;overflow-wrap:anywhere;padding:1px 0}.oit-board .oit-score-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.oit-board .oit-score-actions button{min-height:60px;padding:0;font-size:34px;line-height:1;border:1px solid var(--team-line);color:var(--team);background:var(--team-soft)}.oit-board .oit-score-actions [data-action=plus]{background:var(--team);border-color:var(--team);color:#fff}.oit-board .oit-score-actions button:hover{filter:brightness(.96)}
.oit-board .oit-result{position:fixed;inset:0;margin:auto;max-width:calc(100% - 28px);width:620px;max-height:88dvh;overflow:auto;padding:34px 28px 26px;border:1px solid #d8deeb;border-radius:22px;background:#fff;color:#17243b;font-family:inherit;text-align:center}.oit-board .oit-result:not([open]){display:none}.oit-board .oit-result::backdrop{background:#16233ab3}.oit-board .oit-modal-close{position:absolute;top:12px;inset-inline-end:12px;min-width:44px;min-height:44px;padding:0;font-size:27px;line-height:1;border:0;background:#f0f2f8;color:#57617b}.oit-board .oit-result-emblem{display:grid;place-items:center;width:70px;height:70px;margin:10px auto 16px;border-radius:20px;background:#ede9fe;color:#6d28d9;font-size:40px}.oit-board .oit-result>span{font-size:14px;font-weight:700;color:#6d28d9}.oit-board .oit-result h2{margin:12px 0;color:#17243b;line-height:1.6;font-size:clamp(28px,3.5vw,48px);overflow-wrap:anywhere}.oit-board .oit-result p{font-size:16px;line-height:1.8;color:#5f6c82}.oit-board .oit-result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.oit-board .oit-result-actions button{flex:1}.oit-board [data-oit-result-again]{background:#4f46e5;border-color:#4f46e5;color:#fff}.oit-board .oit-result.is-celebrating{border-top:6px solid #f5b921;animation:oit-reveal .25s ease-out}.oit-board .is-celebrating .oit-result-emblem{background:#fff1c6;color:#a76a09}.oit-board .is-celebrating h2{color:#8a5509}
.oit-board .oit-timer-dialog h2{font-size:24px;margin:6px 0}.oit-board .oit-timer{display:block;border:0;background:none;padding:0;margin-top:12px}.oit-board .oit-timer output{display:block;margin:10px 0 18px;color:#4338ca;direction:ltr;font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(58px,8vw,86px);line-height:1.3}.oit-board .oit-timer-settings{display:flex;justify-content:center;gap:12px;text-align:start}.oit-board .oit-timer label{font-size:13px;font-weight:700;color:#57617b}.oit-board .oit-timer :is(input,select){display:block;width:100%;min-height:46px;max-width:220px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#17243b;font:inherit;font-size:16px}.oit-board .oit-timer input{width:100px}.oit-board .oit-timer-actions{display:flex;justify-content:center;gap:8px;margin-top:22px}.oit-board .oit-timer-actions button{flex:1}.oit-board [data-oit-timer-start]{background:#087f76;color:#fff;border-color:#087f76}.oit-board .oit-timer.is-expired output{color:#be123c}.oit-board .oit-timer-badge{padding:2px 7px;border-radius:6px;background:#eee9ff;color:#5b21b6;font:700 13px/1.8 Cairo,Tahoma,sans-serif;direction:ltr;unicode-bidi:isolate}
.oit-app :is(button,input,select,textarea,summary):focus-visible,.oit-board :is(button,input,select):focus-visible{outline:3px solid #9b7aef;outline-offset:3px}.oit-app h2:focus{outline:none}
[data-ostadi-theme=dark] .oit-app{--oit-line:#354761}[data-ostadi-theme=dark] .oit-app .oit-steps [aria-current=step]{background:#25284d;color:#d6d1ff}[data-ostadi-theme=dark] .oit-app .oit-stage-mark{background:#302449;color:#dcc5ff}
@keyframes oit-reveal{from{opacity:.7;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.oit-board .oit-board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oit-board{padding-inline:40px}}
@media(max-width:1100px){.oit-board .oit-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oit-app .oit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.oit-app{padding-top:12px}.oit-app .oit-panel{padding:18px}.oit-app .oit-config-grid{grid-template-columns:1fr}.oit-app .oit-stage-actions{flex-wrap:wrap}.oit-app .oit-stage-actions .oit-primary{min-width:180px}.oit-app .oit-session-footer{align-items:flex-start;flex-direction:column;gap:8px}.oit-app :is(input:not([type=checkbox]),select,textarea){font-size:16px}.oit-board{padding:12px 14px 24px}.oit-board .oit-board-header{padding:14px;align-items:flex-start;flex-wrap:wrap;border-radius:12px}.oit-board .oit-board-header h2{font-size:23px}.oit-board .oit-board-emblem{flex-basis:42px;height:42px;font-size:28px}.oit-board .oit-board-actions{margin-inline-start:auto}.oit-board .oit-board-actions button{font-size:12px;padding-inline:12px}.oit-board .oit-board-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oit-board .oit-board-toolbar button{font-size:14px;min-height:54px}.oit-board .oit-board-grid{gap:12px}.oit-board .oit-group{padding:14px}.oit-board .oit-group h3{font-size:20px}.oit-board .oit-member-list li{font-size:18px}}
@media(max-width:480px){.oit-app .oit-steps{gap:6px}.oit-app .oit-steps li{padding:8px 6px;gap:5px;font-size:11px}.oit-app .oit-steps b{width:24px;height:24px;font-size:11px}.oit-app .oit-panel{padding:14px}.oit-app .oit-panel-heading h2{font-size:21px}.oit-app .oit-summary{grid-template-columns:1fr}.oit-app .oit-student{grid-template-columns:22px minmax(0,1fr) 60px 38px;gap:6px}.oit-app .oit-student input[type=text]{font-size:14px;padding:7px}.oit-app .oit-stage-actions{flex-direction:column}.oit-app .oit-stage-actions .oit-primary{width:100%}.oit-board .oit-board-grid{grid-template-columns:1fr}.oit-board .oit-board-actions{width:100%}.oit-board .oit-board-actions button{flex:1}.oit-board .oit-board-toolbar button{font-size:13px;padding-inline:7px;gap:6px}.oit-board .oit-result{padding:44px 18px 22px;border-radius:16px}.oit-board .oit-result-actions{flex-direction:column}.oit-board .oit-timer-actions{gap:5px}.oit-board .oit-timer-actions button{font-size:12px;padding-inline:8px}.oit-board .oit-timer-badge{font-size:11px;padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.oit-board .oit-group{transition:none}.oit-board .oit-result.is-celebrating{animation:none}}
@media print{.oit-board,.oit-app{display:none!important}}

/* Keep exit and the four activity actions reachable while lists scroll. */
.oit-board .oit-board-header{position:sticky;top:0;z-index:5}
.oit-board .oit-board-toolbar{position:sticky;top:calc(var(--oit-header-height,98px) + 10px);z-index:4;background:#f4f5fb;padding-block:6px}
@media(min-width:1101px){.oit-board .oit-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px 10px}.oit-board .oit-member-list li{font-size:19px;line-height:1.6}.oit-board .oit-group{padding:14px}.oit-board .oit-score-wrap{padding-block:8px}.oit-board .oit-score{font-size:58px}}
@media(max-height:950px) and (min-width:1101px){.oit-board{padding-top:14px}.oit-board .oit-board-header{padding:12px 18px;margin-bottom:10px}.oit-board .oit-board-emblem{height:44px;flex-basis:44px}.oit-board .oit-board-status{margin-block:7px}.oit-board .oit-score{font-size:52px}.oit-board .oit-score-actions button{min-height:54px}.oit-board .oit-group h3{font-size:22px}.oit-board .oit-member-list li{font-size:18px}}
@media(max-width:480px){.oit-board .oit-board-header{flex-wrap:nowrap;gap:8px;padding:10px}.oit-board .oit-board-brand{gap:0;min-width:0}.oit-board .oit-board-emblem,.oit-board .oit-board-header .oit-eyebrow{display:none}.oit-board .oit-board-header h2{font-size:16px}.oit-board .oit-board-actions{width:auto;flex:none;gap:5px}.oit-board .oit-board-actions button{font-size:11px;min-height:44px;padding:7px 9px;flex:none;min-width:0}}
.oit-board .oit-result [data-oit-result-again]:hover{background:#4338ca;color:#fff}
.oit-board .oit-result [data-oit-timer-start]:hover{background:#06685f;color:#fff}

/* The Excel action is always visible beside the names label, even on phones. */
.oit-app .oit-names-heading{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:6px}
.oit-app .oit-names-heading label{margin:0;white-space:nowrap}
.oit-app .oit-import-trigger{flex:none;min-height:44px;padding:8px 12px;background:#087f76;border-color:#087f76;color:#fff;font-size:13px;gap:6px}
.oit-app .oit-import-trigger:hover{background:#06685f;border-color:#06685f;color:#fff}
.oit-app .oit-import-trigger>span{font-size:20px;line-height:1}
.oit-app .oit-import-help{margin:0 0 10px;color:var(--os-muted,#64748b);font-size:11px;line-height:1.8}
.oit-app .oit-import-filename{margin:0 0 8px;font-size:12px;color:#0f766e;overflow-wrap:anywhere}
.oit-app .oit-file-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}
@media(max-width:360px){.oit-app .oit-names-heading{gap:6px}.oit-app .oit-names-heading label{font-size:12px}.oit-app .oit-import-trigger{font-size:12px;padding-inline:9px}}
.oit-app .oit-student-number{font-size:12px;color:#68758c;text-align:center;font-variant-numeric:tabular-nums}
.oit-app .oit-import-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oit-app .oit-import-columns select{max-width:100%;text-overflow:ellipsis}
.oit-app .oit-emoji,.oit-board .oit-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-weight:400;font-style:normal;line-height:1}
.oit-app .oit-emoji{display:inline-block;font-size:1.1em}
.oit-app [aria-busy=true]{cursor:progress}
@media(max-width:600px){.oit-app .oit-import-columns{grid-template-columns:1fr}.oit-app .oit-import-trigger{padding-inline:9px}}
/* Separate input methods, RTL puts manual entry on the right. */
.oit-app .oit-entry-methods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.oit-app .oit-entry-methods>section{min-width:0}
.oit-app .oit-entry-methods h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;line-height:1.6}
.oit-app .oit-entry-help{font-size:12px;line-height:1.8;color:var(--os-muted,#64748b);margin:0 0 12px}
.oit-app .oit-entry-excel{border-inline-start:1px solid var(--oit-line);padding-inline-start:24px}
.oit-app .oit-entry-excel .oit-import-trigger{width:100%;min-height:48px;margin:6px 0 12px;font-size:14px}
.oit-app .oit-entry-excel .oit-import-columns{grid-template-columns:1fr;gap:0}
.oit-app .oit-entry-methods textarea{min-height:174px}
.oit-app .oit-entry-manual .oit-primary{margin-top:12px;min-height:48px!important}
@media(max-width:640px){.oit-app .oit-entry-methods{grid-template-columns:1fr;gap:20px}.oit-app .oit-entry-excel{border-inline-start:0;border-top:1px solid var(--oit-line);padding-inline-start:0;padding-top:18px}}

/* Fit the activity to available space without scaling text or hiding groups. */
.oit-board{padding:12px 16px 18px}
.oit-board .oit-board-header{padding:10px 14px;margin-bottom:8px;border-radius:10px;gap:10px}
.oit-board .oit-board-header h2{font-size:20px}
.oit-board .oit-board-emblem{height:38px;flex-basis:38px;font-size:25px;border-radius:9px}
.oit-board .oit-board-brand{gap:10px}
.oit-board .oit-board-header .oit-eyebrow{font-size:10px}
.oit-board .oit-board-actions button{min-height:44px;padding:7px 12px;font-size:12px}
.oit-board .oit-board-toolbar{gap:8px;top:calc(var(--oit-header-height,64px) + 8px);padding-block:4px}
.oit-board .oit-board-toolbar button{min-height:44px;padding:6px 10px;font-size:13px;gap:7px}
.oit-board .oit-tool-icon{font-size:20px}
.oit-board .oit-board-status{font-size:12px;line-height:1.6;min-height:20px;margin:6px 0}
.oit-board .oit-board-grid{grid-template-columns:repeat(var(--oit-columns,3),minmax(0,1fr));grid-auto-rows:var(--oit-row-height,250px);gap:10px}
.oit-board .oit-group{min-height:0;padding:10px;border-radius:10px;border-top-width:4px}
.oit-board .oit-group h3{font-size:17px;line-height:1.4}
.oit-board .oit-rank{font-size:10px;padding:2px 6px}
.oit-board .oit-group-heading{flex-shrink:0;gap:5px}
.oit-board .oit-score-wrap{flex-shrink:0;padding:5px 0;gap:5px}
.oit-board .oit-score{font-size:36px;line-height:1.1}
.oit-board .oit-score-unit{font-size:11px}
.oit-board .oit-member-list{display:block;min-height:30px;overflow:auto;overscroll-behavior:contain;margin:0 0 8px;padding:5px 8px!important;border-radius:6px}
.oit-board.oit-wide-members .oit-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px 8px}
.oit-board .oit-member-list li{font-size:15px;line-height:1.55;padding:1px 0}
.oit-board .oit-score-actions{flex-shrink:0;gap:6px}
.oit-board .oit-score-actions button{min-height:44px;font-size:27px}
@media(max-width:600px){.oit-board{padding:8px 10px 14px}.oit-board .oit-board-header{padding:8px;margin-bottom:6px}.oit-board .oit-board-header h2{font-size:15px}.oit-board .oit-board-toolbar button{font-size:12px;padding-inline:5px}.oit-board .oit-board-grid{gap:8px}.oit-board .oit-group{padding:8px}.oit-board .oit-group h3{font-size:14px}.oit-board .oit-score{font-size:30px}.oit-board .oit-member-list li{font-size:14px}.oit-board .oit-rank{font-size:9px}.oit-board .oit-board-header .oit-eyebrow,.oit-board .oit-board-emblem{display:none}}