@font-face{font-family:'Thmanyah Sans';src:url('../fonts/thmanyahsans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('../fonts/thmanyahsans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('../fonts/thmanyahsans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('../fonts/thmanyahsans-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('../fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --fa-navy:#2A3C90;
  --fa-blue:#3D6FAF;
  --fa-blue-2:#5091CD;
  --fa-sky:#E2ECF8;
  --fa-mist:#EDF3F7;
  --fa-slate:#647887;
  --fa-ink:#172631;
  --fa-line:#D7E2E9;
  --fa-white:#FFFFFF;
  --fa-success:#0C6A46;
  --fa-warning:#A86F1A;
  --fa-danger:#A54444;
  --fa-shadow:0 18px 50px rgba(23,60,87,.10);
  --radius:24px;
  --radius-sm:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#F8FBFD 0%,#F2F6F9 100%);color:var(--fa-ink);font-family:'Thmanyah Sans','Tahoma','Arial',sans-serif;direction:rtl;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--fa-slate)}
.small{font-size:.88rem}
.mini{font-size:.78rem}
.text-danger{color:var(--fa-danger)}
.text-success{color:var(--fa-success)}
.container{width:min(1220px,calc(100% - 32px));margin:auto}
.page{padding:28px 0 60px}

.topbar{position:sticky;top:0;z-index:30;background:rgba(248,251,253,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,226,233,.8)}
.topbar-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:14px;font-weight:800}
.brand-mark{min-width:54px;height:44px;padding:0 9px;border-radius:15px;background:linear-gradient(145deg,var(--fa-navy),var(--fa-blue-2));display:grid;place-items:center;color:white;box-shadow:0 10px 24px rgba(23,60,87,.22);font-weight:900}
.brand-text strong{display:block;font-size:1.02rem}
.brand-text span{display:block;color:var(--fa-slate);font-size:.77rem;font-weight:500;margin-top:2px}
.nav-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.btn{border:0;border-radius:14px;padding:11px 16px;background:var(--fa-navy);color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;box-shadow:0 8px 20px rgba(23,60,87,.12)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.btn.secondary{background:var(--fa-white);color:var(--fa-navy);border:1px solid var(--fa-line);box-shadow:none}
.btn.soft{background:var(--fa-mist);color:var(--fa-navy);box-shadow:none}
.btn.danger{background:var(--fa-danger)}
.btn.success{background:var(--fa-success)}
.btn.warning{background:var(--fa-warning)}
.btn.ghost{background:transparent;color:var(--fa-navy);box-shadow:none}
.btn.small{padding:8px 11px;border-radius:11px;font-size:.84rem}
.btn.icon{width:42px;height:42px;padding:0}

.hero{padding:52px 0 30px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}
.hero-card,.panel,.stat,.question-card,.login-card{background:rgba(255,255,255,.94);border:1px solid rgba(215,226,233,.92);border-radius:var(--radius);box-shadow:var(--fa-shadow)}
.hero-card{padding:44px;position:relative;overflow:hidden;min-height:390px;display:flex;flex-direction:column;justify-content:center}
.hero-card:before{content:'';position:absolute;left:-90px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--fa-sky),transparent 68%);opacity:.95}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--fa-mist);color:var(--fa-blue);padding:8px 12px;border-radius:999px;width:max-content;font-weight:700;font-size:.86rem;border:1px solid var(--fa-line)}
h1,h2,h3,p{margin-top:0}
h1{font-family:'Thmanyah Serif Display','Thmanyah Sans',sans-serif;font-size:clamp(2.4rem,5vw,5.15rem);line-height:.97;letter-spacing:-.03em;margin:22px 0 18px;color:var(--fa-navy)}
.hero-card p{font-size:1.15rem;line-height:1.9;color:var(--fa-slate);max-width:720px;position:relative;z-index:1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;margin-top:8px}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.feature-card{border-radius:var(--radius);padding:28px;color:white;background:linear-gradient(145deg,var(--fa-navy),var(--fa-blue));display:flex;flex-direction:column;justify-content:space-between;min-height:180px;box-shadow:var(--fa-shadow)}
.feature-card.light{background:linear-gradient(145deg,#F2F7FA,#E1ECF3);color:var(--fa-navy);border:1px solid var(--fa-line)}
.feature-icon{font-size:1.8rem}
.feature-card h3{font-size:1.4rem;margin-bottom:8px}
.feature-card p{margin:0;line-height:1.7;opacity:.82}

.grid{display:grid;gap:18px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.panel{padding:24px}
.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.panel-header h2,.panel-header h3{margin:0;color:var(--fa-navy)}
.panel-header p{margin:4px 0 0;color:var(--fa-slate)}

.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:10px 0 26px}
.dashboard-header h1{font-family:'Thmanyah Sans';font-size:2.2rem;line-height:1.2;margin:0 0 8px}
.dashboard-header p{color:var(--fa-slate);margin:0}
.header-actions{display:flex;gap:10px;flex-wrap:wrap}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat{padding:20px;box-shadow:0 10px 30px rgba(23,60,87,.06)}
.stat-label{font-size:.86rem;color:var(--fa-slate);margin-bottom:6px}
.stat-value{font-size:2rem;font-weight:900;color:var(--fa-navy);line-height:1}
.stat-meta{font-size:.8rem;color:var(--fa-slate);margin-top:8px}

.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.input,.select,.textarea{width:100%;border:1px solid var(--fa-line);border-radius:14px;background:white;color:var(--fa-ink);padding:12px 14px;outline:none;transition:.15s ease}
.input:focus,.select:focus,.textarea:focus{border-color:var(--fa-blue-2);box-shadow:0 0 0 4px rgba(66,127,167,.1)}
.textarea{min-height:110px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:7px;color:var(--fa-navy)}
.field.full{grid-column:1/-1}

.table-wrap{width:100%;overflow:auto;border:1px solid var(--fa-line);border-radius:17px}
table{width:100%;border-collapse:collapse;min-width:760px;background:white}
th,td{padding:13px 14px;text-align:right;border-bottom:1px solid var(--fa-line);vertical-align:middle}
th{font-size:.78rem;color:var(--fa-slate);background:#F7FAFC;position:sticky;top:0}
tr:last-child td{border-bottom:0}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}

.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--fa-mist);color:var(--fa-navy);border:1px solid var(--fa-line)}
.badge.live{background:#E8F5F0;color:var(--fa-success);border-color:#CBE8DE}
.badge.closed{background:#EEF1F3;color:#66747C}
.badge.draft{background:#FFF5E6;color:var(--fa-warning);border-color:#F4E1C1}
.badge.kicked{background:#FBEAEA;color:var(--fa-danger);border-color:#F1CFCF}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor}

.tabs{display:flex;gap:8px;background:var(--fa-mist);padding:5px;border-radius:15px;width:max-content;max-width:100%;overflow:auto}
.tab{border:0;background:transparent;color:var(--fa-slate);padding:9px 14px;border-radius:11px;white-space:nowrap}
.tab.active{background:white;color:var(--fa-navy);font-weight:800;box-shadow:0 5px 16px rgba(23,60,87,.08)}

.progress{height:10px;background:#E8EEF2;border-radius:999px;overflow:hidden}
.progress > span{display:block;height:100%;background:linear-gradient(90deg,var(--fa-blue-2),var(--fa-navy));border-radius:999px;transition:width .3s ease}
.metric-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}

.session-card{border:1px solid var(--fa-line);border-radius:19px;padding:18px;background:white;transition:.18s ease}
.session-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(23,60,87,.08)}
.session-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.session-code{font-size:1.4rem;font-weight:900;letter-spacing:.08em;color:var(--fa-blue)}
.session-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}

.question-card{padding:30px;max-width:900px;margin:22px auto}
.question-phase{margin-bottom:12px}
.question-title{font-size:1.75rem;color:var(--fa-navy);line-height:1.5;margin-bottom:20px}
.options{display:grid;gap:11px}
.option{border:1px solid var(--fa-line);border-radius:16px;background:white;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:.15s ease;cursor:pointer}
.option:hover{border-color:var(--fa-blue-2);background:#F8FBFD}
.option.selected{border-color:var(--fa-blue);background:var(--fa-mist);box-shadow:0 0 0 3px rgba(46,102,141,.08)}
.option-key{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--fa-mist);color:var(--fa-navy);font-weight:900;flex:0 0 auto}
.option.selected .option-key{background:var(--fa-navy);color:white}

.join-shell,.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.join-card,.login-card{width:min(650px,100%);padding:32px}
.join-title{text-align:center;margin-bottom:24px}
.join-title h1{font-family:'Thmanyah Sans';font-size:2.15rem;margin:10px 0}
.name-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:420px;overflow:auto;margin-top:15px;padding:3px}
.name-item{border:1px solid var(--fa-line);background:white;border-radius:14px;padding:13px 14px;text-align:right;color:var(--fa-navy);font-weight:700}
.name-item:hover{background:var(--fa-mist);border-color:var(--fa-blue-2)}
.waiting{display:grid;place-items:center;text-align:center;min-height:70vh;padding:30px}
.waiting-orb{width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,var(--fa-sky),var(--fa-blue-2));box-shadow:0 0 0 14px rgba(66,127,167,.08);margin-bottom:24px;animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 22px rgba(66,127,167,.04)}}

