/* Talabi interactive classroom hub */
.talabi-page{padding:34px 0 60px;background:radial-gradient(circle at top right,rgba(24,87,216,.08),transparent 34%),linear-gradient(180deg,#fbfcff,#f6f3ed)}
.talabi-public-hero,.talabi-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(15,23,42,.08);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f6f9ff 58%,#fff5f6 100%);box-shadow:0 18px 55px rgba(15,23,42,.08)}
.talabi-public-hero h1{font-size:clamp(38px,6vw,72px);margin:6px 0 10px;color:#111827}.talabi-public-hero p{max-width:760px;font-size:17px;line-height:1.9;color:#5f6b7c;margin:0}
.talabi-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:10px;min-width:min(420px,100%)}.talabi-hero-stats span{padding:18px 14px;border-radius:20px;background:#fff;border:1px solid #e6ebf2;text-align:center;color:#687386}.talabi-hero-stats b{display:block;font-size:30px;color:#15213a;margin-bottom:4px}
.talabi-tabs{display:flex;gap:10px;overflow:auto;padding:18px 2px 8px;margin:18px 0}.talabi-tabs button{white-space:nowrap;border:1px solid #dfe5ee;background:#fff;border-radius:999px;padding:12px 18px;font-weight:800;color:#44506a;cursor:pointer}.talabi-tabs button.active{background:#15213a;color:#fff;border-color:#15213a;box-shadow:0 8px 22px rgba(21,33,58,.2)}
.talabi-tab-panel{display:none}.talabi-tab-panel.active{display:block}.talabi-control-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid #e7ebf1;border-radius:20px;margin-bottom:14px}.talabi-control-bar label{flex:1;min-width:260px;font-weight:700}.talabi-control-bar select{width:100%;margin-top:7px}
.talabi-question-stage{min-height:520px;background:#fff;border:1px solid #e3e8ef;border-radius:28px;padding:clamp(22px,4vw,46px);box-shadow:0 20px 55px rgba(15,23,42,.08);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.talabi-stage-top{position:absolute;top:22px;right:24px;left:24px;display:flex;justify-content:space-between;align-items:center}.talabi-mode-badge{background:#eef4ff;color:#1857d8;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900}.talabi-timer{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#15213a;color:#fff;font-size:28px;font-weight:900;box-shadow:0 9px 26px rgba(21,33,58,.22)}.talabi-timer.warning{background:#b42318;animation:talabiPulse .8s infinite alternate}@keyframes talabiPulse{to{transform:scale(1.06)}}
.talabi-question-stage h2{text-align:center;font-size:clamp(25px,4vw,44px);line-height:1.55;max-width:1050px;margin:74px auto 26px}.talabi-question-media{text-align:center;margin:80px auto 8px;max-width:720px}.talabi-question-media img{max-width:100%;max-height:420px;border-radius:20px;box-shadow:0 12px 35px rgba(15,23,42,.12)}.talabi-question-media:not([hidden])+h2{margin-top:14px}
.talabi-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1050px;margin:0 auto;width:100%}.talabi-answer-grid button,.talabi-player-options button{border:2px solid #e1e6ed;background:#fbfcfe;border-radius:18px;padding:18px;font-size:18px;font-weight:800;text-align:right;cursor:pointer;transition:.2s}.talabi-answer-grid button:hover,.talabi-player-options button:hover{border-color:#1857d8;transform:translateY(-1px)}.talabi-answer-grid button.selected{border-color:#1857d8;background:#eef4ff}.talabi-answer-grid button.correct,.talabi-player-options button.correct{border-color:#07825c;background:#eafaf4;color:#056647}.talabi-answer-grid button.wrong,.talabi-player-options button.wrong{border-color:#c5362f;background:#fff0ef;color:#9f211c}.talabi-answer-grid button:disabled,.talabi-player-options button:disabled{cursor:default;transform:none;opacity:.94}
.talabi-answer-reveal{max-width:1050px;margin:22px auto 0;width:100%;padding:18px 20px;border-radius:18px;background:#f1f8f5;border:1px solid #bde5d4;color:#095c44;font-weight:800;line-height:1.8}
.talabi-big-empty{padding:70px 20px;font-size:18px}.talabi-lock-again{text-align:center;margin-top:24px}
.talabi-lock-page{min-height:70vh;display:grid;align-items:center}.talabi-lock-card{max-width:620px;margin:20px auto;background:#fff;border:1px solid #e4e8ef;border-radius:30px;padding:42px;text-align:center;box-shadow:0 24px 60px rgba(15,23,42,.1)}.talabi-lock-icon{font-size:64px}.talabi-lock-card h1{font-size:48px;margin:8px}.talabi-lock-card p{color:#677287;line-height:1.8}.talabi-lock-form{text-align:right;margin-top:22px}.talabi-lock-form label{font-weight:800}.talabi-lock-form input{width:100%;margin:8px 0 14px}
.talabi-challenge-setup{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;align-items:stretch}.talabi-player-setup{background:#fff;border:1px solid #e3e8ef;border-radius:22px;padding:20px}.talabi-player-setup>span{display:inline-block;background:#15213a;color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;margin-bottom:12px}.talabi-player-setup label{display:block;font-weight:800}.talabi-player-setup input{width:100%;margin-top:7px}.talabi-player-setup small{display:block;color:#738095;margin-top:9px}.talabi-player-setup small.ok{color:#087f5b;font-weight:800}.talabi-player-setup small.error{color:#b42318;font-weight:800}.talabi-start-challenge{grid-column:1/-1;min-height:54px;font-size:18px}
.talabi-challenge-stage{background:#101a31;border-radius:30px;padding:18px;box-shadow:0 25px 60px rgba(13,22,43,.2)}.talabi-challenge-clock{display:grid;justify-items:center;color:#fff;padding:10px 0 18px}.talabi-challenge-clock b{font-size:54px;line-height:1;margin:5px}.talabi-challenge-clock small{color:#9fb0cf}.talabi-versus-grid{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:10px}.talabi-player-panel{background:#fff;border-radius:24px;padding:20px;min-height:480px;transition:.25s}.talabi-player-panel header{text-align:center;border-bottom:1px solid #e7ebf1;padding-bottom:12px}.talabi-player-panel header span{font-size:12px;color:#68758c;font-weight:800}.talabi-player-panel h3{font-size:25px;margin:5px}.talabi-vs{width:64px;height:64px;border-radius:50%;background:#d41f3a;color:#fff;font-weight:1000;display:grid;place-items:center;font-size:22px;border:5px solid #101a31;z-index:2}.talabi-player-question{text-align:center;font-size:20px;font-weight:900;line-height:1.6;padding:18px 4px}.talabi-player-question img{display:block;max-width:100%;max-height:210px;margin:0 auto 12px;border-radius:14px}.talabi-player-options{display:grid;gap:10px}.talabi-player-options button{font-size:15px;padding:13px}.talabi-player-result{text-align:center;font-weight:900;padding:12px;min-height:44px}.talabi-player-panel.winner{box-shadow:inset 0 0 0 5px #15a474,0 0 0 3px rgba(21,164,116,.2);transform:translateY(-4px)}.talabi-player-panel.loser{opacity:.76}.talabi-winner-banner{margin:15px auto;background:#fff6d7;border:1px solid #f4d96a;color:#704d00;padding:18px;text-align:center;border-radius:18px;font-size:22px;font-weight:1000;max-width:700px}
.talabi-game-card{background:#fff;border:1px solid #e3e8ef;border-radius:30px;padding:clamp(24px,5vw,50px);text-align:center;box-shadow:0 20px 55px rgba(15,23,42,.08)}.talabi-game-card h2{font-size:clamp(34px,5vw,58px);margin:8px}.talabi-game-card>p{max-width:760px;margin:0 auto 24px;color:#68758b;line-height:1.8}.talabi-luck-controls{display:flex;justify-content:center;align-items:end;gap:12px;flex-wrap:wrap}.talabi-luck-controls label{font-weight:800;text-align:right}.talabi-luck-controls input{display:block;margin-top:7px;min-width:220px}.talabi-luck-drum{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:30px auto;background:linear-gradient(145deg,#15213a,#253a68);color:#fff;font-size:58px;font-weight:1000;box-shadow:0 16px 36px rgba(21,33,58,.25)}.talabi-luck-drum.rolling{animation:talabiShake .12s infinite alternate}@keyframes talabiShake{to{transform:rotate(3deg) scale(1.03)}}.talabi-luck-winners{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.talabi-luck-winners span{width:86px;height:86px;border-radius:24px;background:#eafaf4;color:#087f5b;border:1px solid #b6e6d4;display:grid;place-items:center;font-size:30px;font-weight:1000;animation:talabiPop .35s both}@keyframes talabiPop{from{transform:scale(.4);opacity:0}}
.talabi-wheel-wrap{width:min(620px,92vw);aspect-ratio:1;margin:22px auto;position:relative}.talabi-wheel-wrap canvas{width:100%;height:100%;display:block;border-radius:50%;filter:drop-shadow(0 22px 25px rgba(15,23,42,.18));will-change:transform}.talabi-wheel-pointer{position:absolute;z-index:3;top:-11px;left:50%;transform:translateX(-50%);font-size:50px;color:#15213a;line-height:1;text-shadow:0 3px 0 #fff}.talabi-spin-btn{min-width:230px;font-size:18px}.talabi-wheel-result{font-size:23px;font-weight:1000;margin-top:20px;min-height:38px;color:#15213a}
.talabi-books-head{margin-bottom:14px}.talabi-books-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.talabi-book-list{display:grid;gap:10px;align-content:start}.talabi-book-list article{background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:14px}.talabi-book-list article>div:first-child{display:flex;align-items:center;gap:10px}.talabi-book-list article>div:first-child span{background:#feecee;color:#a61931;border-radius:9px;padding:6px;font-size:11px;font-weight:1000}.talabi-book-list strong{font-size:14px}.talabi-book-actions{display:flex;gap:8px;margin-top:12px}.talabi-book-actions button,.talabi-book-actions a{border:1px solid #dce3ec;background:#f8fafc;border-radius:10px;padding:8px 10px;font-weight:800;color:#26354f;text-decoration:none;cursor:pointer}.talabi-pdf-viewer{min-height:650px;background:#fff;border:1px solid #e1e7ef;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column}.talabi-pdf-viewer iframe{border:0;width:100%;min-height:610px;flex:1}.talabi-pdf-placeholder{margin:auto;text-align:center;color:#7a8699}.talabi-pdf-placeholder span{font-size:72px}.talabi-pdf-toolbar{padding:10px 14px;background:#f8fafc;border-top:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.talabi-admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.talabi-admin-nav a{padding:9px 13px;background:#fff;border:1px solid #e0e6ed;border-radius:999px;text-decoration:none;color:#344158;font-weight:800}.talabi-settings-form small{display:block;margin-top:5px}.talabi-wheel-settings{border-top:1px solid #e5e9ef;padding-top:16px}.talabi-seven-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.talabi-admin-section{margin-top:22px}.talabi-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.talabi-option-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.talabi-option-editor label{border:1px solid #e1e7ef;border-radius:14px;padding:10px}.talabi-option-editor label span{display:block;margin-bottom:7px;font-size:12px}.talabi-inline-choices{display:flex;gap:16px;flex-wrap:wrap}.talabi-inline-choices label{padding:10px 16px;border:1px solid #dfe5ed;border-radius:12px}.talabi-image-preview img{max-width:360px;max-height:260px;border-radius:16px;border:1px solid #e1e7ef}.talabi-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.talabi-row-actions form{margin:0}.talabi-book-form{align-content:start}
@media(max-width:980px){.talabi-public-hero,.talabi-admin-hero{align-items:flex-start;flex-direction:column}.talabi-hero-stats{width:100%;min-width:0}.talabi-challenge-setup{grid-template-columns:1fr 1fr}.talabi-challenge-setup>.panel{grid-column:1/-1}.talabi-versus-grid{grid-template-columns:1fr}.talabi-vs{margin:-8px auto}.talabi-books-layout{grid-template-columns:1fr}.talabi-book-list{grid-template-columns:repeat(2,minmax(0,1fr))}.talabi-admin-grid{grid-template-columns:1fr}.talabi-seven-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.talabi-page{padding-top:18px}.talabi-public-hero{padding:22px}.talabi-hero-stats{grid-template-columns:1fr 1fr}.talabi-hero-stats span:last-child{grid-column:1/-1}.talabi-answer-grid{grid-template-columns:1fr}.talabi-question-stage{min-height:500px;padding:20px}.talabi-stage-top{top:15px;right:15px;left:15px}.talabi-timer{width:62px;height:62px;font-size:23px}.talabi-question-stage h2{margin-top:90px}.talabi-question-media{margin-top:90px}.talabi-challenge-setup{grid-template-columns:1fr}.talabi-challenge-setup>.panel{grid-column:auto}.talabi-books-layout{grid-template-columns:1fr}.talabi-book-list{grid-template-columns:1fr}.talabi-pdf-viewer{min-height:520px}.talabi-pdf-viewer iframe{min-height:480px}.talabi-seven-grid,.talabi-option-editor{grid-template-columns:1fr}.talabi-lock-card{padding:28px 20px}.talabi-public-hero h1{font-size:44px}}
.talabi-home-card{display:grid;grid-template-columns:1.25fr .9fr;gap:24px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#101a31,#1d315b);color:#fff;box-shadow:0 20px 50px rgba(16,26,49,.2)}.talabi-home-copy h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.talabi-home-copy p{color:#cfdaee;line-height:1.9;max-width:760px}.talabi-home-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.talabi-home-features span{padding:18px 12px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);text-align:center;font-weight:900}.talabi-home-card .eyebrow{color:#ffd5dc}@media(max-width:800px){.talabi-home-card{grid-template-columns:1fr}.talabi-home-features{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Talabi v2.9.5 — competition reset + group attendance */
.talabi-game-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.talabi-challenge-actions{grid-column:1/-1;margin-top:0}.talabi-challenge-actions .talabi-start-challenge{flex:1;min-width:230px}.talabi-challenge-stage>.talabi-game-actions{margin:16px auto 0}.talabi-luck-controls .btn,.talabi-game-actions .btn{min-width:170px}
.talabi-attendance-card{background:#fff;border:1px solid #e3e8ef;border-radius:28px;padding:clamp(18px,3vw,30px);box-shadow:0 20px 55px rgba(15,23,42,.07)}.talabi-attendance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.talabi-attendance-head h2{font-size:clamp(28px,4vw,42px);margin:5px 0 6px;color:#15213a}.talabi-attendance-head p{margin:0;color:#68758b;line-height:1.8}.talabi-attendance-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid #e6ebf2;margin-bottom:16px}.talabi-attendance-filters label{font-weight:800;color:#26354f}.talabi-attendance-filters select{width:100%;margin-top:7px}.talabi-attendance-table-wrap{border:1px solid #e6ebf2;border-radius:18px;overflow:auto}.talabi-attendance-table{margin:0;min-width:980px}.talabi-attendance-table td,.talabi-attendance-table th{vertical-align:middle}.talabi-attendance-status,.talabi-parent-message{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap}.talabi-attendance-status.status-present{background:#e9f8f2;color:#087f5b}.talabi-attendance-status.status-absent{background:#fff0ef;color:#b42318}.talabi-attendance-status.status-late{background:#fff7df;color:#9a6700}.talabi-attendance-status.status-excused{background:#eef4ff;color:#1857d8}.talabi-attendance-status.status-unmarked{background:#f1f3f6;color:#5f6b7c}.talabi-parent-message.message-sent{background:#e9f8f2;color:#087f5b}.talabi-parent-message.message-manual{background:#eef4ff;color:#1857d8}.talabi-parent-message.message-failed{background:#fff0ef;color:#b42318}.talabi-parent-message.message-pending{background:#f1f3f6;color:#5f6b7c}
@media(max-width:900px){.talabi-attendance-filters{grid-template-columns:1fr 1fr}.talabi-attendance-head{flex-direction:column}.talabi-attendance-head .status{align-self:flex-start}}
@media(max-width:600px){.talabi-attendance-filters{grid-template-columns:1fr}.talabi-game-actions .btn,.talabi-luck-controls .btn{width:100%;min-width:0}.talabi-challenge-actions .talabi-start-challenge{min-width:0}}

/* Talabi v2.9.5 — attendance taking inside Talabi and public mirrored roster */
.talabi-attendance-admin-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:16px;margin:16px 0 18px;border:1px solid #dfe6ef;border-radius:20px;background:#f8fafc}.talabi-attendance-admin-selector label{font-weight:900;color:#26354f}.talabi-attendance-admin-selector select,.talabi-attendance-admin-selector input{width:100%;margin-top:7px}.talabi-attendance-session-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.talabi-attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #e3e8ef;border-radius:18px 18px 0 0;background:#fff}.talabi-attendance-toolbar>div:first-child{display:grid;gap:3px}.talabi-attendance-toolbar small{color:#68758b}.talabi-attendance-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.talabi-admin-attendance-table{border:1px solid #e3e8ef;border-top:0;border-radius:0 0 18px 18px;overflow:auto}.talabi-admin-attendance-table table{margin:0;min-width:720px}.talabi-present-toggle{display:inline-flex;align-items:center;cursor:pointer}.talabi-present-toggle input{position:absolute;opacity:0;pointer-events:none}.talabi-present-toggle span{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:9px 14px;border-radius:999px;background:#f1f3f6;color:#5f6b7c;border:1px solid #dfe5ed;font-weight:1000;transition:.18s}.talabi-present-toggle input:checked+span{background:#e9f8f2;color:#087f5b;border-color:#83d2b6;box-shadow:0 0 0 3px rgba(8,127,91,.08)}.talabi-attendance-finalize{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px;border-radius:18px;background:#fff7df;border:1px solid #f0d98c}.talabi-attendance-finalize>div{display:grid;gap:4px}.talabi-attendance-finalize span{color:#755b16}.talabi-attendance-history{margin-top:26px;padding-top:22px;border-top:1px dashed #d8e0ea}.talabi-attendance-guide{margin-top:14px}.talabi-attendance-filter-actions{display:flex;gap:8px;align-items:center}.talabi-attendance-filter-actions .btn{white-space:nowrap}
@media(max-width:900px){.talabi-attendance-admin-selector{grid-template-columns:1fr 1fr}.talabi-attendance-toolbar,.talabi-attendance-finalize{align-items:stretch;flex-direction:column}.talabi-attendance-finalize .btn{width:100%}.talabi-attendance-filter-actions{grid-column:1/-1}.talabi-attendance-filter-actions .btn{flex:1}}
@media(max-width:600px){.talabi-attendance-admin-selector{grid-template-columns:1fr}.talabi-attendance-filter-actions{grid-column:auto;flex-direction:column}.talabi-attendance-filter-actions .btn,.talabi-attendance-toolbar-actions .btn{width:100%}.talabi-attendance-toolbar-actions{display:grid;grid-template-columns:1fr}.talabi-present-toggle span{min-width:82px}}

/* Talabi v2.9.7 — live attendance eligibility, roster search and parent contact */
.talabi-eligibility-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#eef8f4;border:1px solid #ccebdd;color:#116149;font-weight:800;font-size:13px}
.talabi-attendance-searchbar{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px 14px;background:#f8fafc;border-inline:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef}.talabi-attendance-searchbar label{flex:1;font-weight:900;color:#26354f}.talabi-attendance-searchbar input{width:100%;margin-top:7px;min-height:44px}.talabi-parent-contact-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.talabi-parent-contact-actions .btn{min-width:74px;justify-content:center}.talabi-admin-attendance-table tr[hidden]{display:none!important}
@media(max-width:760px){.talabi-attendance-searchbar{align-items:stretch;flex-direction:column}.talabi-parent-contact-actions{min-width:170px}}