.display-page{min-height:100vh;background:linear-gradient(135deg,#1D2B73,#2A3C90 58%,#5091CD);color:white;padding:34px}
.display-shell{width:min(1400px,100%);margin:auto}
.display-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.display-brand{font-size:1.1rem;font-weight:800;opacity:.9}
.display-code{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:14px;font-weight:900;letter-spacing:.08em}
.display-card{background:rgba(255,255,255,.96);color:var(--fa-ink);border-radius:32px;padding:44px;box-shadow:0 26px 80px rgba(0,0,0,.22);min-height:66vh}
.display-card h1{font-family:'Thmanyah Sans';font-size:clamp(2.2rem,4vw,4.7rem);line-height:1.25;margin:16px 0;color:var(--fa-navy)}
.result-bars{display:grid;gap:15px;margin-top:28px}
.result-row{display:grid;grid-template-columns:minmax(140px,1fr) 4fr 70px;align-items:center;gap:14px}
.result-bar{height:24px;border-radius:999px;background:#E8EEF2;overflow:hidden}
.result-bar span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--fa-blue-2),var(--fa-navy));transition:width .5s ease}
.qr-box{background:white;padding:12px;border-radius:20px;display:inline-grid;place-items:center;min-width:180px;min-height:180px}

.modal-backdrop{position:fixed;inset:0;background:rgba(15,32,45,.45);backdrop-filter:blur(5px);display:none;place-items:center;z-index:100;padding:22px}
.modal-backdrop.open{display:grid}
.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:white;border-radius:24px;border:1px solid var(--fa-line);box-shadow:0 25px 70px rgba(11,31,45,.25);padding:24px}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
.modal-header h3{margin:0;color:var(--fa-navy);font-size:1.35rem}
.modal-footer{display:flex;justify-content:flex-start;gap:10px;margin-top:20px;flex-wrap:wrap}
.close-x{border:0;background:var(--fa-mist);width:38px;height:38px;border-radius:12px;color:var(--fa-navy);font-size:1.2rem}

.toast-zone{position:fixed;left:22px;bottom:22px;z-index:200;display:grid;gap:9px}
.toast{background:#153B56;color:white;padding:12px 15px;border-radius:13px;box-shadow:0 14px 35px rgba(0,0,0,.18);min-width:260px;animation:toastIn .2s ease}
.toast.error{background:var(--fa-danger)}
.toast.success{background:var(--fa-success)}
@keyframes toastIn{from{transform:translateY(8px);opacity:0}}

.empty{text-align:center;padding:42px 20px;border:1px dashed var(--fa-line);border-radius:18px;color:var(--fa-slate);background:#FBFDFE}
.kpi-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.kpi-box{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:18px;padding:20px;text-align:center}
.kpi-box strong{font-size:2.25rem;color:var(--fa-navy);display:block}
.kpi-arrow{font-size:1.5rem;color:var(--fa-blue)}
.leaderboard{display:grid;gap:10px}
.leader-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--fa-line);border-radius:15px;background:white}
.rank{width:36px;height:36px;border-radius:12px;background:var(--fa-mist);display:grid;place-items:center;font-weight:900;color:var(--fa-navy)}

.footer-note{text-align:center;color:var(--fa-slate);font-size:.8rem;padding:25px}

@media (max-width:980px){
  .hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.stats{grid-template-columns:repeat(2,1fr)}.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .container{width:min(100% - 20px,1220px)}.topbar-inner{height:auto;min-height:68px;padding:10px 0}.brand-text span{display:none}.nav-actions .hide-mobile{display:none}.page{padding-top:16px}.hero{padding-top:22px}.hero-card{padding:28px;min-height:340px}.hero-side{grid-template-columns:1fr}.stats,.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1}.panel{padding:17px}.name-list{grid-template-columns:1fr}.question-card{padding:21px;margin:12px auto}.question-title{font-size:1.4rem}.display-page{padding:16px}.display-top{align-items:flex-start}.display-card{padding:24px;min-height:70vh}.result-row{grid-template-columns:1fr 55px}.result-row .result-bar{grid-column:1/-1;grid-row:2}.kpi-compare{grid-template-columns:1fr}.kpi-arrow{transform:rotate(90deg)}
}

.brand-mark{letter-spacing:-.05em;font-size:.82rem}.owner-note{font-size:.78rem;color:var(--fa-slate);margin-top:10px}

/* Tests / assessments */
.tests-grid{display:grid;gap:14px}.test-card{border:1px solid var(--border);border-radius:18px;padding:18px;background:#fff}.test-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.test-card-head h3{margin:0 0 5px;font-size:1.18rem;color:var(--fa-navy)}.test-question-list{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.test-question-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border-radius:13px;background:var(--fa-mist)}.empty.compact{padding:12px}.test-progress-head{display:grid;gap:9px;margin-bottom:18px}.test-progress-head .progress{height:7px}.test-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.test-nav .btn{flex:1}.btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:820px){.test-card-head,.test-question-row{flex-direction:column;align-items:stretch}.test-card-head .row-actions,.test-question-row .row-actions{width:100%}}

/* v3 live facilitation */
.display-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.display-option{display:flex;gap:16px;align-items:center;padding:22px 24px;border:1px solid var(--fa-line);background:#fff;border-radius:18px;font-size:1.25rem;min-height:82px}
.live-progress{margin-top:9px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.remaining-names{margin-top:7px;font-size:.82rem;color:var(--fa-muted);line-height:1.7}
.quick-help{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:14px;padding:12px 14px;margin-top:10px;line-height:1.8}
@media(max-width:760px){.display-options{grid-template-columns:1fr}.display-option{font-size:1.05rem;padding:17px}}


/* presenter mode v4 */
.presenter-session-select{min-width:220px}.presenter-host{padding-top:18px}.presenter-statusbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;background:#fff;border:1px solid var(--fa-line);border-radius:18px;padding:14px 18px}.presenter-statusbar>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.presenter-live-stats{font-size:.92rem}.presenter-live-stats span{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:12px;padding:8px 11px}.presenter-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.presenter-side{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.presenter-control-stack{display:grid;gap:9px}.presenter-control-stack>.btn{width:100%}.presenter-nav-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.presenter-divider{height:1px;background:var(--fa-line);margin:20px 0}.panel-header.compact{margin-bottom:10px}.question-nav-list{display:grid;gap:7px}.question-nav-item{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:right;border:1px solid var(--fa-line);background:#fff;border-radius:13px;padding:9px;color:var(--fa-ink)}.question-nav-item>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--fa-mist);font-weight:900;color:var(--fa-navy)}.question-nav-item strong{font-size:.88rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-nav-item small{display:block;color:var(--fa-slate);margin-top:2px}.question-nav-item.active{border-color:var(--fa-blue);background:var(--fa-mist)}.presenter-main{display:grid;gap:18px}.presenter-current{min-height:330px}.presenter-empty-current{text-align:center;padding:45px 20px}.presenter-empty-current h2{font-size:2rem;color:var(--fa-navy);margin:14px 0 8px}.host-big-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.presenter-question-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.presenter-question-head h2{font-size:2rem;color:var(--fa-navy);line-height:1.45;margin:13px 0 0}.presenter-answer-ring{min-width:110px;height:110px;border-radius:50%;background:var(--fa-mist);border:1px solid var(--fa-line);display:grid;place-items:center;text-align:center;align-content:center}.presenter-answer-ring strong{font-size:1.75rem;color:var(--fa-navy)}.presenter-answer-ring span{font-size:.8rem;color:var(--fa-slate)}.presenter-progress{margin:18px 0}.host-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.host-option{display:flex;align-items:center;gap:12px;border:1px solid var(--fa-line);padding:13px;border-radius:14px;background:#fff}.presenter-meta-row,.host-open-settings{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.presenter-secondary{align-items:start}.participant-mini-list,.response-moderation-list{display:grid;gap:8px;max-height:460px;overflow:auto}.participant-mini-row,.response-moderation-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px;border:1px solid var(--fa-line);border-radius:13px;background:#fff}.participant-mini-row small{display:block;color:var(--fa-slate);margin-top:3px}.response-moderation-row p{margin:5px 0 0;line-height:1.55}.response-moderation-row.is-hidden{opacity:.5}.response-moderation-row.is-pinned{border-color:var(--fa-blue);background:var(--fa-mist)}
.display-lobby{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;min-height:56vh}.display-lobby-copy>p{font-size:1.25rem;color:var(--fa-slate)}.display-participant-total{display:flex;align-items:center;gap:14px;margin:26px 0}.display-participant-total strong{font-size:4rem;color:var(--fa-navy);line-height:1}.display-participant-total span{font-size:1.15rem;color:var(--fa-slate)}.display-lobby-qr{text-align:center}.display-pin{font-size:1.7rem;font-weight:900;letter-spacing:.12em;color:var(--fa-navy);margin-top:12px}.display-name-cloud{display:flex;gap:8px;flex-wrap:wrap}.display-name-cloud span{padding:8px 11px;background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:999px}.display-question-meta,.display-live-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.display-q-count{font-size:1rem;font-weight:900;color:var(--fa-slate)}.display-answer-count{font-size:1.08rem;color:var(--fa-slate)}.display-timer{font-size:1.2rem;font-weight:900;color:var(--fa-navy);background:var(--fa-mist);border-radius:12px;padding:8px 12px}.display-progress{margin:15px 0 8px}.display-result-bars .result-row.is-correct{background:#e8f5f0;border-radius:14px;padding:8px}.display-result-bars .result-row.is-correct .result-bar span{background:var(--fa-success)}.open-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.open-card{position:relative;background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:18px;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.open-card.pinned{border:2px solid var(--fa-blue)}.open-card p{font-size:1.18rem;line-height:1.65;margin:0}.open-card small{margin-top:12px;color:var(--fa-slate);font-weight:700}.pin-mark{position:absolute;left:12px;top:10px}.display-waiting-answer{text-align:center;color:var(--fa-slate);font-size:1.3rem;padding:70px 20px}.display-explanation{margin-top:26px;background:var(--fa-mist);border-right:5px solid var(--fa-blue);padding:16px 20px;border-radius:14px}.display-explanation p{margin:5px 0 0;line-height:1.7}.podium-list{max-width:900px;margin:25px auto 0}.podium-list .leader-row{font-size:1.2rem;padding:16px 18px}.podium-list .top-1{border:2px solid var(--fa-navy)}.display-error{display:grid;place-items:center;min-height:55vh;font-size:1.4rem;color:var(--fa-slate)}
@media(max-width:1050px){.presenter-layout{grid-template-columns:1fr}.presenter-side{position:static;max-height:none}.presenter-secondary{grid-template-columns:1fr}.open-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.presenter-statusbar{align-items:flex-start;flex-direction:column}.presenter-question-head{flex-direction:column}.presenter-answer-ring{width:90px;height:90px;min-width:90px}.host-options-grid,.open-wall{grid-template-columns:1fr}.display-lobby{grid-template-columns:1fr;text-align:center}.display-lobby-copy .eyebrow{margin:auto}.display-participant-total,.display-name-cloud{justify-content:center}.display-lobby-qr{order:-1}.display-lobby-qr .qr-box{min-width:150px;min-height:150px}}

/* Multi-type question interactions */
.activity-config-box{padding:16px;border:1px solid var(--fa-line,#dfe3ee);border-radius:16px;background:var(--fa-mist,#f7f8fc)}
.rating-wrap{margin-top:18px}.rating-scale{display:flex;gap:10px;flex-wrap:wrap}.rating-choice{min-width:52px;height:52px;border-radius:14px;border:1px solid var(--fa-line,#dfe3ee);background:#fff;font-weight:800;cursor:pointer}.rating-choice.selected{background:var(--fa-navy,#2A3C90);color:#fff;border-color:var(--fa-navy,#2A3C90)}.rating-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--fa-muted,#697386)}
.ranking-list,.matching-list{display:grid;gap:10px;margin-top:14px}.ranking-item,.matching-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--fa-line,#dfe3ee);border-radius:14px;background:#fff}.matching-row{grid-template-columns:minmax(120px,1fr) minmax(160px,1.4fr)}.rank-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--fa-mist,#f2f4f8);font-weight:800}
.xy-input{display:grid;gap:20px;margin-top:16px}.xy-input label{display:grid;gap:8px}.xy-input input[type=range]{width:100%}.pin-image-wrap,.pin-display-wrap{position:relative;display:inline-block;max-width:100%;margin:12px auto}.pin-image-wrap img,.pin-display-wrap img{display:block;max-width:100%;max-height:520px;border-radius:16px}.pin-marker,.pin-display-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#d22730;border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.25);transform:translate(-50%,-50%);pointer-events:none}.pin-display-dot{width:14px;height:14px;background:var(--fa-navy,#2A3C90)}
.display-rating-scale{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}.display-rating-scale span{display:grid;place-items:center;width:74px;height:74px;border-radius:20px;background:var(--fa-mist,#f2f4f8);font-size:1.5rem;font-weight:900}.word-cloud-live{min-height:320px;display:flex;align-content:center;justify-content:center;align-items:center;gap:18px 26px;flex-wrap:wrap;padding:30px}.word-cloud-live span{font-weight:900;color:var(--fa-navy,#2A3C90)}
.xy-display{max-width:700px;margin:28px auto;text-align:center}.xy-board{height:390px;position:relative;border-left:3px solid var(--fa-navy,#2A3C90);border-bottom:3px solid var(--fa-navy,#2A3C90);background:linear-gradient(to right,rgba(42,60,144,.06) 1px,transparent 1px),linear-gradient(to top,rgba(42,60,144,.06) 1px,transparent 1px);background-size:10% 10%}.xy-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--fa-navy,#2A3C90);transform:translate(-50%,50%);opacity:.72}.xy-x-label,.xy-y-label{font-weight:800;margin:8px}.pin-display-wrap{display:block;width:max-content;max-width:90%;margin:26px auto}.participant-score-value{font-size:3rem;font-weight:900;color:var(--fa-navy,#2A3C90);margin:8px 0}.test-score-card{box-shadow:none;margin-top:18px;text-align:center}
@media(max-width:600px){.matching-row{grid-template-columns:1fr}.rating-choice{min-width:46px;height:46px}.xy-board{height:280px}}

/* UX update: collapsible tests, direct image upload, drag/drop interactions */
.test-card-title-wrap{display:flex;align-items:flex-start;gap:12px;min-width:0}.test-collapse-btn{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--fa-line,#dfe3ee);border-radius:10px;background:#fff;cursor:pointer;font-size:20px;font-weight:800;line-height:1;display:grid;place-items:center}.test-collapse-btn:hover{background:var(--fa-mist,#f2f4f8)}.test-card.is-collapsed{padding-bottom:14px}.pin-upload-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.pin-admin-preview{margin-top:12px;padding:8px;border:1px solid var(--fa-line,#dfe3ee);border-radius:14px;background:#fff}.pin-admin-preview img{display:block;max-width:100%;max-height:320px;margin:auto;border-radius:10px}.interaction-hint{margin:8px 0 10px}.ranking-item{grid-template-columns:auto auto 1fr auto;cursor:grab}.ranking-item.dragging{opacity:.5}.ranking-item.drag-over{outline:2px dashed #64748b;outline-offset:2px}.drag-handle{font-size:18px;color:#7b8498;user-select:none}.matching-bank{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.matching-chip{border:1px solid var(--fa-line,#dfe3ee);background:#fff;padding:9px 12px;border-radius:999px;cursor:grab;font:inherit}.matching-chip.selected{outline:2px solid #64748b}.matching-row{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(150px,1.2fr)}.matching-dropzone{min-height:42px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border:1px dashed #b7bfce;border-radius:10px;background:#f8fafc;color:#667085;cursor:pointer}.matching-dropzone.has-value{border-style:solid;color:inherit;background:#fff}.matching-dropzone.drag-over{outline:2px solid #64748b}.hidden{display:none!important}@media(max-width:720px){.pin-upload-controls{grid-template-columns:1fr}.matching-row{grid-template-columns:1fr}.ranking-item{grid-template-columns:auto auto 1fr}.ranking-item .row-actions{grid-column:1/-1;justify-content:flex-end}}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.project-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;gap:16px}.project-card h3{margin:5px 0 4px}.project-card p{margin:0}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.standalone-project-card{background:var(--fa-mist)}.session-group{margin-bottom:18px}.session-group:last-child{margin-bottom:0}.session-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;padding:0 2px}

/* Simple Arabic landing page */
.simple-landing-page{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(80,145,205,.13),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(29,43,115,.08),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,#f4f8fb 100%);
  color:var(--fa-ink);
}
.simple-landing-shell{
  min-height:100vh;
  width:min(100% - 32px,980px);
  margin:auto;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:center;
  padding:34px 0 22px;
}
.simple-landing-card{
  width:min(760px,100%);
  margin:auto;
  text-align:center;
  padding:clamp(38px,7vw,72px) clamp(24px,6vw,64px);
  border:1px solid rgba(36,79,110,.10);
  border-radius:34px;
  background:rgba(255,255,255,.86);
  box-shadow:0 30px 80px rgba(23,60,87,.09);
  backdrop-filter:blur(12px);
  position:relative;
  overflow:hidden;
}
.simple-landing-card:before{
  content:"";
  position:absolute;
  width:220px;height:220px;
  border-radius:50%;
  background:rgba(80,145,205,.07);
  top:-125px;left:-80px;
}
.simple-landing-mark{
  width:78px;height:78px;
  margin:0 auto 30px;
  border-radius:24px;
  background:linear-gradient(145deg,var(--fa-navy),var(--fa-blue-2));
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:6px;
  padding:20px;
  box-shadow:0 14px 30px rgba(29,43,115,.18);
  transform:rotate(-2deg);
}
.simple-landing-mark span{
  width:9px;
  border-radius:999px;
  background:white;
  opacity:.96;
}
.simple-landing-mark span:nth-child(1){height:21px}
.simple-landing-mark span:nth-child(2){height:38px}
.simple-landing-mark span:nth-child(3){height:29px}
.simple-landing-kicker{
  display:inline-block;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--fa-blue);
  margin-bottom:12px;
}
.simple-landing-copy h1{
  font-family:'Thmanyah Sans',sans-serif;
  font-size:clamp(2.35rem,6vw,4.5rem);
  line-height:1.12;
  letter-spacing:-.035em;
  color:var(--fa-navy);
  margin:0 0 18px;
}
.simple-landing-copy p{
  max-width:610px;
  margin:0 auto;
  font-size:clamp(1rem,2vw,1.15rem);
  line-height:1.9;
  color:var(--fa-slate);
}
.simple-landing-actions{
  display:grid;
  justify-items:center;
  gap:16px;
  margin-top:34px;
}
.simple-landing-primary{
  min-width:220px;
  padding:14px 28px;
  border-radius:16px;
  font-size:1rem;
  box-shadow:0 12px 28px rgba(29,43,115,.16);
}
.simple-landing-trainer{
  color:var(--fa-slate);
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
  padding:5px 8px;
}
.simple-landing-trainer:hover{color:var(--fa-navy)}
.simple-landing-footer{
  text-align:center;
  color:var(--fa-slate);
  opacity:.72;
  font-size:.78rem;
  padding-top:22px;
}
@media(max-width:600px){
  .simple-landing-shell{width:min(100% - 20px,980px);padding-top:18px}
  .simple-landing-card{border-radius:26px;padding:42px 22px}
  .simple-landing-mark{width:68px;height:68px;border-radius:21px;padding:17px;margin-bottom:24px}
  .simple-landing-primary{width:100%;min-width:0}
}

/* Trainer live participant tracking */
.participation-modal{max-width:760px;max-height:88vh;overflow:auto}
.participation-summary{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin:4px 0 14px}
.participation-kpi{border:1px solid var(--border);background:var(--fa-mist);border-radius:14px;padding:12px;display:grid;gap:4px}
.participation-kpi span{font-size:.78rem;color:var(--fa-muted)}
.participation-kpi strong{font-size:1.35rem;color:var(--fa-navy)}
.participation-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.participation-filter{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer;color:var(--fa-navy)}
.participation-filter.active{background:var(--fa-navy);color:#fff;border-color:var(--fa-navy)}
.participation-people{display:grid;gap:8px}
.participation-person{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:#fff}
.participant-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--fa-mist);font-weight:900;color:var(--fa-navy);flex:0 0 34px}
.participation-person-main{display:grid;gap:2px;min-width:0;flex:1}
.participation-person-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.participation-summary{grid-template-columns:repeat(2,1fr)}.participation-person{align-items:flex-start}.participation-person .badge{margin-inline-start:auto}}

/* Reports v2 — simplified reporting */
.report-page{padding-bottom:60px}.report-header{align-items:flex-end}.report-header .eyebrow{margin-bottom:8px}.report-header-actions{min-width:min(100%,520px)}.report-header-actions .select{min-width:260px;flex:1}.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.report-stat{padding:18px}.report-stat .stat-value{font-size:1.75rem}.report-stat-accent{background:linear-gradient(145deg,#fff,var(--fa-mist));border-color:rgba(42,60,144,.2)}.report-tabs{display:flex;gap:7px;overflow:auto;padding:6px;background:#fff;border:1px solid var(--fa-line);border-radius:17px;margin-bottom:18px;position:sticky;top:78px;z-index:12;box-shadow:0 8px 24px rgba(23,60,87,.05)}.report-tab{border:0;background:transparent;color:var(--fa-slate);font:inherit;font-weight:800;padding:10px 15px;border-radius:12px;white-space:nowrap;cursor:pointer}.report-tab.active{background:var(--fa-navy);color:#fff}.tab-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(127,143,164,.12);font-size:.75rem;margin-inline-start:5px}.report-tab.active .tab-count{background:rgba(255,255,255,.18)}.report-view{display:none}.report-view.active{display:block}.report-overview-grid{align-items:stretch}.knowledge-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:12px}.knowledge-node{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:18px;padding:22px;text-align:center}.knowledge-node span{display:block;color:var(--fa-slate);font-size:.85rem}.knowledge-node strong{display:block;font-size:2.25rem;color:var(--fa-navy);margin-top:4px}.knowledge-arrow{font-size:1.8rem;color:var(--fa-blue)}.knowledge-gain{text-align:center;margin-top:15px;padding:10px;border-radius:12px;background:#fff;border:1px dashed var(--fa-line);font-weight:800;color:var(--fa-slate)}.report-breakdown{display:grid;gap:17px;margin-top:6px}.breakdown-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,2fr) 48px;gap:12px;align-items:center}.breakdown-row>div:first-child strong,.breakdown-row>div:first-child span{display:block}.breakdown-row>div:first-child span{color:var(--fa-slate);font-size:.78rem;margin-top:2px}.breakdown-track{height:10px;background:var(--fa-mist);border-radius:999px;overflow:hidden}.breakdown-track span{display:block;height:100%;border-radius:inherit;background:var(--fa-blue)}.breakdown-track span.success{background:#37a37f}.breakdown-track span.warning{background:#d79a39}.breakdown-track span.muted{background:#aeb9c6}.breakdown-row b{text-align:left;color:var(--fa-navy)}.report-mini-list{display:grid;gap:9px}.report-mini-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid var(--fa-line);background:#fff;border-radius:14px;padding:12px 13px}.report-mini-row strong,.report-mini-row span{display:block}.report-mini-row>div:first-child span{font-size:.78rem;color:var(--fa-slate);margin-top:3px}.mini-metrics{display:flex;gap:12px;color:var(--fa-slate);font-size:.78rem;white-space:nowrap}.mini-metrics b{color:var(--fa-navy);font-size:.92rem}.participation-pill{min-width:58px;text-align:center;padding:7px 9px;border-radius:10px;background:var(--fa-mist);font-weight:900;color:var(--fa-navy)}.participation-pill.is-zero{background:#fff2f0;color:#a64c42}.success-empty{color:#237b5c}.report-card-list{display:grid;gap:11px}.report-test-card{border:1px solid var(--fa-line);border-radius:16px;background:#fff;padding:15px}.report-test-main{display:flex;justify-content:space-between;gap:18px;align-items:center}.report-test-main h3{margin:6px 0 3px;color:var(--fa-navy)}.report-test-main p{margin:0;color:var(--fa-slate);font-size:.82rem}.report-badges{display:flex;gap:6px;flex-wrap:wrap}.report-test-metrics{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px}.report-test-metrics>div{background:var(--fa-mist);border-radius:12px;padding:9px 11px;text-align:center}.report-test-metrics span{display:block;color:var(--fa-slate);font-size:.72rem}.report-test-metrics strong{font-size:1.05rem;color:var(--fa-navy)}.report-progress{margin-top:12px;height:7px}.report-filter-header{align-items:flex-end}.report-filters{display:flex;gap:8px;flex-wrap:wrap}.report-filters .select,.report-filters .input{min-width:190px}.report-table th{white-space:nowrap}.report-table td{vertical-align:middle}.cell-progress{display:flex;align-items:center;gap:9px;min-width:130px}.cell-progress>span{font-weight:900;min-width:38px}.cell-progress .progress{height:7px;flex:1}.cell-progress .progress i{display:block;height:100%;background:var(--fa-blue);border-radius:inherit}.text-success{color:#237b5c}.text-danger{color:#a64c42}
@media(max-width:1050px){.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-test-main{align-items:flex-start;flex-direction:column}.report-test-metrics{width:100%}}
@media(max-width:700px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stat-accent{grid-column:1/-1}.report-tabs{top:66px}.report-header-actions{width:100%;min-width:0}.report-header-actions .select,.report-header-actions .btn{width:100%}.knowledge-compare{grid-template-columns:1fr}.knowledge-arrow{transform:rotate(90deg);text-align:center}.breakdown-row{grid-template-columns:1fr 54px}.breakdown-track{grid-column:1/-1;grid-row:2}.report-mini-row{align-items:flex-start}.mini-metrics{flex-direction:column;gap:3px}.report-test-metrics{grid-template-columns:repeat(2,1fr)}.report-filter-header{align-items:stretch}.report-filters,.report-filters .select,.report-filters .input{width:100%;min-width:0}}

/* V4: admin access, materials library */
.simple-landing-secondary-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.simple-landing-admin{color:var(--fa-blue-2);font-weight:800;text-decoration:none;padding:9px 13px;border-radius:10px;background:var(--fa-mist)}
.materials-admin-list{display:grid;gap:10px}.material-admin-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.material-admin-main{display:flex;gap:12px;align-items:center;min-width:0}.material-doc-badge,.material-file-icon{min-width:52px;height:52px;border-radius:12px;background:var(--fa-mist);color:var(--fa-blue-2);font-weight:900;display:grid;place-items:center;font-size:.78rem}.materials-public-grid{display:grid;gap:14px}.material-public-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.material-public-copy{flex:1;min-width:0}.material-public-copy h3{margin:0 0 5px}.material-public-copy p{margin:0 0 8px;color:var(--muted)}.material-public-actions{display:flex;gap:8px;flex-wrap:wrap}.materials-public-page .panel{max-width:950px;margin:auto}@media(max-width:700px){.material-admin-row,.material-public-card{align-items:flex-start;flex-direction:column}.material-public-actions,.material-admin-row .row-actions{width:100%}.material-public-actions .btn{flex:1;text-align:center}}

/* V5: project materials + matching learning summary */
.material-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.matching-inline-summary{margin-top:7px;font-size:.8rem;color:var(--fa-slate);background:var(--fa-mist);border-radius:9px;padding:7px 9px;display:inline-block}
.matching-live-summary{margin:14px 0 4px;padding:14px 16px;border:1px solid rgba(42,60,144,.16);border-radius:14px;background:linear-gradient(145deg,#fff,var(--fa-mist));display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.matching-live-summary strong{color:var(--fa-navy)}
.matching-live-summary span{color:var(--fa-slate);font-size:.85rem}

/* Participant answer audit + Excel exports */
.participant-report-modal{width:min(1120px,100%);max-height:92vh}
.participant-audit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.participant-audit-kpis>div{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:14px;padding:12px 14px;text-align:center}
.participant-audit-kpis span{display:block;color:var(--fa-slate);font-size:.76rem}.participant-audit-kpis strong{display:block;color:var(--fa-navy);font-size:1.25rem;margin-top:3px}
.participant-test-audit{border-top:1px solid var(--fa-line);padding-top:18px;margin-top:18px}.participant-test-audit:first-of-type{border-top:0;padding-top:0}
.participant-test-audit-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.participant-test-audit-title>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.participant-test-audit-title h3{margin:0;color:var(--fa-navy)}.participant-test-audit-title>span{color:var(--fa-slate);font-size:.82rem}
.participant-answer-card{border:1px solid var(--fa-line);background:#fff;border-radius:16px;padding:15px;margin-top:10px}.participant-answer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.participant-answer-head h4{font-size:1rem;color:var(--fa-ink);margin:4px 0 0}.participant-answer-score{min-width:125px;text-align:left}.participant-answer-score strong{display:block;color:var(--fa-navy);font-size:.85rem;margin-top:6px;white-space:nowrap}
.answer-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:900;white-space:nowrap}.answer-ok{background:#E3F4EC;color:#0C6A46}.answer-partial{background:#FFF0D7;color:#946113}.answer-wrong{background:#FBE6E4;color:#A54444}.answer-missing{background:#EFF2F4;color:#6D7D88}.answer-neutral{background:#E8EFF8;color:#365D90}
.answer-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.answer-compare>div{background:var(--fa-mist);border-radius:12px;padding:11px 13px;border:1px solid var(--fa-line)}.answer-compare span{display:block;color:var(--fa-slate);font-size:.72rem;font-weight:800;margin-bottom:5px}.answer-compare p{margin:0;line-height:1.7;font-size:.88rem}.answer-meta{margin-top:9px}
.matching-audit{margin-top:13px}.matching-audit-summary{display:flex;justify-content:space-between;align-items:center;background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.matching-audit-summary strong{color:var(--fa-navy)}.matching-audit-summary span{font-weight:900;color:var(--fa-blue)}
.matching-audit-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr .7fr;border:1px solid var(--fa-line);border-radius:12px;overflow:hidden}.matching-audit-grid>div{padding:9px 10px;border-bottom:1px solid var(--fa-line);background:#fff;font-size:.82rem}.matching-audit-grid>div:nth-last-child(-n+4){border-bottom:0}.matching-audit-head{background:var(--fa-navy)!important;color:#fff;font-weight:900}.matching-audit-grid>div:nth-child(4n+1),.matching-audit-grid>div:nth-child(4n+2),.matching-audit-grid>div:nth-child(4n+3){border-left:1px solid var(--fa-line)}
@media(max-width:760px){.participant-audit-kpis{grid-template-columns:repeat(2,1fr)}.participant-answer-head{flex-direction:column}.participant-answer-score{text-align:right;min-width:0}.answer-compare{grid-template-columns:1fr}.matching-audit-grid{grid-template-columns:1fr 1fr}.matching-audit-grid>div{border-left:0!important}.matching-audit-head:nth-of-type(3),.matching-audit-head:nth-of-type(4){display:none}.matching-audit-grid>div:nth-child(n+5){font-size:.78rem}}

/* V7: Investment allocation question */
.investment-allocation{display:grid;gap:14px}
.investment-budget-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.investment-budget-card>div{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:14px;padding:11px 12px;text-align:center}
.investment-budget-card span{display:block;color:var(--fa-slate);font-size:.72rem;margin-bottom:3px}.investment-budget-card strong{display:block;color:var(--fa-navy);font-size:1rem}
.investment-progress{height:9px}.investment-projects{display:grid;gap:10px}
.investment-project-row{border:1px solid var(--fa-line);border-radius:15px;background:#fff;padding:13px}
.investment-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.investment-project-head strong{color:var(--fa-navy)}.investment-project-head span{font-weight:900;color:var(--fa-blue);white-space:nowrap}
.investment-amount{direction:ltr;text-align:right;font-weight:800}.investment-quick-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.investment-quick-actions .btn{flex:1;min-width:90px}
.investment-host-options .host-option{min-height:70px}.investment-live-summary{margin:14px 0 4px;padding:15px;border:1px solid rgba(42,60,144,.16);border-radius:15px;background:linear-gradient(145deg,#fff,var(--fa-mist));display:grid;gap:13px}
.investment-summary-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.investment-summary-kpis>div{background:#fff;border:1px solid var(--fa-line);border-radius:12px;padding:10px 12px}.investment-summary-kpis span{display:block;color:var(--fa-slate);font-size:.75rem}.investment-summary-kpis strong{display:block;color:var(--fa-navy);font-size:1.15rem;margin-top:2px}.investment-summary-kpis small{display:block;color:var(--fa-slate);font-size:.72rem;margin-top:2px}
.investment-result-bars{display:grid;gap:10px}.investment-result-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.investment-result-row span{color:var(--fa-slate);font-size:.8rem}
.investment-display-options{margin-bottom:12px}.investment-display-results{display:grid;gap:18px}.investment-display-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.investment-display-kpis>div{background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:18px;padding:18px;text-align:center}.investment-display-kpis strong{display:block;font-size:1.8rem;color:var(--fa-navy)}.investment-display-kpis span{display:block;color:var(--fa-slate);margin-top:4px}
.investment-audit{margin-top:13px}.investment-audit-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--fa-mist);border:1px solid var(--fa-line);border-radius:12px;padding:10px 12px}.investment-audit-summary strong{color:var(--fa-navy)}.investment-audit-summary span{color:var(--fa-slate);font-size:.82rem}.investment-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.investment-audit-grid>div{border:1px solid var(--fa-line);border-radius:12px;padding:10px;background:#fff}.investment-audit-grid strong,.investment-audit-grid span{display:block}.investment-audit-grid span{font-size:.8rem;color:var(--fa-slate);margin:3px 0 7px}.investment-audit-grid .progress{height:6px}.investment-audit-grid .progress i{display:block;height:100%;background:var(--fa-blue);border-radius:inherit}
@media(max-width:700px){.investment-budget-card{grid-template-columns:1fr}.investment-project-head{align-items:flex-start;flex-direction:column}.investment-quick-actions .btn{min-width:calc(50% - 4px)}.investment-summary-kpis,.investment-display-kpis,.investment-audit-grid{grid-template-columns:1fr}}


/* V10.1 - Live investment column chart */
.investment-column-caption{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:var(--fa-navy);font-weight:900;font-size:1rem;margin-top:2px}.investment-column-caption span{color:var(--fa-slate);font-weight:700;font-size:.78rem}.investment-column-caption.compact{justify-content:flex-start;margin-top:2px}
.investment-column-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;align-items:end;min-height:315px;padding:10px 4px 0;border-bottom:2px solid var(--fa-line)}
.investment-column-item{min-width:0;display:grid;grid-template-rows:auto 220px auto;gap:8px;align-items:end;text-align:center}.investment-column-value{min-height:54px;display:grid;align-content:end;gap:2px}.investment-column-value strong{display:block;color:var(--fa-navy);font-size:1.05rem;line-height:1.25}.investment-column-value strong small{font-size:.68rem;color:var(--fa-slate)}.investment-column-value span{font-weight:900;color:var(--fa-blue);font-size:.92rem}
.investment-column-track{height:220px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,rgba(42,60,144,.055),transparent);border-radius:18px 18px 0 0;overflow:hidden;position:relative}.investment-column-track::after{content:"";position:absolute;right:0;left:0;bottom:25%;border-top:1px dashed rgba(95,113,128,.16);box-shadow:0 -55px 0 rgba(95,113,128,.10),0 -110px 0 rgba(95,113,128,.08)}
.investment-column-bar{position:relative;z-index:1;width:min(92px,70%);min-height:0;border-radius:16px 16px 3px 3px;background:linear-gradient(180deg,var(--fa-blue),var(--fa-navy));transition:height .45s ease;box-shadow:0 10px 24px rgba(42,60,144,.16)}
.investment-column-label{min-height:45px;font-weight:900;color:var(--fa-ink);font-size:.92rem;line-height:1.35;display:flex;align-items:flex-start;justify-content:center}.investment-live-note{text-align:center;color:var(--fa-slate);font-weight:800;margin-top:8px}
.presenter-investment-columns{min-height:250px;gap:10px}.presenter-investment-columns .investment-column-item{grid-template-rows:auto 155px auto}.presenter-investment-columns .investment-column-track{height:155px}.presenter-investment-columns .investment-column-bar{width:min(70px,70%)}.presenter-investment-columns .investment-column-value strong{font-size:.86rem}.presenter-investment-columns .investment-column-label{font-size:.78rem;min-height:38px}
@media(max-width:900px){.investment-column-chart{grid-template-columns:repeat(2,minmax(130px,1fr));min-height:auto;border-bottom:0}.investment-column-item{grid-template-rows:auto 170px auto}.investment-column-track{height:170px;border-bottom:2px solid var(--fa-line)}}
@media(max-width:560px){.investment-column-chart{gap:10px}.investment-column-item{grid-template-rows:auto 135px auto}.investment-column-track{height:135px}.investment-column-bar{width:min(58px,68%)}.investment-column-value strong{font-size:.83rem}.investment-column-label{font-size:.76rem}}
.investment-display-kpis>div.is-live-preview,.investment-summary-kpis>div.is-live-preview{border-color:rgba(48,145,105,.35);box-shadow:0 0 0 3px rgba(48,145,105,.06) inset;background:linear-gradient(180deg,rgba(235,249,242,.9),#fff)}
.investment-display-kpis small{display:block;color:var(--fa-slate);font-size:.72rem;margin-top:4px}.investment-live-status-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--fa-slate);font-size:.82rem;font-weight:800}.investment-live-status-line.compact{justify-content:flex-start;margin-top:4px}.investment-live-status-line .badge.live{color:#17704e;background:#ebf8f2;border-color:#c7eadb}

/* V12: project/day navigation + clearer participation reporting */
.session-navigator-panel{margin:0 0 18px;padding:14px 16px;border:1px solid var(--fa-line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--fa-mist));box-shadow:0 8px 24px rgba(23,60,87,.04)}
.session-navigator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}.session-navigator-head>div{display:grid;gap:2px}.session-navigator-head strong{color:var(--fa-navy);font-size:1.05rem}.compact-select{width:auto;min-width:220px;max-width:360px}
.session-day-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.session-day-pill{min-width:150px;max-width:245px;text-align:right;border:1px solid var(--fa-line);background:#fff;border-radius:14px;padding:9px 12px;font:inherit;color:var(--fa-ink);cursor:pointer;transition:.16s ease;display:grid;gap:2px}.session-day-pill:hover{border-color:rgba(42,60,144,.35);transform:translateY(-1px)}.session-day-pill span{font-size:.72rem;color:var(--fa-slate);font-weight:800}.session-day-pill strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-day-pill.active{background:var(--fa-navy);color:#fff;border-color:var(--fa-navy);box-shadow:0 8px 18px rgba(42,60,144,.15)}.session-day-pill.active span,.session-day-pill.active strong{color:#fff}
.trainer-session-navigator{margin-top:-4px}.report-participation-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:920px;margin-inline:auto}
.participation-state{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:900;white-space:nowrap}.participation-state.complete{background:#e3f4ec;color:#0c6a46}.participation-state.partial{background:#fff0d7;color:#946113}.participation-state.none{background:#fbe6e4;color:#a54444}.participation-state.no_required{background:#eff2f4;color:#687987}.participation-master-table tbody tr:has(.participation-state.none){background:rgba(251,230,228,.18)}.participation-master-table td:nth-child(3) strong{color:var(--fa-navy);font-size:1rem}
#material-scope-note{line-height:1.5}
@media(max-width:800px){.session-navigator-head{align-items:stretch;flex-direction:column}.compact-select{width:100%;max-width:none}.session-day-pill{min-width:135px}.report-participation-summary,.learning-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-summary-grid .report-stat-accent{grid-column:1/-1}}