/* BUILD 14D-STUDENT-WORKSPACE-20260819-0555 */
/* ============================================================================
   NAUKA IKRE 13G3 — 4.4.50 VISUAL SYSTEM
   ----------------------------------------------------------------------------
   Cilj: prenijeti vizuelni jezik NAUKA_IKRE_4_4_50_FINAL na sadašnju
   13G2 aplikaciju BEZ promjene API-ja, baze, Batch pipeline-a i logike.

   Izvorni dizajn 4.4.50:
   - papir + plavo hemijsko mastilo
   - Bebas Neue: naslovni elementi
   - Bricolage Grotesque: sadržajni naslovi
   - Public Sans: UI/tekst
   - JetBrains Mono: brojevi/status/metapodaci
   ============================================================================ */

:root{
  --paper:#F2F4F8;
  --sheet:#FFFFFF;
  --ink-4450:#101322;
  --ink-2-4450:#3D4560;
  --ink-3-4450:#78829E;
  --rule-4450:#DDE3ED;
  --rule-2-4450:#C6CFDF;
  --pen:#2547D0;
  --pen-dark:#1B37A8;
  --pen-soft:#E7ECFD;
  --pen-line:#B9C6F7;
  --tick:#17795E;
  --tick-soft:#DCF2EA;
  --mark:#D2401E;
  --mark-soft:#FCE7E1;
  --pencil:#B4771F;
  --pencil-soft:#FBF0DA;
  --disp:"Bricolage Grotesque",system-ui,sans-serif;
  --ui:"Public Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --brand:"Bebas Neue",Impact,"Arial Narrow",sans-serif;

  /* mapiranje aktuelnih 13G varijabli na 4.4.50 sistem */
  --bg:var(--paper);
  --surface:var(--sheet);
  --surface-soft:#F7F9FC;
  --ink:var(--ink-4450);
  --text:var(--ink-2-4450);
  --muted:var(--ink-3-4450);
  --muted-2:#98A1B5;
  --line:var(--rule-4450);
  --line-strong:var(--rule-2-4450);
  --blue:var(--pen);
  --blue-2:var(--pen-dark);
  --blue-soft:var(--pen-soft);
  --green:var(--tick);
  --green-soft:var(--tick-soft);
  --amber:var(--pencil);
  --amber-soft:var(--pencil-soft);
  --danger:var(--mark);
  --danger-soft:var(--mark-soft);
  --purple:#7352C7;
  --purple-soft:#EEE9FB;
  --cyan:#247E99;
  --cyan-soft:#E7F3F6;

  --shadow:0 1px 2px rgba(16,19,34,.05);
  --radius:16px;
  --sidebar:236px;
  --brand-size:34px;
  --ease:160ms cubic-bezier(.2,.75,.2,1);
}

html{background:var(--paper);-webkit-text-size-adjust:100%}
body{
  font-family:var(--ui)!important;
  font-size:15px;
  line-height:1.55;
  color:var(--ink-2-4450);
  background:var(--paper);
  overscroll-behavior-y:none;
}
button,input,select,textarea{font-family:var(--ui)}
:focus-visible{outline:2px solid var(--pen);outline-offset:2px}

/* --------------------------------------------------------------------------
   TIPOGRAFIJA
   -------------------------------------------------------------------------- */
.page-title,
.login-card h2,
.book-batch-page-title-13f,
.results-page-title-13d,
.exam-page-title-13c{
  font-family:var(--brand)!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  color:var(--ink-4450)!important;
}

.page-title{font-size:clamp(2rem,4vw,2.7rem)!important;line-height:1.04!important}
.page-sub{font-size:.925rem!important;color:var(--ink-3-4450)!important;margin-top:7px!important}

.panel-title,
.panel h2,
.panel h3,
.book-title,
.choice-card h3,
.module-placeholder h2,
.empty h2,
.lesson-detail-title,
.question-generator h2,
.question-validation-panel h2,
.quiz-question-card h2,
.quiz-result-hero h2,
.exam-question-card-13c h2,
.results-panel-head-13d h2,
.study-plan-panel-13e h2,
.book-fact-review-head-13g1 h2,
.book-batch-card-13f h2{
  font-family:var(--disp)!important;
  letter-spacing:-.018em!important;
}

.info-kicker,
.nav-label,
.stat-label,
.book-subject,
.question-field-label,
.question-control-field>span,
.question-engine-selector label,
.question-mini-stat span,
.book-batch-kicker-13f,
.book-batch-section-kicker-13f,
.book-fact-kicker-13g1,
.results-kicker-13d,
.exam-kicker-13c,
.study-plan-kicker-13e{
  font-family:var(--mono)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.stat-value,
.block-breakdown-number,
.lesson-seq,
.question-mini-stat strong,
.question-review-number,
.quiz-result-ring strong,
.results-score-ring-13d strong,
.exam-result-ring-13c strong,
.book-batch-number-13f,
.book-fact-stat-13g1 strong{
  font-family:var(--mono)!important;
  font-variant-numeric:tabular-nums;
}

/* --------------------------------------------------------------------------
   ŠKOLJKA / SIDEBAR / NAVIGACIJA
   -------------------------------------------------------------------------- */
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr)!important}
.sidebar{
  width:var(--sidebar)!important;
  background:var(--sheet)!important;
  border-right:1px solid var(--rule-4450)!important;
  box-shadow:none!important;
}
.sidebar-head{
  min-height:82px!important;
  padding:22px 18px 16px!important;
  align-items:center!important;
  border-bottom:1px solid var(--rule-4450)!important;
}
.sidebar-head .brand{--brand-size:30px!important}
.brand-nauka{font-family:var(--brand)!important;color:var(--ink-4450)!important}
.brand-ikre{font-family:var(--brand)!important;color:var(--pen)!important}

.nav{padding:14px 10px 22px!important;gap:2px!important}
.nav-label{
  margin:16px 10px 7px!important;
  font-size:.625rem!important;
  color:var(--ink-3-4450)!important;
}
.nav-item{
  min-height:42px!important;
  padding:0 10px!important;
  gap:11px!important;
  border-radius:6px!important;
  font-size:.9rem!important;
  font-weight:500!important;
  color:var(--ink-2-4450)!important;
}
.nav-item:hover{background:var(--paper)!important;color:var(--ink-4450)!important}
.nav-item.is-active{background:var(--pen-soft)!important;color:var(--pen-dark)!important;font-weight:600!important}
.nav-icon,.nav-icon svg{width:18px!important;height:18px!important;flex-basis:18px!important}
.sidebar-user{padding:12px 10px!important;border-top:1px solid var(--rule-4450)!important}
.avatar{width:32px!important;height:32px!important;flex-basis:32px!important;font-family:var(--mono)!important;font-size:.64rem!important}
.user-name{font-size:.78rem!important}
.user-role{font-size:.66rem!important}
.logout-btn{width:34px!important;height:34px!important;border-radius:6px!important}

.workspace{background:var(--paper)}
.main{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:clamp(22px,3vw,32px) clamp(18px,3vw,32px) 72px!important;
}
.page-head{margin-bottom:24px!important;gap:16px!important}

/* --------------------------------------------------------------------------
   OSNOVNE KOMPONENTE
   -------------------------------------------------------------------------- */
.panel,
.stat-card,
.book-card,
.choice-card,
.upload-card,
.source-audit,
.asset-card,
.question-review-card-12d,
.quiz-question-card,
.quiz-result-item,
.results-score-card-13d,
.results-metric-card-13d,
.results-progress-card-13d,
.exam-result-hero-13c,
.study-plan-panel-13e,
.book-batch-panel-13f,
.book-fact-review-13g1{
  background:var(--sheet)!important;
  border-color:var(--rule-4450)!important;
  box-shadow:0 1px 2px rgba(16,19,34,.05)!important;
}

.panel{border-radius:16px!important}
.panel-head{
  padding:15px 20px!important;
  min-height:54px!important;
  border-bottom:1px solid var(--rule-4450)!important;
}
.panel-title{font-size:1rem!important;font-weight:600!important;color:var(--ink-4450)!important}
.panel-meta{font-size:.75rem!important;color:var(--ink-3-4450)!important}

.dashboard-grid,
.question-stats,
.quiz-top-stats,
.material-stats{
  gap:10px!important;
  margin-bottom:18px!important;
}
.stat-card{
  min-height:118px!important;
  padding:18px 20px!important;
  border-radius:12px!important;
}
.stat-value{font-size:2rem!important;line-height:1!important;font-weight:600!important}
.stat-label{font-size:.66rem!important;color:var(--ink-3-4450)!important;margin-top:12px!important}

.layout-grid{gap:14px!important}
.empty{padding:36px 24px!important}
.empty-icon{background:var(--pen-soft)!important;color:var(--pen)!important}
.empty h2{font-size:1.1rem!important}
.empty p{font-size:.85rem!important;color:var(--ink-3-4450)!important;max-width:58ch}

/* --------------------------------------------------------------------------
   DUGMAD, INPUTI, SELECTI
   -------------------------------------------------------------------------- */
.action-btn,
.primary-btn,
.secondary-btn,
.book-import-btn,
.book-link,
.question-generate-btn,
.question-validate-btn,
.quiz-start-btn,
.quiz-active-banner button,
.quiz-feedback button,
.quiz-result-actions button,
.exam-result-actions-13c button,
.results-panel-head-13d>button,
.book-fact-review-nav-13g1 button,
.book-batch-actions-13f button{
  border-radius:6px!important;
  min-height:40px!important;
  font-size:.875rem!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.action-btn,.primary-btn,.question-generate-btn,.quiz-start-btn{
  background:var(--pen)!important;
  border-color:var(--pen)!important;
  color:#fff!important;
}
.action-btn:hover,.primary-btn:hover,.question-generate-btn:hover,.quiz-start-btn:hover{background:var(--pen-dark)!important}
.secondary-btn,.book-import-btn,.book-link{
  background:var(--sheet)!important;
  color:var(--ink-2-4450)!important;
  border:1px solid var(--rule-2-4450)!important;
}
.secondary-btn:hover,.book-import-btn:hover,.book-link:hover{background:var(--paper)!important;color:var(--ink-4450)!important}

.field input,
.form-field input,
.form-field select,
.lesson-book-filter select,
.question-engine-selector select,
.question-control-field select,
.quiz-builder-controls select,
input[type="text"],input[type="number"],input[type="password"],input[type="email"],
select,textarea{
  border-color:var(--rule-2-4450)!important;
  border-radius:6px!important;
  background-color:var(--sheet)!important;
  color:var(--ink-4450)!important;
  box-shadow:none!important;
}
select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:36px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2378829E' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 11px center!important;
}
.field input:focus,.form-field input:focus,.form-field select:focus,.lesson-book-filter select:focus,
.question-engine-selector select:focus,.question-control-field select:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--pen)!important;
  box-shadow:0 0 0 3px var(--pen-soft)!important;
}

/* --------------------------------------------------------------------------
   UDŽBENICI / LEKCIJE / IZVOR
   -------------------------------------------------------------------------- */
.book-grid{gap:12px!important}
.book-card{border-radius:16px!important;padding:18px 18px 16px!important}
.book-card::before{width:3px!important;background:var(--pen)!important}
.book-subject{font-size:.65rem!important;color:var(--ink-3-4450)!important}
.book-title{font-size:1rem!important;line-height:1.35!important;color:var(--ink-4450)!important}
.book-meta,.book-pages{font-size:.75rem!important;color:var(--ink-3-4450)!important}
.badge{font-family:var(--mono)!important;font-size:.66rem!important;border-radius:99px!important}

.lesson-table{border-radius:16px!important;border:1px solid var(--rule-4450)!important}
.lesson-table-head{padding:13px 18px!important;border-bottom:2px solid var(--ink-4450)!important}
.lesson-row{min-height:58px!important;padding:12px 18px!important;border-bottom:1px solid var(--rule-4450)!important}
.lesson-row:hover{background:#F8FAFD!important}
.lesson-seq{font-size:.68rem!important;color:var(--pen)!important}
.lesson-title{font-size:.9rem!important;font-weight:600!important;color:var(--ink-4450)!important}
.lesson-pages{font-family:var(--mono)!important;font-size:.7rem!important;color:var(--ink-3-4450)!important}
.lesson-count{font-family:var(--mono)!important;border-radius:99px!important}

.source-audit{border-radius:16px!important}
.source-audit-head{border-bottom:1px solid var(--rule-4450)!important}
.source-block{
  border:1px solid var(--rule-4450)!important;
  border-left:3px solid var(--rule-2-4450)!important;
  border-radius:10px!important;
  background:var(--sheet)!important;
  padding:13px 15px!important;
}
.source-block-blue{border-left-color:var(--pen)!important}
.source-block-amber{border-left-color:var(--pencil)!important}
.source-block-purple{border-left-color:var(--purple)!important}
.source-block-meta{font-family:var(--mono)!important;font-size:.62rem!important;color:var(--ink-3-4450)!important}
.source-block-text{font-size:.88rem!important;line-height:1.58!important;color:var(--ink-2-4450)!important}

/* --------------------------------------------------------------------------
   MATERIJALI
   -------------------------------------------------------------------------- */
.asset-grid{gap:12px!important}
.asset-card{border-radius:16px!important;overflow:hidden!important}
.asset-card-body{padding:14px!important}
.asset-caption{font-family:var(--disp)!important;font-size:.92rem!important;line-height:1.35!important;color:var(--ink-4450)!important}
.asset-meta-row,.asset-lesson{font-family:var(--mono)!important;font-size:.65rem!important;color:var(--ink-3-4450)!important}

/* --------------------------------------------------------------------------
   FACT WORKSPACE / LJUDSKA KONTROLA
   -------------------------------------------------------------------------- */
.fact-review-panel,
.existing-fact,
.fact-generation-panel,
.fact-validation-panel{
  border-radius:16px!important;
  border-color:var(--rule-4450)!important;
  box-shadow:0 1px 2px rgba(16,19,34,.05)!important;
}
.fact-review-summary>div{border-radius:10px!important;background:var(--paper)!important;border-color:var(--rule-4450)!important}
.fact-review-summary strong{font-family:var(--mono)!important}
.fact-review-summary span{font-family:var(--mono)!important;font-size:.64rem!important;color:var(--ink-3-4450)!important}
.fact-review-btn{border-radius:6px!important;font-size:.84rem!important;min-height:38px!important}
.fact-review-btn.is-accept,.fact-review-btn.is-save{background:var(--tick)!important;color:#fff!important}
.fact-review-btn.is-reject{background:var(--mark-soft)!important;color:var(--mark)!important}

/* 13G1 — pregled činjenica cijele knjige */
.book-fact-review-13g1{border-radius:16px!important}
.book-fact-review-head-13g1{padding:18px 20px 16px!important;border-bottom:1px solid var(--rule-4450)!important}
.book-fact-review-head-13g1 h2{font-size:1.18rem!important}
.book-fact-review-head-13g1 p{font-size:.8rem!important;color:var(--ink-3-4450)!important}
.book-fact-evidence-13g1{
  border:1px solid var(--rule-4450)!important;
  border-left:2px solid var(--pen-line)!important;
  border-radius:0 6px 6px 0!important;
  background:var(--paper)!important;
  padding:10px 12px!important;
}
.book-fact-evidence-13g1 p{font-size:.82rem!important;line-height:1.55!important;color:var(--ink-2-4450)!important}
.book-fact-evidence-13g1>div{font-family:var(--mono)!important;font-size:.62rem!important}

/* --------------------------------------------------------------------------
   PITANJA 12B / 12C / 12D
   -------------------------------------------------------------------------- */
.question-generator,
.question-validation-panel{
  overflow:hidden!important;
  border-radius:16px!important;
}
.question-generator-head,.question-validation-head{padding:18px 20px 16px!important;border-bottom:1px solid var(--rule-4450)!important}
.question-generator-head h2,.question-validation-head h2{font-size:1.3rem!important;margin-top:5px!important}
.question-generator-head p,.question-validation-head p{font-size:.8rem!important;line-height:1.55!important;color:var(--ink-3-4450)!important}
.question-generator-body,.question-validation-body{padding:18px 20px 20px!important}
.question-mode-switch{gap:10px!important}
.question-mode-card,
.question-mode-btn{
  border-radius:10px!important;
  border-color:var(--rule-2-4450)!important;
  background:var(--sheet)!important;
  box-shadow:none!important;
}
.question-mode-card.is-active,.question-mode-btn.is-active{border-color:var(--pen)!important;background:var(--pen-soft)!important;color:var(--pen-dark)!important}
.question-control-field>span,.question-field-label,.question-engine-selector label{font-size:.64rem!important;color:var(--ink-3-4450)!important}
.question-control-field select,.question-engine-selector select{min-height:44px!important;font-size:.88rem!important;font-weight:600!important}
.question-combination-badge{border-radius:6px!important;background:var(--pen-soft)!important;color:var(--pen-dark)!important;border:1px solid var(--pen-line)!important}
.question-generator-safety span{border-radius:99px!important;background:var(--tick-soft)!important;color:var(--tick)!important;border-color:#B9DDCF!important;font-size:.68rem!important}
.question-generate-btn,.question-validate-btn{min-height:48px!important;font-size:.95rem!important}
.question-mini-stat{border-radius:10px!important;background:var(--paper)!important;border-color:var(--rule-4450)!important}
.question-mini-stat strong{font-size:1.45rem!important}
.question-mini-stat span{font-size:.59rem!important;color:var(--ink-3-4450)!important}

/* 12D kartice — vizuelno blizu starog qcard sistema */
.question-review-card-12d{
  position:relative!important;
  border-radius:16px!important;
  padding:18px 20px!important;
  background:var(--sheet)!important;
  border:1px solid var(--rule-4450)!important;
  box-shadow:0 1px 2px rgba(16,19,34,.05)!important;
}
.question-review-card-12d::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  border-radius:16px 0 0 16px;
  background:var(--pencil);
}
.question-review-card-12d.is-human-accepted::before{background:var(--tick)}
.question-review-card-12d.is-human-rejected::before{background:var(--mark)}
.question-review-card-12d.has-anti-cue-warning::before,.question-review-card-12d.has-distractor-warning::before,.question-review-card-12d.has-cognitive-warning::before{background:var(--pencil)}
.question-review-card-12d.has-anti-cue-fail::before{background:var(--mark)}
.question-review-card-12d.is-human-accepted{background:#FBFFFD!important;border-color:#CFE7DE!important}
.question-review-card-12d.is-human-rejected{background:#FFFDFC!important;border-color:#F0D4CE!important}

.question-options-preview{gap:8px!important}
.question-option-preview{
  min-height:44px!important;
  padding:9px 11px!important;
  border-radius:6px!important;
  border:1px solid var(--rule-4450)!important;
  background:var(--paper)!important;
  color:var(--ink-2-4450)!important;
}
.question-option-preview>span{
  width:24px!important;height:24px!important;
  border-radius:50%!important;
  border:1.5px solid var(--rule-2-4450)!important;
  background:var(--sheet)!important;
  font-family:var(--mono)!important;
  font-size:.68rem!important;
}
.question-option-preview strong{font-size:.86rem!important;line-height:1.4!important;font-weight:500!important}
.question-option-preview.is-proposed-correct,
.question-option-preview.is-validator-correct{background:var(--tick-soft)!important;border-color:#B5DECF!important;color:var(--tick)!important}
.question-option-preview.is-proposed-correct>span,
.question-option-preview.is-validator-correct>span{background:var(--tick)!important;border-color:var(--tick)!important;color:#fff!important}

/* Sačuvani dokaz ostaje funkcionalno isti; samo dobija 4.4.50 papirnu paletu. */
.quiz-evidence-13a3,
.question-evidence-card,
.question-review-evidence,
.question-source-evidence{
  background:var(--paper)!important;
  border-color:var(--rule-4450)!important;
  border-left-color:var(--pen-line)!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   KVIZ — stil stare 4.4.50 verzije, uz zadržane nove dokaze
   -------------------------------------------------------------------------- */
.quiz-builder-13a{border-radius:16px!important}
.quiz-builder-head{padding:18px 20px 16px!important;gap:18px!important;border-bottom:1px solid var(--rule-4450)!important}
.quiz-builder-head h2{font-size:1.3rem!important}
.quiz-builder-head p{font-size:.8rem!important;color:var(--ink-3-4450)!important}
.quiz-mode-grid{padding:16px 20px 8px!important;gap:10px!important}
.quiz-mode-card{min-height:88px!important;padding:15px!important;border-radius:10px!important;border-color:var(--rule-2-4450)!important}
.quiz-mode-card.is-active{border-color:var(--pen)!important;background:var(--pen-soft)!important;box-shadow:none!important}
.quiz-mode-card strong{font-family:var(--disp)!important;font-size:1rem!important}
.quiz-mode-card span{font-size:.75rem!important;color:var(--ink-3-4450)!important}
.quiz-builder-controls{padding:8px 20px 0!important}
.quiz-builder-controls select{min-height:44px!important;border-radius:6px!important;font-size:.88rem!important}
.quiz-start-btn{margin:12px 20px 20px!important;width:calc(100% - 40px)!important;min-height:48px!important}

.quiz-question-card{padding:22px!important;border-radius:16px!important}
.quiz-question-meta span{font-family:var(--mono)!important;border-radius:99px!important;background:var(--paper)!important;font-size:.62rem!important;color:var(--ink-3-4450)!important}
.quiz-question-card h2{font-size:clamp(1.15rem,2vw,1.38rem)!important;line-height:1.4!important;margin:18px 0 20px!important}
.quiz-answer-grid{display:flex!important;flex-direction:column!important;gap:9px!important}
.quiz-answer{
  min-height:56px!important;
  padding:12px 14px!important;
  border:1.5px solid var(--rule-2-4450)!important;
  border-radius:10px!important;
  background:var(--sheet)!important;
  color:var(--ink-2-4450)!important;
}
.quiz-answer:hover:not(:disabled){border-color:var(--pen)!important;background:var(--pen-soft)!important;color:var(--ink-4450)!important}
.quiz-answer>span{
  width:30px!important;height:30px!important;flex-basis:30px!important;
  border-radius:50%!important;background:var(--sheet)!important;
  border:1.5px solid var(--rule-2-4450)!important;
  font-family:var(--mono)!important;font-size:.75rem!important;color:var(--ink-3-4450)!important;
}
.quiz-answer strong{font-size:.94rem!important;font-weight:500!important;line-height:1.4!important}
.quiz-answer.is-correct{border-color:var(--tick)!important;background:var(--tick-soft)!important;color:var(--tick)!important}
.quiz-answer.is-correct>span{background:var(--tick)!important;border-color:var(--tick)!important;color:#fff!important}
.quiz-answer.is-wrong{border-color:var(--mark)!important;background:var(--mark-soft)!important;color:var(--mark)!important}
.quiz-answer.is-wrong>span{background:var(--mark)!important;border-color:var(--mark)!important;color:#fff!important}

.quiz-feedback{border-radius:10px!important;padding:14px!important}
.quiz-feedback.is-correct{background:#F4FBF8!important;border-color:#B9DDCF!important}
.quiz-feedback.is-wrong{background:#FFF8F6!important;border-color:#F0D0C8!important}
.quiz-feedback p{font-size:.86rem!important;line-height:1.55!important}

/* ZADRŽI poboljšani dokaz iz 13A3: struktura i sadržaj se ne diraju. */
.quiz-evidence-13a3{margin-top:14px!important;border-radius:0 6px 6px 0!important;border-left:2px solid var(--pen-line)!important;background:var(--paper)!important}
.quiz-evidence-13a3 blockquote{font-size:.84rem!important;line-height:1.58!important;color:var(--ink-2-4450)!important}
.quiz-evidence-head-13a3 strong,.quiz-evidence-source-13a3{font-family:var(--mono)!important}

.quiz-result-hero{border-radius:16px!important;padding:24px!important}
.quiz-result-ring{border-color:var(--pen-soft)!important;border-top-color:var(--pen)!important}
.quiz-result-ring strong{font-family:var(--disp)!important}
.quiz-result-actions button{border-radius:6px!important}
.quiz-result-actions button:first-child{background:var(--pen)!important;border-color:var(--pen)!important}

/* --------------------------------------------------------------------------
   SIMULACIJA PRIJEMNOG
   -------------------------------------------------------------------------- */
.exam-question-card-13c{border-radius:16px!important}
.exam-answer-13c{border-radius:10px!important;border-color:var(--rule-2-4450)!important;background:var(--sheet)!important}
.exam-answer-13c.is-selected{border-color:var(--pen)!important;background:var(--pen-soft)!important}
.exam-result-hero-13c{border-radius:16px!important}

/* --------------------------------------------------------------------------
   REZULTATI / PLAN UČENJA
   -------------------------------------------------------------------------- */
.results-overview-grid-13d,.results-two-column-13d{gap:12px!important}
.results-score-card-13d,.results-metric-card-13d,.results-progress-card-13d{border-radius:16px!important}
.results-panel-head-13d{border-bottom:1px solid var(--rule-4450)!important}
.study-plan-panel-13e{border-radius:16px!important}

/* --------------------------------------------------------------------------
   BOOK BATCH 13F/13G
   -------------------------------------------------------------------------- */
.book-batch-panel-13f,
.book-batch-card-13f,
.book-batch-control-center-13g,
.book-batch-run-card-13g,
.book-batch-lesson-list-13g{
  border-radius:16px!important;
  border-color:var(--rule-4450)!important;
  box-shadow:0 1px 2px rgba(16,19,34,.05)!important;
}
.book-batch-control-center-13g h2,.book-batch-card-13f h2{font-family:var(--disp)!important}

/* --------------------------------------------------------------------------
   LOGIN
   -------------------------------------------------------------------------- */
.login-shell{background:var(--paper)!important}
.login-visual{background:linear-gradient(145deg,#F8FAFD 0%,#E9EEFC 100%)!important;border-color:var(--rule-4450)!important}
.login-eyebrow{font-family:var(--mono)!important;color:var(--pen)!important}
.login-copy h1{font-family:var(--disp)!important;color:var(--ink-4450)!important}
.login-copy p,.login-card .lead{color:var(--ink-3-4450)!important}
.login-card h2{font-family:var(--brand)!important}

/* --------------------------------------------------------------------------
   MODALI / TOASTOVI
   -------------------------------------------------------------------------- */
.modal-card,.custom-modal-card,.dialog-card{
  border-radius:16px!important;
  border:1px solid var(--rule-4450)!important;
  box-shadow:0 12px 40px -8px rgba(16,19,34,.20)!important;
}
.toast,.flash-success{border-radius:10px!important}

/* --------------------------------------------------------------------------
   MOBILE — 4.4.50 logika: kompaktno, čitljivo, bez ogromnih blokova
   -------------------------------------------------------------------------- */
.mobile-topbar{
  height:56px!important;
  min-height:56px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--rule-4450)!important;
  backdrop-filter:blur(12px);
}
.mobile-topbar .brand{--brand-size:29px!important}
.mobile-profile-btn{width:38px!important;height:38px!important;border-radius:99px!important;background:var(--paper)!important;border:1px solid var(--rule-4450)!important;font-family:var(--mono)!important}

.mobile-bottom-nav{
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--rule-4450)!important;
  box-shadow:0 8px 28px rgba(16,19,34,.13)!important;
  backdrop-filter:blur(14px)!important;
}
.mobile-nav-item{color:var(--ink-3-4450)!important;font-size:.64rem!important;font-weight:600!important}
.mobile-nav-item.is-active{color:var(--pen)!important;background:transparent!important}
.mobile-nav-icon,.mobile-nav-icon svg{width:21px!important;height:21px!important}

@media(max-width:1023px){
  .sidebar{width:236px!important;box-shadow:0 12px 40px -8px rgba(16,19,34,.20)!important}
  .main{max-width:none!important}
}

@media(max-width:840px){
  .main{padding:20px 16px 96px!important}
  .page-head{margin-bottom:20px!important}
  .page-title{font-size:2rem!important}
  .dashboard-grid,.question-stats,.quiz-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stat-card{min-height:104px!important;padding:16px!important}
  .stat-value{font-size:1.8rem!important}
  .layout-grid{grid-template-columns:1fr!important}
}

@media(max-width:700px){
  body{font-size:15px!important}
  .main{padding:18px 14px 104px!important}
  .page-sub{font-size:.86rem!important;line-height:1.5!important}
  .panel{border-radius:14px!important}
  .panel-head{padding:14px 15px!important}

  .stat-card{min-height:94px!important;padding:15px!important}
  .stat-label{font-size:.61rem!important;margin-top:10px!important}

  .question-generator-head,.question-validation-head{padding:16px!important}
  .question-generator-body,.question-validation-body{padding:16px!important}
  .question-generator-head h2,.question-validation-head h2{font-size:1.15rem!important}
  .question-mode-switch{grid-template-columns:1fr!important}
  .question-12c-control-grid{grid-template-columns:1fr!important}
  .question-control-field select,.question-engine-selector select{font-size:16px!important}
  .question-generator-safety{gap:6px!important}
  .question-generator-safety span{font-size:.66rem!important}

  .question-review-card-12d{padding:16px!important}
  .question-options-preview{grid-template-columns:1fr!important}
  .question-option-preview{min-height:52px!important}
  .question-option-preview strong{font-size:.94rem!important}

  .quiz-question-card{padding:18px 16px!important}
  .quiz-question-card h2{font-size:1.2rem!important}
  .quiz-answer{min-height:58px!important;padding:12px!important}
  .quiz-answer strong{font-size:.95rem!important}

  .book-fact-review-head-13g1{padding:16px!important}
  .book-fact-review-head-13g1 h2{font-size:1.1rem!important}

  /* desktop velike 13G kartice na telefonu vraćamo na normalnu kompaktnu mjeru */
  .book-batch-control-center-13g .stat-card,
  .book-batch-panel-13f .stat-card{min-height:92px!important}

  .mobile-bottom-nav{
    left:14px!important;right:14px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;min-height:64px!important;border-radius:18px!important;
    padding:4px 5px!important;
  }
  .mobile-nav-item{min-height:54px!important;padding:7px 2px!important;border-radius:12px!important;gap:2px!important}
}

@media(max-width:480px){
  .main{padding-left:12px!important;padding-right:12px!important}
  .dashboard-grid,.question-stats,.quiz-top-stats{gap:8px!important}
  .stat-card{min-height:88px!important;padding:13px!important}
  .stat-value{font-size:1.65rem!important}
  .page-title{font-size:1.85rem!important}
  .book-card{padding:16px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* ==========================================================================
   13G3-R2 — PROCESSING TYPOGRAPHY + QUIZ BANK REPAIR UI
   ========================================================================== */

/* Obrada: tekst koji AI dobija mora biti jednako čitljiv kao tekst u Lekcijama. */
.fact-source-text{
  font-family:var(--ui)!important;
  font-size:.88rem!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:var(--ink-2-4450)!important;
}

.quiz-anti-cue-repair,
.quiz-anti-cue-attention{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 16px!important;
  padding:14px 16px!important;
  border:1px solid var(--rule-4450)!important;
  border-radius:14px!important;
  background:var(--sheet)!important;
}
.quiz-anti-cue-repair{
  justify-content:flex-start!important;
  border-color:#B9E2D4!important;
  background:#F2FBF7!important;
}
.quiz-anti-cue-repair>div:first-child{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  border-radius:50%!important;
  color:var(--tick)!important;
  background:var(--tick-soft)!important;
}
.quiz-anti-cue-repair svg{width:18px!important;height:18px!important}
.quiz-anti-cue-repair strong,
.quiz-anti-cue-attention strong{
  display:block!important;
  font-family:var(--disp)!important;
  font-size:.95rem!important;
  color:var(--ink-4450)!important;
}
.quiz-anti-cue-repair span,
.quiz-anti-cue-attention span{
  display:block!important;
  margin-top:3px!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  color:var(--ink-3-4450)!important;
}
.quiz-anti-cue-attention{
  border-color:#EBD09A!important;
  background:#FFF9ED!important;
}
.quiz-anti-cue-attention button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid #D9B669!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#7E5715!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.quiz-inline-note.is-anti-cue{
  border-color:#EBD09A!important;
  background:#FFF9ED!important;
  color:#7E5715!important;
}

@media(max-width:700px){
  .fact-source-text{
    font-size:.88rem!important;
    line-height:1.58!important;
  }
  .quiz-anti-cue-attention{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .quiz-anti-cue-attention button{width:100%!important}
}

/* ==========================================================================
   13G3-R3 — QUIZ COUNT REPAIR + MOBILE "VIŠE" SHEET + READABILITY
   ========================================================================== */

/* Lekcije i Obrada moraju imati isti, čitljiv ritam pasusa. */
.source-block-text,
.fact-source-text{
  font-family:var(--ui)!important;
  font-size:15px!important;
  line-height:1.66!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:var(--ink-2-4450)!important;
}
.source-block-heading .source-block-text{font-weight:650!important}

/* Jasnije odvajamo koliko pitanja postoji i koliko je zaista spremno. */
.quiz-pool-line{
  min-height:46px!important;
  padding:11px 14px!important;
  border-radius:12px!important;
}
.quiz-pool-line strong{font-size:.92rem!important}
.quiz-inline-note.is-anti-cue{
  border:1px solid #ead9ad!important;
  background:#fffaf0!important;
  color:#7b5a1b!important;
  border-radius:12px!important;
  padding:11px 13px!important;
  line-height:1.5!important;
}

.mobile-more-sheet{display:none}

@media(max-width:840px){
  body.mobile-more-open{overflow:hidden!important}

  /* "Više" više ne otvara cijeli desktop sidebar. Ovo je pravi mobilni sheet. */
  .mobile-more-sheet{
    display:flex;
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(84px + env(safe-area-inset-bottom));
    max-height:min(72dvh,650px);
    z-index:46;
    flex-direction:column;
    padding:8px 14px 14px;
    border:1px solid var(--rule-4450);
    border-radius:24px;
    background:rgba(255,255,255,.985);
    box-shadow:0 24px 70px rgba(16,19,34,.24);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transform:translateY(calc(100% + 110px));
    opacity:0;
    pointer-events:none;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
    overflow:hidden;
  }
  .mobile-more-sheet.is-open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .mobile-more-grabber{
    width:42px;
    height:4px;
    border-radius:999px;
    background:#d8deea;
    margin:2px auto 8px;
    flex:0 0 auto;
  }
  .mobile-more-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:4px 2px 12px;
    border-bottom:1px solid var(--rule-4450);
    flex:0 0 auto;
  }
  .mobile-more-head>div{display:grid;gap:2px}
  .mobile-more-head span{
    font-family:var(--mono)!important;
    color:var(--pen)!important;
    font-size:.64rem!important;
    font-weight:600!important;
    letter-spacing:.12em!important;
  }
  .mobile-more-head strong{
    font-family:var(--display)!important;
    color:var(--ink-4450)!important;
    font-size:1.38rem!important;
    line-height:1!important;
  }
  .mobile-more-close{
    width:38px;
    height:38px;
    border:1px solid var(--rule-4450)!important;
    border-radius:12px!important;
    background:var(--paper)!important;
    color:var(--ink-2-4450)!important;
    font-size:25px!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
  }
  .mobile-more-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:12px 0;
    overflow:auto;
    overscroll-behavior:contain;
    min-height:0;
  }
  .mobile-more-item{
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border:1px solid var(--rule-4450)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:var(--ink-2-4450)!important;
    text-align:left!important;
    font-size:.84rem!important;
    font-weight:650!important;
    box-shadow:none!important;
  }
  .mobile-more-item:active{background:var(--pen-soft)!important;border-color:#bdcafe!important;color:var(--pen)!important}
  .mobile-more-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:var(--pen-soft);
    color:var(--pen);
  }
  .mobile-more-icon svg{width:20px!important;height:20px!important}
  .mobile-more-logout{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex:0 0 auto;
    border:1px solid #efc8c8!important;
    border-radius:13px!important;
    background:#fff7f7!important;
    color:#b64343!important;
    font-size:.82rem!important;
    font-weight:700!important;
  }
  .mobile-more-logout svg{width:18px!important;height:18px!important}

  .source-block-text,
  .fact-source-text{
    font-size:16px!important;
    line-height:1.62!important;
  }
}

@media(max-width:420px){
  .mobile-more-sheet{left:10px;right:10px;border-radius:21px;padding-left:12px;padding-right:12px}
  .mobile-more-grid{gap:7px}
  .mobile-more-item{min-height:61px!important;padding:9px 10px!important;font-size:.8rem!important}
}

/* 13G3-R4 — human decision override */
.question-human-override-note{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(22,142,112,.24);
  border-radius:12px;
  background:rgba(22,142,112,.06);
  color:#41506a;
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-family:var(--font-body, "Public Sans", sans-serif);
  font-size:13px;
  line-height:1.55;
}
.question-human-override-note strong{color:#12765f;white-space:nowrap}
.question-review-btn.is-accept{opacity:1!important;cursor:pointer!important}
@media (max-width:720px){
  .question-human-override-note{display:block;font-size:14px;line-height:1.55;padding:13px 14px}
  .question-human-override-note strong{display:block;margin-bottom:4px;white-space:normal}
}

/* ================================================================
   13G3-R5 — FAST HUMAN REVIEW
   Human ACCEPT actions update in place; no full workspace flash/reload.
   ================================================================ */
.quick-ui-toast{
  position:fixed;
  z-index:12050;
  left:50%;
  bottom:calc(28px + env(safe-area-inset-bottom));
  transform:translate(-50%,14px);
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(520px,calc(100vw - 32px));
  padding:12px 16px;
  border:1px solid #b9e4d5;
  border-radius:14px;
  background:rgba(240,252,247,.97);
  color:#137c63;
  box-shadow:0 16px 42px rgba(13,27,49,.16);
  font:700 14px/1.35 'Public Sans',sans-serif;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.quick-ui-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.quick-ui-toast.is-error{border-color:#efc1c5;background:rgba(255,244,245,.98);color:#b83f49}
.quick-ui-toast svg{width:19px;height:19px;flex:0 0 auto}
.question-review-card-12d.is-fast-removing{opacity:.35;transition:opacity .14s ease}
.book-fact-actions-13g1 .is-accept:disabled,
.fact-review-btn.is-accept:disabled{opacity:.78;cursor:default}
@media(max-width:720px){
  .quick-ui-toast{bottom:calc(106px + env(safe-area-inset-bottom));font-size:13px;padding:11px 14px}
}

/* 13G3-R6 — perceived-performance polish for fact review */
.book-fact-review-13g1.is-loading-fast-13g6{
  opacity:.56;
  pointer-events:none;
  transition:opacity .12s ease;
  position:relative;
}
.book-fact-review-13g1.is-loading-fast-13g6::after{
  content:'Učitavam lekciju…';
  position:sticky;
  top:14px;
  display:block;
  width:max-content;
  max-width:calc(100% - 28px);
  margin:14px auto -48px;
  padding:8px 12px;
  border:1px solid rgba(47,87,224,.18);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#3158db;
  font:600 13px/1.2 'Public Sans',sans-serif;
  box-shadow:0 8px 24px rgba(24,36,64,.08);
  z-index:3;
}
.fast-loading-dot-13g6{
  width:9px;
  height:9px;
  display:inline-block;
  margin-right:8px;
  border-radius:50%;
  background:currentColor;
  vertical-align:1px;
  animation:naukaFastPulse13g6 .8s ease-in-out infinite alternate;
}
@keyframes naukaFastPulse13g6{from{opacity:.28;transform:scale(.78)}to{opacity:1;transform:scale(1)}}

/* ========================================================================== 
   14A — PREDMETI / LEARNING FOUNDATION
   Predmet → Udžbenik → Lekcija. Administratorski sloj bez AI troška.
   ========================================================================== */
.subject-page-head-14a{align-items:flex-end!important}
.subject-summary-grid-14a{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.subject-summary-grid-14a .stat-card{margin:0!important}

.subject-loading-14a,
.subject-error-14a{
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px!important;
}
.subject-loading-icon-14a{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 auto;
  border-radius:13px;
  background:var(--pen-soft);
  color:var(--pen);
}
.subject-loading-icon-14a svg{width:23px;height:23px}
.subject-loading-14a strong,.subject-error-14a strong{display:block;color:var(--ink-4450);font-family:var(--disp);font-size:1rem}
.subject-loading-14a span,.subject-error-14a span{display:block;margin-top:3px;color:var(--ink-3-4450);font-size:.8rem}
.subject-error-14a{border-color:#EDC7BF!important;background:#FFF9F7!important}

.subject-toolbar-14a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px 18px!important;
  margin-bottom:16px;
}
.subject-toolbar-copy-14a{min-width:0}
.subject-toolbar-copy-14a strong{
  display:block;
  margin-top:3px;
  color:var(--ink-4450);
  font-family:var(--disp)!important;
  font-size:1.02rem;
  letter-spacing:-.015em;
}
.subject-toolbar-copy-14a p{margin:4px 0 0;color:var(--ink-3-4450);font-size:.78rem;line-height:1.5}
.subject-filter-tabs-14a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
  flex:0 0 auto;
  border:1px solid var(--rule-4450);
  border-radius:12px;
  background:#F7F9FC;
}
.subject-filter-btn-14a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ink-3-4450);
  font-size:.75rem;
  font-weight:700;
  cursor:pointer;
  transition:background var(--ease),color var(--ease),box-shadow var(--ease);
}
.subject-filter-btn-14a b{
  display:grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 5px;
  border-radius:99px;
  background:#E9EDF4;
  color:var(--ink-3-4450);
  font:600 .66rem/1 var(--mono);
}
.subject-filter-btn-14a.is-active{background:#fff;color:var(--pen);box-shadow:0 1px 4px rgba(16,19,34,.08)}
.subject-filter-btn-14a.is-active b{background:var(--pen-soft);color:var(--pen-dark)}

.subject-grid-14a{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.subject-card-14a{
  position:relative;
  min-width:0;
  padding:19px 19px 16px;
  overflow:hidden;
  border:1px solid var(--rule-4450);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow);
  transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease);
}
.subject-card-14a::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:3px;
  background:var(--pen);
}
.subject-card-14a:hover{transform:translateY(-1px);border-color:var(--rule-2-4450);box-shadow:0 8px 22px rgba(16,19,34,.07)}
.subject-card-14a.is-inactive{background:#F8F9FC;box-shadow:none}
.subject-card-14a.is-inactive::before{background:#A5ADBF}
.subject-card-top-14a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.subject-code-14a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border-radius:8px;
  background:var(--pen-soft);
  color:var(--pen-dark);
  font:600 .7rem/1 var(--mono);
  letter-spacing:.08em;
}
.subject-card-14a.is-inactive .subject-code-14a{background:#E9ECF2;color:#687188}
.subject-status-14a{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3-4450);font-size:.7rem;font-weight:700}
.subject-status-14a i{width:7px;height:7px;border-radius:50%;background:#A6AFC2}
.subject-status-14a.is-active{color:var(--tick)}
.subject-status-14a.is-active i{background:var(--tick);box-shadow:0 0 0 3px rgba(23,121,94,.10)}
.subject-card-title-14a{margin-top:18px;color:var(--ink-4450);font-family:var(--disp);font-size:1.36rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}
.subject-card-sub-14a{margin-top:5px;color:var(--ink-3-4450);font-size:.75rem}
.subject-card-metrics-14a{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:18px;
}
.subject-card-metrics-14a>div{
  min-width:0;
  padding:10px 8px;
  border:1px solid #E5EAF2;
  border-radius:10px;
  background:#FAFBFD;
}
.subject-card-metrics-14a strong{display:block;color:var(--ink-4450);font:600 1rem/1.1 var(--mono);font-variant-numeric:tabular-nums}
.subject-card-metrics-14a span{display:block;margin-top:5px;color:var(--ink-3-4450);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subject-card-actions-14a{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--rule-4450);
}
.subject-card-actions-14a button{
  min-height:35px;
  padding:0 10px;
  border:1px solid var(--rule-2-4450);
  border-radius:9px;
  background:#fff;
  color:var(--ink-2-4450);
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
  transition:border-color var(--ease),background var(--ease),color var(--ease);
}
.subject-card-actions-14a button:hover{border-color:var(--pen-line);background:var(--pen-soft);color:var(--pen-dark)}
.subject-open-books-14a{display:inline-flex;align-items:center;gap:6px;color:var(--pen)!important;border-color:var(--pen-line)!important;background:#F8FAFF!important}
.subject-open-books-14a svg{width:16px;height:16px}
.subject-toggle-14a.is-deactivate{margin-left:auto;color:#8A4A3E!important}
.subject-toggle-14a.is-activate{margin-left:auto;color:var(--tick)!important;border-color:#BCDCCF!important;background:#F7FCFA!important}
.subject-empty-14a{margin-top:0!important}

.book-subject-filter-14a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 15px!important;
  margin-bottom:16px;
}
.book-subject-filter-14a strong{display:block;margin-top:2px;color:var(--ink-4450);font-family:var(--disp);font-size:.95rem}
.book-subject-select-wrap-14a{min-width:220px}
.book-subject-select-wrap-14a select{width:100%;min-height:40px;border:1px solid var(--rule-2-4450);border-radius:10px;background:#fff;color:var(--ink-4450);padding:0 38px 0 12px;font-size:.82rem;font-weight:600}

/* Modal za predmet — desktop centriran, mobilni kao pravi bottom sheet. */
body.subject-modal-open-14a{overflow:hidden}
.subject-modal-overlay-14a,
.subject-confirm-overlay-14a{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(12,17,31,.46);
  backdrop-filter:blur(5px);
}
.subject-modal-14a{
  width:min(520px,100%);
  max-height:min(760px,calc(100dvh - 40px));
  overflow:auto;
  padding:21px;
  border:1px solid var(--rule-4450);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(16,19,34,.23);
}
.subject-modal-grabber-14a{display:none}
.subject-modal-head-14a{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.subject-modal-head-14a h2{margin:4px 0 0;color:var(--ink-4450);font-family:var(--disp);font-size:1.45rem;letter-spacing:-.03em}
.subject-modal-close-14a{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid var(--rule-4450);
  border-radius:10px;
  background:#fff;
  color:var(--ink-3-4450);
  font-size:1.4rem;
  cursor:pointer;
}
.subject-modal-intro-14a{margin:13px 0 18px;color:var(--ink-3-4450);font-size:.82rem;line-height:1.55}
.subject-field-14a{display:block;margin-top:14px}
.subject-field-14a>span{display:flex;align-items:baseline;gap:6px;margin-bottom:7px;color:var(--ink-2-4450);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.subject-field-14a>span small{color:var(--ink-3-4450);font-size:.64rem;font-weight:600;text-transform:none;letter-spacing:0}
.subject-field-14a input{width:100%;min-height:47px;border:1px solid var(--rule-2-4450);border-radius:11px;background:#fff;padding:0 13px;color:var(--ink-4450);font-size:.93rem;box-shadow:inset 0 1px 0 rgba(16,19,34,.02)}
.subject-field-14a input:focus{border-color:var(--pen);box-shadow:0 0 0 3px rgba(37,71,208,.09);outline:0}
.subject-field-14a>small{display:block;margin-top:6px;color:var(--ink-3-4450);font-size:.7rem;line-height:1.45}
.subject-form-note-14a{display:flex;align-items:center;gap:8px;margin-top:17px;padding:10px 11px;border:1px solid #CFE6DE;border-radius:10px;background:#F4FBF8;color:#376D5D;font-size:.72rem;line-height:1.4}
.subject-form-note-14a svg{width:17px;height:17px;flex:0 0 auto;color:var(--tick)}
.subject-form-error-14a{margin-top:12px;padding:10px 11px;border:1px solid #F0C9C1;border-radius:10px;background:#FFF7F5;color:#A43B27;font-size:.76rem;font-weight:600}
.subject-modal-actions-14a{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;padding-top:16px;border-top:1px solid var(--rule-4450)}
.subject-modal-actions-14a .secondary-btn,.subject-modal-actions-14a .action-btn{min-height:42px}

.subject-confirm-14a{
  width:min(430px,100%);
  padding:21px;
  border:1px solid var(--rule-4450);
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(16,19,34,.23);
}
.subject-confirm-14a h3{margin:7px 0 8px;color:var(--ink-4450);font-family:var(--disp);font-size:1.2rem;letter-spacing:-.02em}
.subject-confirm-14a p{margin:0;color:var(--ink-3-4450);font-size:.8rem;line-height:1.6}
.subject-confirm-actions-14a{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.subject-confirm-actions-14a button{min-height:39px;padding:0 13px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.76rem;font-weight:700;cursor:pointer}
.subject-confirm-actions-14a button.is-danger{border-color:#E9B8AE;background:#FFF5F2;color:#A53D28}
.subject-confirm-actions-14a button.is-neutral{border-color:var(--pen-line);background:var(--pen-soft);color:var(--pen-dark)}

@media(max-width:1180px){
  .subject-grid-14a{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .subject-page-head-14a{align-items:stretch!important}
  .subject-page-head-14a .action-btn{width:100%;justify-content:center}
  .subject-summary-grid-14a{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .subject-toolbar-14a{align-items:stretch;flex-direction:column;padding:14px!important}
  .subject-filter-tabs-14a{width:100%}
  .subject-filter-btn-14a{flex:1;padding:0 6px}
  .subject-grid-14a{grid-template-columns:1fr;gap:12px}
  .subject-card-14a{padding:17px 15px 14px}
  .subject-card-title-14a{font-size:1.28rem}
  .subject-card-actions-14a{display:grid;grid-template-columns:1.25fr .8fr .95fr}
  .subject-card-actions-14a button{width:100%;padding:0 7px}
  .subject-toggle-14a.is-deactivate,.subject-toggle-14a.is-activate{margin-left:0}
  .book-subject-filter-14a{align-items:stretch;flex-direction:column}
  .book-subject-select-wrap-14a{min-width:0;width:100%}

  .subject-modal-overlay-14a{align-items:end;padding:0;background:rgba(12,17,31,.42)}
  .subject-modal-14a{
    width:100%;
    max-height:calc(92dvh - env(safe-area-inset-top));
    padding:10px 16px calc(18px + env(safe-area-inset-bottom));
    border:0;
    border-top:1px solid var(--rule-4450);
    border-radius:22px 22px 0 0;
    box-shadow:0 -18px 50px rgba(16,19,34,.18);
  }
  .subject-modal-grabber-14a{display:block;width:42px;height:4px;margin:2px auto 11px;border-radius:99px;background:#C9D0DD}
  .subject-modal-head-14a h2{font-size:1.3rem}
  .subject-modal-actions-14a{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));margin-left:-16px;margin-right:-16px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
  .subject-modal-actions-14a>*{flex:1}

  .subject-confirm-overlay-14a{align-items:end;padding:0}
  .subject-confirm-14a{width:100%;border:0;border-radius:20px 20px 0 0;padding:19px 16px calc(18px + env(safe-area-inset-bottom))}
  .subject-confirm-actions-14a button{flex:1}
}

@media(max-width:420px){
  .subject-card-metrics-14a>div{padding:9px 6px}
  .subject-card-metrics-14a span{font-size:.58rem}
  .subject-card-actions-14a{grid-template-columns:1fr 1fr}
  .subject-card-actions-14a .subject-open-books-14a{grid-column:1/-1;justify-content:center}
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.subject-field-14a input:disabled{
  background:#F1F3F7;
  color:#697289;
  cursor:not-allowed;
  border-color:#D9DFE9;
}

/* ==========================================================================
   14B — DIJAGNOSTIKA IMPORTA
   ========================================================================== */
.import-diag-toolbar-14b{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  padding:18px 20px!important;
  margin-bottom:16px;
}
.import-diag-toolbar-copy-14b{max-width:720px}
.import-diag-toolbar-copy-14b>strong{display:block;margin-top:4px;color:var(--ink-4450);font-family:var(--disp);font-size:1.02rem}
.import-diag-toolbar-copy-14b p{max-width:690px;margin:7px 0 0;color:var(--ink-3-4450);font-size:.78rem;line-height:1.6}
.import-diag-toolbar-actions-14b{display:flex;align-items:flex-end;gap:9px;min-width:min(100%,450px)}
.import-diag-toolbar-actions-14b label{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;color:var(--ink-3-4450);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.import-diag-toolbar-actions-14b select{width:100%;min-height:42px;padding:0 38px 0 11px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.77rem;font-weight:650}
.import-diag-refresh-14b{min-height:42px;white-space:nowrap}
.import-diag-refresh-14b svg{width:16px;height:16px}

.import-diag-loading-14b{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center}
.import-diag-loading-14b>div{width:37px;height:37px;padding:8px;border-radius:11px;background:var(--pen-soft);color:var(--pen);animation:importDiagPulse14B 1.2s ease-in-out infinite}
.import-diag-loading-14b>div svg{width:100%;height:100%}
.import-diag-loading-14b strong{margin-top:4px;color:var(--ink-4450);font-family:var(--disp);font-size:1rem}
.import-diag-loading-14b span{color:var(--ink-3-4450);font-size:.72rem}
@keyframes importDiagPulse14B{50%{transform:scale(.94);opacity:.6}}

.import-diag-title-card-14b{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px!important;margin-bottom:14px}
.import-diag-title-card-14b h2{margin:3px 0 4px!important;font-size:1.35rem!important;line-height:1.18}
.import-diag-title-card-14b p{margin:0;color:var(--ink-3-4450);font-family:var(--mono);font-size:.65rem;line-height:1.5}
.import-diag-file-state-14b{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--rule-4450);border-radius:999px;background:#fff;font-size:.67rem;font-weight:800;white-space:nowrap}
.import-diag-file-state-14b svg{width:15px;height:15px}
.import-diag-file-state-14b.is-ok{border-color:#B9E3D4;background:#F2FBF7;color:var(--tick)}
.import-diag-file-state-14b.is-problem{border-color:#F1C2B7;background:#FFF6F3;color:var(--mark)}

.import-diag-scores-14b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.import-diag-score-card-14b{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--rule-4450);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.import-diag-score-ring-14b{display:flex;width:70px;height:70px;flex:0 0 70px;align-items:center;justify-content:center;flex-direction:column;border:6px solid var(--rule-4450);border-radius:50%;background:#fff}
.import-diag-score-ring-14b strong{color:var(--ink-4450);font-family:var(--mono);font-size:1.2rem;line-height:1}
.import-diag-score-ring-14b span{margin-top:2px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.52rem}
.import-diag-score-card-14b.tone-pass .import-diag-score-ring-14b{border-color:#A9DDCC}
.import-diag-score-card-14b.tone-info .import-diag-score-ring-14b{border-color:#B9C6F7}
.import-diag-score-card-14b.tone-warn .import-diag-score-ring-14b{border-color:#E9D09F}
.import-diag-score-card-14b.tone-fail .import-diag-score-ring-14b{border-color:#F0B7A9}
.import-diag-score-copy-14b>span{display:block;color:var(--ink-3-4450);font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.import-diag-score-copy-14b>strong{display:block;margin-top:2px;color:var(--ink-4450);font-family:var(--disp);font-size:1.15rem}
.import-diag-score-copy-14b p{margin:5px 0 0;color:var(--ink-3-4450);font-size:.7rem;line-height:1.52}

.import-diag-recommendation-14b{display:flex;align-items:flex-start;gap:12px;padding:17px 18px!important;margin-bottom:14px;border-color:var(--pen-line)!important;background:linear-gradient(135deg,#F8FAFF,#F1F4FE)!important}
.import-diag-recommendation-icon-14b{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;background:var(--pen);color:#fff}
.import-diag-recommendation-icon-14b svg{width:19px;height:19px}
.import-diag-recommendation-14b p{margin:5px 0 0;color:var(--ink-2-4450);font-size:.78rem;line-height:1.65}

.import-diag-section-14b{padding:0!important;margin-bottom:14px;overflow:hidden}
.import-diag-section-head-14b{display:flex;min-height:65px;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid var(--rule-4450)}
.import-diag-section-head-14b h3{margin:2px 0 0!important;color:var(--ink-4450);font-size:1.04rem!important}
.import-diag-section-head-14b>span{color:var(--ink-3-4450);font-family:var(--mono);font-size:.62rem;white-space:nowrap}

.import-diag-metrics-14b{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.import-diag-metric-14b{min-width:0;padding:15px 14px;border-right:1px solid var(--rule-4450)}
.import-diag-metric-14b:last-child{border-right:0}
.import-diag-metric-14b strong{display:block;color:var(--ink-4450);font-family:var(--mono);font-size:1.08rem}
.import-diag-metric-14b span{display:block;margin-top:3px;color:var(--ink-2-4450);font-size:.66rem;font-weight:800}
.import-diag-metric-14b small{display:block;margin-top:3px;color:var(--ink-3-4450);font-size:.57rem;line-height:1.4}

.import-diag-compare-list-14b{padding:0 18px}
.import-diag-compare-row-14b{display:flex;min-height:57px;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--rule-4450)}
.import-diag-compare-row-14b:last-child{border-bottom:0}
.import-diag-compare-row-14b>div{min-width:0}
.import-diag-compare-row-14b strong{display:block;color:var(--ink-4450);font-size:.75rem}
.import-diag-compare-row-14b>div>span{display:block;margin-top:3px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.6rem;line-height:1.4;overflow-wrap:anywhere}
.import-diag-compare-status-14b,.import-diag-lesson-state-14b{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border:1px solid var(--rule-4450);border-radius:999px;font-size:.57rem;font-weight:850;letter-spacing:.04em;white-space:nowrap}
.tone-pass{border-color:#B9E3D4!important;background:#F2FBF7!important;color:var(--tick)!important}
.tone-info{border-color:#C8D2F8!important;background:#F5F7FF!important;color:var(--pen)!important}
.tone-warn{border-color:#EAD2A6!important;background:#FFF9ED!important;color:#9B6518!important}
.tone-fail{border-color:#F1C2B7!important;background:#FFF5F2!important;color:#A73E28!important}
.tone-neutral{background:#F7F8FA!important;color:var(--ink-3-4450)!important}

.import-diag-issues-14b,.import-diag-limitations-14b{display:grid;gap:0;padding:0 18px}
.import-diag-issue-14b,.import-diag-limit-14b{display:grid;grid-template-columns:35px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--rule-4450);background:transparent!important}
.import-diag-issue-14b:last-child,.import-diag-limit-14b:last-child{border-bottom:0}
.import-diag-issue-mark-14b,.import-diag-limit-count-14b{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--rule-4450);border-radius:8px;background:#fff;font-family:var(--mono);font-size:.65rem;font-weight:800}
.import-diag-issue-14b.tone-fail .import-diag-issue-mark-14b{border-color:#F0B7A9;background:var(--mark-soft);color:var(--mark)}
.import-diag-issue-14b.tone-warn .import-diag-issue-mark-14b{border-color:#E5C994;background:var(--pencil-soft);color:var(--pencil)}
.import-diag-issue-14b.tone-info .import-diag-issue-mark-14b{border-color:var(--pen-line);background:var(--pen-soft);color:var(--pen)}
.import-diag-issue-head-14b,.import-diag-limit-head-14b{display:flex;align-items:center;justify-content:space-between;gap:10px}
.import-diag-issue-head-14b strong,.import-diag-limit-head-14b strong{color:var(--ink-4450);font-size:.75rem}
.import-diag-issue-head-14b span,.import-diag-limit-head-14b span{color:var(--ink-3-4450);font-family:var(--mono);font-size:.53rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.import-diag-issue-14b p,.import-diag-limit-14b p{margin:4px 0 0;color:var(--ink-3-4450);font-size:.69rem;line-height:1.55}
.import-diag-limit-count-14b{width:35px;color:var(--pen);background:var(--pen-soft)}
.import-diag-limit-14b.needs-enrich .import-diag-limit-count-14b{border-color:#E5C994;background:var(--pencil-soft);color:var(--pencil)}
.import-diag-limit-14b.needs-enrich .import-diag-limit-head-14b span{color:var(--pencil)}

.import-diag-all-good-14b{display:flex;align-items:center;gap:11px;padding:16px 18px;color:var(--tick)}
.import-diag-all-good-14b>svg{width:25px;height:25px;flex:0 0 25px;padding:4px;border-radius:8px;background:var(--tick-soft)}
.import-diag-all-good-14b strong{display:block;color:var(--ink-4450);font-size:.75rem}
.import-diag-all-good-14b span{display:block;margin-top:2px;color:var(--ink-3-4450);font-size:.67rem;line-height:1.5}

.import-diag-problem-lessons-14b,.import-diag-all-lessons-14b{padding:0 18px}
.import-diag-all-lessons-14b[hidden]{display:none}
.import-diag-lesson-row-14b{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:57px;padding:9px 0;border-bottom:1px solid var(--rule-4450)}
.import-diag-lesson-row-14b:last-child{border-bottom:0}
.import-diag-lesson-row-14b.has-problem{background:linear-gradient(90deg,rgba(251,240,218,.35),transparent)}
.import-diag-lesson-no-14b{color:var(--pen);font-family:var(--brand);font-size:1.05rem;text-align:center}
.import-diag-lesson-row-14b>div{min-width:0}
.import-diag-lesson-row-14b>div>strong{display:block;color:var(--ink-4450);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.import-diag-lesson-row-14b>div>span{display:block;margin-top:2px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.56rem}
.import-diag-lesson-row-14b>div>small{display:block;margin-top:3px;color:var(--pencil);font-size:.59rem;line-height:1.4}
.import-diag-open-lesson-14b{min-height:30px!important;padding:0 9px!important}
.import-diag-lessons-toggle-14b{margin:14px 18px 16px}
.import-diag-lessons-toggle-14b svg{width:15px;height:15px}

.import-diag-footnote-14b{margin:2px 2px 0;padding:7px 3px 2px;color:var(--ink-3-4450);font-size:.64rem;line-height:1.5}
.import-diag-footnote-14b strong{color:var(--ink-2-4450)}
.book-diagnostics-link-14b{border-color:var(--pen-line)!important;background:var(--pen-soft)!important;color:var(--pen)!important}

@media(max-width:1050px){
  .import-diag-toolbar-14b{align-items:stretch;flex-direction:column}
  .import-diag-toolbar-actions-14b{width:100%;min-width:0}
  .import-diag-metrics-14b{grid-template-columns:repeat(3,minmax(0,1fr))}
  .import-diag-metric-14b:nth-child(3){border-right:0}
  .import-diag-metric-14b:nth-child(n+4){border-top:1px solid var(--rule-4450)}
}

@media(max-width:760px){
  .import-diag-toolbar-14b{padding:15px!important;gap:15px}
  .import-diag-toolbar-copy-14b>strong{font-size:.96rem}
  .import-diag-toolbar-copy-14b p{font-size:.74rem}
  .import-diag-toolbar-actions-14b{display:grid;grid-template-columns:1fr}
  .import-diag-refresh-14b{width:100%;justify-content:center}
  .import-diag-title-card-14b{align-items:flex-start;flex-direction:column;padding:16px!important}
  .import-diag-title-card-14b h2{font-size:1.2rem!important}
  .import-diag-file-state-14b{align-self:flex-start}
  .import-diag-scores-14b{grid-template-columns:1fr}
  .import-diag-score-card-14b{padding:15px}
  .import-diag-score-ring-14b{width:62px;height:62px;flex-basis:62px;border-width:5px}
  .import-diag-score-copy-14b p{font-size:.68rem}
  .import-diag-recommendation-14b{padding:15px!important}
  .import-diag-section-head-14b{min-height:60px;padding:12px 14px}
  .import-diag-section-head-14b>span{font-size:.57rem}
  .import-diag-metrics-14b{grid-template-columns:repeat(2,minmax(0,1fr))}
  .import-diag-metric-14b{padding:13px 12px;border-top:1px solid var(--rule-4450);border-right:1px solid var(--rule-4450)}
  .import-diag-metric-14b:nth-child(-n+2){border-top:0}
  .import-diag-metric-14b:nth-child(2n){border-right:0}
  .import-diag-metric-14b:nth-child(3){border-right:1px solid var(--rule-4450)}
  .import-diag-metric-14b:last-child{grid-column:1/-1;border-right:0}
  .import-diag-compare-list-14b,.import-diag-issues-14b,.import-diag-limitations-14b,.import-diag-problem-lessons-14b,.import-diag-all-lessons-14b{padding-left:14px;padding-right:14px}
  .import-diag-compare-row-14b{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 0}
  .import-diag-compare-status-14b{align-self:flex-start}
  .import-diag-issue-head-14b,.import-diag-limit-head-14b{align-items:flex-start;flex-direction:column;gap:2px}
  .import-diag-lesson-row-14b{grid-template-columns:30px minmax(0,1fr) auto;padding:11px 0}
  .import-diag-open-lesson-14b{grid-column:2/4;justify-self:start}
  .import-diag-lessons-toggle-14b{width:calc(100% - 28px);justify-content:center;margin:13px 14px 15px}
}

@media(max-width:410px){
  .import-diag-metric-14b strong{font-size:1rem}
  .import-diag-score-card-14b{gap:11px}
  .import-diag-score-ring-14b{width:57px;height:57px;flex-basis:57px}
  .import-diag-lesson-state-14b{padding:0 6px;font-size:.52rem}
}

/* ========================================================================== 
   14C — GRADIVO / DIGITALNI UDŽBENIK
   Originalni import → čitljiv školski reader bez AI prepisivanja.
   ========================================================================== */

.gradivo-loading-card-14c,
.gradivo-reader-loading-14c,
.gradivo-reader-error-14c{
  display:grid;
  min-height:190px;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:28px!important;
  text-align:center;
}
.gradivo-loading-card-14c p,
.gradivo-reader-loading-14c p,
.gradivo-reader-error-14c p{margin:0;color:var(--ink-3-4450);font-size:.78rem}
.gradivo-reader-error-14c h2{margin:0;color:var(--ink-4450)!important}

.gradivo-controls-14c{
  display:grid;
  grid-template-columns:minmax(240px,1.2fr) minmax(260px,1.4fr) auto;
  align-items:end;
  gap:14px;
  margin-bottom:16px;
  padding:15px 16px!important;
}
.gradivo-control-field-14c{display:grid;gap:6px;min-width:0}
.gradivo-control-field-14c label{
  color:var(--ink-3-4450);
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.gradivo-control-field-14c select{
  width:100%;
  min-height:44px;
  padding-top:0!important;
  padding-bottom:0!important;
  border-color:var(--rule-2-4450)!important;
  background-color:#fff!important;
  color:var(--ink-4450)!important;
  font-size:.82rem!important;
  font-weight:650!important;
}
.gradivo-control-summary-14c{
  display:flex;
  min-width:210px;
  min-height:44px;
  align-items:center;
  gap:10px;
  padding:7px 11px;
  border:1px solid var(--pen-line);
  border-radius:10px;
  background:var(--pen-soft);
}
.gradivo-control-summary-14c>span{
  display:grid;
  width:30px;
  height:30px;
  flex:0 0 30px;
  place-items:center;
  border-radius:8px;
  background:#fff;
  color:var(--pen);
}
.gradivo-control-summary-14c svg{width:16px;height:16px}
.gradivo-control-summary-14c strong{display:block;color:var(--ink-4450);font-size:.69rem}
.gradivo-control-summary-14c small{display:block;margin-top:1px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.51rem;line-height:1.35}

.gradivo-shell-14c{
  display:grid;
  grid-template-columns:255px minmax(0,1fr);
  align-items:start;
  gap:16px;
}
.gradivo-toc-14c{
  position:sticky;
  top:18px;
  max-height:calc(100vh - 36px);
  overflow:hidden;
  padding:0!important;
}
.gradivo-toc-head-14c{padding:16px 15px 12px;border-bottom:1px solid var(--rule-4450)}
.gradivo-toc-head-14c>strong{
  display:block;
  margin-top:3px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:.9rem;
  line-height:1.25;
}
.gradivo-toc-head-14c>small{display:block;margin-top:3px;color:var(--ink-3-4450);font-size:.62rem}
.gradivo-toc-search-14c{padding:10px;border-bottom:1px solid var(--rule-4450);background:#FBFCFE}
.gradivo-toc-search-14c input{
  width:100%;
  min-height:37px;
  padding:0 10px;
  border:1px solid var(--rule-2-4450);
  border-radius:8px;
  background:#fff;
  color:var(--ink-4450);
  font-size:.7rem;
  outline:none;
}
.gradivo-toc-search-14c input:focus{border-color:var(--pen);box-shadow:0 0 0 2px rgba(37,71,208,.09)}
.gradivo-toc-list-14c{
  max-height:calc(100vh - 185px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.gradivo-toc-row-14c{
  display:grid;
  width:100%;
  grid-template-columns:32px minmax(0,1fr);
  align-items:start;
  gap:8px;
  padding:10px 11px;
  border:0;
  border-bottom:1px solid #EDF0F5;
  border-radius:0;
  background:#fff;
  color:var(--ink-2-4450);
  text-align:left;
  cursor:pointer;
  transition:background var(--ease),color var(--ease);
}
.gradivo-toc-row-14c:hover{background:#F7F9FC}
.gradivo-toc-row-14c.is-active{background:var(--pen-soft);color:var(--pen-dark)}
.gradivo-toc-no-14c{
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  border:1px solid var(--rule-4450);
  border-radius:8px;
  background:#fff;
  color:var(--ink-3-4450);
  font-family:var(--mono);
  font-size:.57rem;
  font-weight:800;
}
.gradivo-toc-row-14c.is-active .gradivo-toc-no-14c{border-color:var(--pen-line);color:var(--pen);background:#fff}
.gradivo-toc-copy-14c{min-width:0}
.gradivo-toc-copy-14c strong{display:block;color:inherit;font-size:.68rem;line-height:1.4}
.gradivo-toc-copy-14c small{display:block;margin-top:3px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.49rem;line-height:1.45}
.gradivo-toc-row-14c[hidden]{display:none}

.gradivo-reader-wrap-14c{min-width:0;position:relative;scroll-margin-top:132px}
.gradivo-reader-wrap-14c.is-loading::after{
  content:'Učitavam…';
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  padding:5px 8px;
  border:1px solid var(--pen-line);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--pen);
  font-family:var(--mono);
  font-size:.5rem;
  font-weight:800;
  letter-spacing:.04em;
}
.gradivo-reader-14c{padding:0!important;overflow:hidden}
.gradivo-reader-head-14c{
  padding:16px 22px 14px;
  border-bottom:1px solid var(--rule-4450);
  background:linear-gradient(180deg,#FBFCFF 0%,#F7F9FD 100%);
}
.gradivo-reader-breadcrumb-14c{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  color:var(--ink-3-4450);
  font-size:.65rem;
  font-weight:650;
}
.gradivo-reader-breadcrumb-14c span:first-child{color:var(--pen);font-weight:800}
.gradivo-reader-meta-14c{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:9px;
  color:var(--ink-3-4450);
  font-family:var(--mono);
  font-size:.53rem;
  font-weight:700;
  letter-spacing:.035em;
}
.gradivo-progress-14c{height:3px;margin-top:12px;overflow:hidden;border-radius:999px;background:#E5EAF3}
.gradivo-progress-14c>span{display:block;height:100%;border-radius:inherit;background:var(--pen)}
.gradivo-original-badge-14c{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  color:var(--tick);
  font-size:.59rem;
  font-weight:700;
}
.gradivo-original-badge-14c svg{width:14px;height:14px;flex:0 0 14px}

.gradivo-paper-14c{
  max-width:820px;
  margin:0 auto;
  padding:44px clamp(28px,5vw,58px) 58px;
  color:#303A52;
  font-family:var(--ui);
  font-size:17px;
  line-height:1.78;
}
.gradivo-page-marker-14c{
  display:flex;
  align-items:center;
  gap:10px;
  margin:28px 0 16px;
  color:#98A1B5;
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
}
.gradivo-page-marker-14c::before,.gradivo-page-marker-14c::after{content:'';height:1px;flex:1;background:#EEF1F6}
.gradivo-page-marker-14c span{white-space:nowrap}
.gradivo-paper-14c>.gradivo-page-marker-14c:first-child{margin-top:0}

.gradivo-h1-14c{
  margin:0 0 26px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:clamp(2rem,4vw,3rem);
  font-weight:750;
  letter-spacing:-.04em;
  line-height:1.05;
}
.gradivo-h2-14c{
  margin:36px 0 14px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:1.55rem;
  font-weight:750;
  letter-spacing:-.025em;
  line-height:1.18;
}
.gradivo-h3-14c{
  margin:28px 0 11px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:1.22rem;
  font-weight:720;
  line-height:1.25;
}
.gradivo-h4-14c{
  margin:24px 0 9px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:1.05rem;
  font-weight:720;
}
.gradivo-paragraph-14c{
  margin:0 0 1.05em;
  color:#3C4761;
  font-size:1rem;
  line-height:1.82;
  text-wrap:pretty;
}
.gradivo-paragraph-14c.is-list-style{padding-left:17px;border-left:2px solid var(--pen-line)}
.gradivo-authored-exercises-coverage{
  margin:26px 0;
  padding:19px 21px 18px;
  border:1px solid #DCE3F1;
  border-radius:14px;
  background:#F8FAFE;
  color:#34405A;
}
.gradivo-authored-title-coverage{
  margin:0 0 12px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:1rem;
  font-weight:760;
  letter-spacing:-.01em;
}
.gradivo-authored-list-coverage{
  margin:0;
  padding-left:1.55rem;
}
.gradivo-authored-list-coverage li{
  margin:0 0 12px;
  padding-left:.28rem;
  color:#3C4761;
  font-family:var(--ui);
  font-size:.96rem;
  line-height:1.72;
}
.gradivo-authored-list-coverage li:last-child{margin-bottom:0}
.gradivo-authored-list-coverage li.is-focus{outline:2px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:5px;border-radius:7px}
.gradivo-caption-text-14c{
  margin:8px auto 20px;
  color:var(--ink-3-4450);
  font-size:.78rem;
  font-style:italic;
  line-height:1.55;
  text-align:center;
}
.gradivo-quote-14c{
  margin:24px 0;
  padding:15px 18px;
  border-left:4px solid var(--pen);
  background:#F6F8FF;
  color:var(--ink-2-4450);
  font-size:.95rem;
  line-height:1.75;
}
.gradivo-source-block-14c.is-focus,
.gradivo-paragraph-14c.is-focus,
.gradivo-authored-exercises-coverage.is-focus,
.gradivo-h1-14c.is-focus,
.gradivo-h2-14c.is-focus,
.gradivo-h3-14c.is-focus,
.gradivo-h4-14c.is-focus,
.gradivo-caption-text-14c.is-focus,
.gradivo-quote-14c.is-focus,
.gradivo-figure-14c.is-focus{
  border-radius:8px;
  outline:7px solid rgba(37,71,208,.10);
  background:rgba(231,236,253,.42);
}

.gradivo-figure-14c{margin:30px auto 34px;text-align:center}
.gradivo-image-frame-14c{
  display:flex;
  min-height:80px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid var(--rule-4450);
  border-radius:12px;
  background:#fff;
}
.gradivo-image-14c{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:660px;
  object-fit:contain;
}
.gradivo-image-error-14c{
  display:flex;
  min-height:150px;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--ink-3-4450);
  font-size:.72rem;
}
.gradivo-image-error-14c[hidden]{display:none}
.gradivo-image-error-14c svg{width:22px;height:22px;color:var(--pen)}
.gradivo-figure-14c figcaption{
  max-width:700px;
  margin:9px auto 0;
  color:var(--ink-3-4450);
  font-size:.72rem;
  line-height:1.55;
  text-align:center;
}
.gradivo-figure-14c figcaption span{font-family:var(--mono);font-size:.61rem}
.gradivo-figure-14c figcaption.is-page-only{font-style:italic}

.gradivo-table-wrap-14c{
  width:100%;
  margin:25px 0 30px;
  overflow-x:auto;
  border:1px solid var(--rule-2-4450);
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 0 rgba(16,19,34,.03);
  -webkit-overflow-scrolling:touch;
}
.gradivo-table-14c{width:100%;min-width:520px;border-collapse:collapse;color:var(--ink-2-4450);font-size:.78rem;line-height:1.5}
.gradivo-table-14c th,
.gradivo-table-14c td{padding:11px 12px;border-right:1px solid var(--rule-4450);border-bottom:1px solid var(--rule-4450);vertical-align:top;text-align:left}
.gradivo-table-14c th:last-child,.gradivo-table-14c td:last-child{border-right:0}
.gradivo-table-14c tbody tr:last-child td{border-bottom:0}
.gradivo-table-14c thead th{background:#F2F5FD;color:var(--ink-4450);font-weight:800}
.gradivo-table-14c tbody tr:nth-child(even){background:#FBFCFE}
.gradivo-table-fallback-14c{margin:24px 0;padding:14px 15px;border:1px solid var(--rule-4450);border-radius:9px;background:#FAFBFD;font-family:var(--mono);font-size:.75rem;line-height:1.7}

.gradivo-reader-nav-14c{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:16px 20px 20px;
  border-top:1px solid var(--rule-4450);
  background:#FAFBFD;
}
.gradivo-prevnext-14c{
  display:flex;
  min-width:0;
  min-height:64px;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  padding:10px 13px;
  border:1px solid var(--rule-2-4450);
  border-radius:10px;
  background:#fff;
  color:var(--ink-2-4450);
  cursor:pointer;
  text-align:left;
}
.gradivo-prevnext-14c:hover{border-color:var(--pen-line);background:var(--pen-soft);color:var(--pen-dark)}
.gradivo-prevnext-14c.is-next{text-align:right}
.gradivo-prevnext-14c>span{color:var(--pen);font-family:var(--mono);font-size:.55rem;font-weight:800;text-transform:uppercase}
.gradivo-prevnext-14c>strong{display:block;overflow:hidden;color:inherit;font-size:.68rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1050px){
  .gradivo-controls-14c{grid-template-columns:1fr 1fr}
  .gradivo-control-summary-14c{grid-column:1/-1;min-width:0}
  .gradivo-shell-14c{grid-template-columns:220px minmax(0,1fr)}
  .gradivo-paper-14c{padding-left:34px;padding-right:34px}
}

@media(max-width:760px){
  .gradivo-controls-14c{
    position:sticky;
    top:58px;
    z-index:18;
    grid-template-columns:1fr;
    gap:10px;
    margin-left:-2px;
    margin-right:-2px;
    padding:12px!important;
    border-radius:12px!important;
    box-shadow:0 7px 18px rgba(16,19,34,.07)!important;
  }
  .gradivo-control-field-14c label{font-size:.55rem}
  .gradivo-control-field-14c select{min-height:43px;font-size:.76rem!important}
  .gradivo-control-summary-14c{display:none}
  .gradivo-shell-14c{display:block}
  .gradivo-toc-14c{display:none}
  .gradivo-reader-head-14c{padding:14px 15px 13px}
  .gradivo-reader-breadcrumb-14c{font-size:.61rem}
  .gradivo-reader-meta-14c{font-size:.5rem;gap:5px 9px}
  .gradivo-original-badge-14c{align-items:flex-start;font-size:.55rem;line-height:1.45}
  .gradivo-reader-wrap-14c{scroll-margin-top:168px}
  .gradivo-source-block-14c,.gradivo-paragraph-14c,.gradivo-h1-14c,.gradivo-h2-14c,.gradivo-h3-14c,.gradivo-h4-14c{scroll-margin-top:178px}
  .gradivo-paper-14c{
    max-width:none;
    padding:29px 18px 38px;
    font-size:16px;
    line-height:1.75;
  }
  .gradivo-h1-14c{margin-bottom:20px;font-size:2rem;line-height:1.08}
  .gradivo-h2-14c{margin-top:30px;font-size:1.38rem}
  .gradivo-h3-14c{font-size:1.14rem}
  .gradivo-paragraph-14c{font-size:1rem;line-height:1.78}
  .gradivo-authored-exercises-coverage{margin:22px 0;padding:16px 17px 15px;border-radius:12px}
  .gradivo-authored-title-coverage{font-size:.96rem}
  .gradivo-authored-list-coverage{padding-left:1.4rem}
  .gradivo-authored-list-coverage li{margin-bottom:13px;font-size:.96rem;line-height:1.68}
  .gradivo-page-marker-14c{margin:22px 0 13px;font-size:.54rem}
  .gradivo-figure-14c{margin:23px -2px 27px}
  .gradivo-image-frame-14c{border-radius:9px}
  .gradivo-image-14c{max-height:520px}
  .gradivo-figure-14c figcaption{padding:0 5px;font-size:.69rem}
  .gradivo-table-wrap-14c{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;border-radius:8px}
  .gradivo-table-14c{min-width:480px;font-size:.74rem}
  .gradivo-table-14c th,.gradivo-table-14c td{padding:10px 10px}
  .gradivo-reader-nav-14c{grid-template-columns:1fr;gap:8px;padding:13px}
  .gradivo-reader-nav-14c>span:empty{display:none}
  .gradivo-prevnext-14c,.gradivo-prevnext-14c.is-next{text-align:left;min-height:58px}
}

@media(max-width:410px){
  .gradivo-paper-14c{padding-left:15px;padding-right:15px}
  .gradivo-h1-14c{font-size:1.82rem}
  .gradivo-reader-breadcrumb-14c span:nth-child(2){display:none}
  .gradivo-reader-breadcrumb-14c span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.import-diag-recommendation-copy-14c{min-width:0;flex:1}
.import-diag-open-gradivo-14c{margin-top:10px;min-height:36px!important;padding:0 12px!important;border-color:var(--pen-line)!important;background:#fff!important;color:var(--pen)!important}
.import-diag-open-gradivo-14c svg{width:15px;height:15px}

/* ============================================================================
   14D — STUDENTSKI PROSTOR
   Čist učenički interfejs: sadržaj, učenje, kvizovi i napredak bez admin buke.
   ============================================================================ */
.student-app-14d{background:#f5f7fb}
.student-shell-14d{--sidebar:228px}
.student-workspace-14d{background:
  radial-gradient(circle at 87% 4%,rgba(37,71,208,.055),transparent 27%),
  linear-gradient(180deg,#f7f9fd 0,#f2f5fa 100%)}
.student-main-14d{max-width:1420px!important;padding-top:30px!important}
.student-sidebar-14d{background:rgba(255,255,255,.97)!important;border-right:1px solid #e1e6ef!important}
.student-sidebar-14d .nav-item{min-height:44px;border-radius:10px!important}
.student-sidebar-14d .nav-item.is-active{background:#e9eefc!important;color:var(--pen)!important;box-shadow:inset 3px 0 0 var(--pen)}
.student-sidebar-welcome-14d{margin:2px 12px 12px;padding:13px 12px;border:1px solid var(--rule-4450);border-radius:12px;background:#f8faff}
.student-sidebar-welcome-14d span{display:block;color:var(--pen);font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.15em}
.student-sidebar-welcome-14d strong{display:block;margin-top:4px;color:var(--ink-4450);font-family:var(--disp);font-size:.9rem}
.student-mobile-topbar-14d{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)}

.student-home-head-14d,.student-page-head-14d{margin-bottom:22px}
.student-home-head-14d h1,.student-page-head-14d h1{margin:4px 0 5px;color:var(--ink-4450);font-family:var(--brand);font-size:clamp(2.35rem,5vw,3.6rem);font-weight:400;line-height:1;letter-spacing:.015em}
.student-home-head-14d p,.student-page-head-14d p{max-width:740px;margin:0;color:var(--ink-3-4450);font-size:.94rem}
.student-eyebrow-14d,.student-page-head-14d>span{color:var(--pen);font-family:var(--mono);font-size:.63rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}

.student-continue-card-14d{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;padding:20px 22px;border:1px solid #c8d3f7;border-radius:17px;background:linear-gradient(135deg,#eef2ff,#fff 72%);box-shadow:0 8px 28px rgba(34,61,158,.06)}
.student-continue-card-14d.is-empty{border-color:var(--rule-4450);background:#fff}
.student-continue-icon-14d{display:grid;width:50px;height:50px;place-items:center;border-radius:14px;background:var(--pen);color:#fff}
.student-continue-icon-14d svg{width:23px;height:23px}
.student-continue-copy-14d{min-width:0}
.student-continue-copy-14d>span{color:var(--pen);font-family:var(--mono);font-size:.56rem;font-weight:800;letter-spacing:.14em}
.student-continue-copy-14d small{display:block;margin:3px 0 2px;color:var(--ink-3-4450);font-size:.7rem}
.student-continue-copy-14d h2{margin:2px 0 3px;color:var(--ink-4450);font-family:var(--disp);font-size:1.15rem;line-height:1.25}
.student-continue-copy-14d p{margin:0;color:var(--ink-3-4450);font-size:.72rem}
.student-continue-card-14d>button,.student-primary-14d{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:0;border-radius:10px;background:var(--pen);color:#fff;font-weight:800;cursor:pointer}
.student-continue-card-14d>button:hover,.student-primary-14d:hover{background:var(--pen-dark)}

.student-quick-stats-14d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:25px;overflow:hidden;border:1px solid var(--rule-4450);border-radius:15px;background:#fff}
.student-quick-stats-14d article{padding:17px 19px;border-right:1px solid var(--rule-4450)}
.student-quick-stats-14d article:last-child{border-right:0}
.student-quick-stats-14d strong{display:block;color:var(--ink-4450);font-family:var(--brand);font-size:2rem;font-weight:400;line-height:1}
.student-quick-stats-14d span{display:block;margin-top:5px;color:var(--ink-3-4450);font-size:.66rem;font-weight:600}

.student-section-14d{margin:24px 0}
.student-section-head-14d{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}
.student-section-head-14d>div>span{display:block;color:var(--pen);font-family:var(--mono);font-size:.56rem;font-weight:800;letter-spacing:.16em}
.student-section-head-14d h2{margin:3px 0 0;color:var(--ink-4450);font-family:var(--disp);font-size:1.25rem;line-height:1.2}
.student-section-head-14d>button{border:0;background:none;color:var(--pen);font-size:.73rem;font-weight:800;cursor:pointer}
.student-subject-grid-14d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.student-subject-card-14d{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;min-height:112px;padding:18px;border:1px solid var(--rule-4450);border-radius:15px;background:#fff;color:var(--ink-2-4450);cursor:pointer;text-align:left;transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease)}
.student-subject-card-14d:hover{transform:translateY(-2px);border-color:#c1cced;box-shadow:0 10px 30px rgba(16,19,34,.06)}
.student-subject-icon-14d{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#eef2ff;color:var(--pen)}
.student-subject-icon-14d svg{width:22px;height:22px}
.student-subject-copy-14d{min-width:0}
.student-subject-copy-14d small{display:block;color:var(--ink-3-4450);font-family:var(--mono);font-size:.5rem;letter-spacing:.13em}
.student-subject-copy-14d strong{display:block;margin:3px 0;color:var(--ink-4450);font-family:var(--disp);font-size:1.05rem}
.student-subject-copy-14d span{display:block;color:var(--ink-3-4450);font-size:.7rem}
.student-card-arrow-14d{color:var(--pen);font-size:1.2rem}
.student-subject-card-14d.is-chemistry .student-subject-icon-14d{background:#eef0ff;color:#3659d6}
.student-subject-card-14d.is-biology .student-subject-icon-14d{background:#e8f7f0;color:#16805f}
.student-subject-card-14d.is-physics .student-subject-icon-14d{background:#f1eefd;color:#7254c3}
.student-subject-card-14d.is-math .student-subject-icon-14d{background:#fff2df;color:#ae6d17}

.student-actions-grid-14d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.student-actions-grid-14d>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--rule-4450);border-radius:14px;background:#fff;color:var(--ink-2-4450);cursor:pointer;text-align:left}
.student-actions-grid-14d>button>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--pen-soft);color:var(--pen)}
.student-actions-grid-14d>button>span svg{width:19px;height:19px}
.student-actions-grid-14d strong{display:block;color:var(--ink-4450);font-size:.82rem}
.student-actions-grid-14d small{display:block;margin-top:2px;color:var(--ink-3-4450);font-size:.65rem;line-height:1.35}
.student-actions-grid-14d b{color:var(--pen)}

.student-loading-14d,.student-empty-14d{padding:24px;border:1px dashed var(--rule-2-4450);border-radius:14px;background:rgba(255,255,255,.72);color:var(--ink-3-4450);font-size:.78rem;text-align:center}

.student-subject-detail-head-14d{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.student-subject-detail-head-14d>button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--rule-4450);border-radius:10px;background:#fff;color:var(--pen);cursor:pointer}
.student-subject-detail-head-14d span{color:var(--pen);font-family:var(--mono);font-size:.55rem;font-weight:800;letter-spacing:.15em}
.student-subject-detail-head-14d h1{margin:1px 0;color:var(--ink-4450);font-family:var(--brand);font-size:2.6rem;font-weight:400;line-height:1}
.student-subject-detail-head-14d p{margin:4px 0 0;color:var(--ink-3-4450);font-size:.76rem}
.student-book-grid-14d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.student-book-card-14d{display:grid;grid-template-columns:78px minmax(0,1fr);gap:17px;padding:17px;border:1px solid var(--rule-4450);border-radius:15px;background:#fff}
.student-book-cover-14d{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;padding:11px;border-radius:10px;background:linear-gradient(145deg,#2547d0,#1a348f);color:#fff}
.student-book-cover-14d span{font-family:var(--mono);font-size:.5rem;letter-spacing:.12em}
.student-book-cover-14d strong{font-family:var(--brand);font-size:1.4rem;font-weight:400;line-height:1}
.student-book-copy-14d{min-width:0}
.student-book-copy-14d small{color:var(--pen);font-family:var(--mono);font-size:.53rem;font-weight:700}
.student-book-copy-14d h2{margin:5px 0;color:var(--ink-4450);font-family:var(--disp);font-size:1rem;line-height:1.3}
.student-book-copy-14d p{margin:0;color:var(--ink-3-4450);font-size:.68rem}
.student-book-actions-14d{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.student-book-actions-14d button,.student-secondary-14d{min-height:36px;padding:0 11px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.69rem;font-weight:800;cursor:pointer}
.student-book-actions-14d button:first-child{border-color:var(--pen);background:var(--pen);color:#fff}
.student-secondary-14d{margin-top:14px;border-color:#bdc9f5;color:var(--pen)}

.student-reader-actions-14d{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.student-reader-actions-14d button{display:inline-flex;min-height:35px;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.65rem;font-weight:800;cursor:pointer}
.student-reader-actions-14d button:first-child{border-color:var(--pen);background:var(--pen);color:#fff}
.student-reader-actions-14d svg{width:15px;height:15px}
.student-open-source-14d{display:inline-flex;width:auto;min-height:38px;align-items:center;gap:8px;margin-top:11px;padding:0 12px;border:1px solid #bdc9f5;border-radius:9px;background:#f5f7ff;color:var(--pen);font-size:.68rem;font-weight:800;cursor:pointer}
.student-open-source-14d svg{width:16px;height:16px}

.student-resume-quiz-14d{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:17px 18px;border:1px solid #c8d3f7;border-radius:14px;background:#eef2ff}
.student-resume-quiz-14d span{color:var(--pen);font-family:var(--mono);font-size:.52rem;font-weight:800;letter-spacing:.13em}
.student-resume-quiz-14d h2{margin:3px 0;color:var(--ink-4450);font-family:var(--disp);font-size:1rem}
.student-resume-quiz-14d p{margin:0;color:var(--ink-3-4450);font-size:.7rem}
.student-resume-quiz-14d button{min-height:38px;padding:0 13px;border:0;border-radius:9px;background:var(--pen);color:#fff;font-size:.7rem;font-weight:800;cursor:pointer}
.student-quiz-builder-14d{padding:19px;border:1px solid var(--rule-4450);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.student-choice-grid-14d{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.student-choice-grid-14d button{padding:15px;border:1px solid var(--rule-2-4450);border-radius:12px;background:#fff;color:var(--ink-2-4450);cursor:pointer;text-align:left}
.student-choice-grid-14d button.is-active{border-color:var(--pen);background:var(--pen-soft);box-shadow:inset 0 0 0 1px var(--pen)}
.student-choice-grid-14d strong{display:block;color:var(--ink-4450);font-family:var(--disp);font-size:.9rem}
.student-choice-grid-14d span{display:block;margin-top:4px;color:var(--ink-3-4450);font-size:.66rem}
.student-quiz-learning-state-14d{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0;overflow:hidden;border:1px solid var(--rule-4450);border-radius:12px;background:#f9fbfe}
.student-quiz-learning-state-14d article{padding:13px 14px;border-right:1px solid var(--rule-4450)}
.student-quiz-learning-state-14d article:last-child{border-right:0}
.student-quiz-learning-state-14d strong{display:block;color:var(--ink-4450);font-family:var(--brand);font-size:1.7rem;font-weight:400;line-height:1}
.student-quiz-learning-state-14d span{font-size:.6rem;color:var(--ink-3-4450)}
.student-mode-grid-14d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.student-mode-grid-14d button{min-height:42px;padding:0 9px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.67rem;font-weight:800;cursor:pointer}
.student-mode-grid-14d button.is-active{border-color:var(--pen);background:var(--pen);color:#fff}
.student-quiz-controls-14d{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,.6fr);gap:11px;margin:15px 0}
.student-quiz-controls-14d label>span{display:block;margin-bottom:5px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.53rem;font-weight:700;text-transform:uppercase}
.student-quiz-controls-14d select{width:100%;min-height:44px;padding:0 38px 0 12px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-4450);font-size:.72rem;font-weight:600}
.student-multi-lessons-14d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;overflow:auto;margin:12px 0;padding:7px;border:1px solid var(--rule-4450);border-radius:11px;background:#fafbfd}
.student-multi-lessons-14d label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid transparent;border-radius:9px;background:#fff;cursor:pointer}
.student-multi-lessons-14d input{margin-top:3px;accent-color:var(--pen)}
.student-multi-lessons-14d strong{display:block;color:var(--ink-4450);font-size:.7rem}
.student-multi-lessons-14d small{display:block;margin-top:2px;color:var(--ink-3-4450);font-size:.6rem}
.student-quiz-pool-14d{display:flex;align-items:center;justify-content:space-between;margin:13px 0;padding:11px 13px;border-radius:10px;background:#edf8f4;color:#276f5b;font-size:.68rem}
.student-quiz-pool-14d strong{font-size:.72rem}
.student-primary-14d{width:100%;min-height:48px;font-size:.78rem}
.student-primary-14d svg{width:18px;height:18px}
.student-primary-14d:disabled{background:#a9b6df;color:#f8f9ff;cursor:not-allowed}
.student-inline-note-14d{margin:8px 0 0;color:var(--pencil);font-size:.65rem}
.student-recent-list-14d{overflow:hidden;border:1px solid var(--rule-4450);border-radius:13px;background:#fff}
.student-recent-list-14d>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:0;border-bottom:1px solid var(--rule-4450);background:#fff;color:var(--ink-2-4450);cursor:pointer;text-align:left}
.student-recent-list-14d>button:last-child{border-bottom:0}
.student-recent-list-14d>button:hover{background:#f8faff}
.student-recent-list-14d strong{display:block;color:var(--ink-4450);font-size:.73rem}
.student-recent-list-14d small{display:block;margin-top:2px;color:var(--ink-3-4450);font-size:.61rem}
.student-recent-list-14d b{color:var(--pen);font-family:var(--mono);font-size:.72rem}

.student-progress-hero-14d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px;overflow:hidden;border:1px solid var(--rule-4450);border-radius:15px;background:#fff}
.student-progress-hero-14d article{padding:18px;border-right:1px solid var(--rule-4450)}
.student-progress-hero-14d article:last-child{border-right:0}
.student-progress-hero-14d strong{display:block;color:var(--ink-4450);font-family:var(--brand);font-size:2rem;font-weight:400;line-height:1}
.student-progress-hero-14d span{display:block;margin-top:5px;color:var(--ink-3-4450);font-size:.63rem}
.student-progress-columns-14d{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.student-progress-panel-14d{padding:18px;border:1px solid var(--rule-4450);border-radius:15px;background:#fff}
.student-progress-panel-14d.is-focus{border-top:3px solid var(--pencil)}
.student-progress-panel-14d.is-strong{border-top:3px solid var(--tick)}
.student-progress-row-14d{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--rule-4450)}
.student-progress-row-14d:last-of-type{border-bottom:0}
.student-progress-row-14d strong{display:block;color:var(--ink-4450);font-size:.7rem}
.student-progress-row-14d small{display:block;margin-top:2px;color:var(--ink-3-4450);font-size:.59rem}
.student-progress-row-14d b{color:var(--pen);font-family:var(--mono);font-size:.72rem}

/* Admin: upravljanje učeničkim nalozima */
.student-admin-grid-14d{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}
.student-admin-form-14d,.student-admin-list-14d{padding:18px;border:1px solid var(--rule-4450);border-radius:15px;background:#fff}
.student-admin-form-14d h2,.student-admin-list-14d h2{margin:0;color:var(--ink-4450);font-family:var(--disp);font-size:1.05rem}
.student-admin-form-14d p,.student-admin-list-14d p{margin:5px 0 15px;color:var(--ink-3-4450);font-size:.68rem}
.student-admin-fields-14d{display:grid;gap:10px}
.student-admin-fields-14d label>span{display:block;margin-bottom:4px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.52rem;font-weight:700;text-transform:uppercase}
.student-admin-fields-14d input{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-4450);font-size:.73rem}
.student-admin-form-actions-14d{display:flex;gap:8px;margin-top:14px}
.student-admin-form-actions-14d button{min-height:39px;padding:0 13px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;font-size:.7rem;font-weight:800;cursor:pointer}
.student-admin-form-actions-14d button:first-child{border-color:var(--pen);background:var(--pen);color:#fff}
.student-account-list-14d{display:grid;gap:8px}
.student-account-row-14d{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--rule-4450);border-radius:11px;background:#fbfcfe}
.student-account-row-14d.is-inactive{opacity:.62}
.student-account-row-14d strong{display:block;color:var(--ink-4450);font-size:.73rem}
.student-account-row-14d small{display:block;margin-top:2px;color:var(--ink-3-4450);font-size:.6rem}
.student-account-meta-14d{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.student-account-meta-14d span{padding:3px 6px;border-radius:999px;background:#eef2f8;color:var(--ink-3-4450);font-size:.54rem}
.student-account-actions-14d{display:flex;gap:6px}
.student-account-actions-14d button{min-height:34px;padding:0 9px;border:1px solid var(--rule-2-4450);border-radius:8px;background:#fff;color:var(--ink-2-4450);font-size:.62rem;font-weight:800;cursor:pointer}
.student-admin-warning-14d{margin-bottom:13px;padding:11px 12px;border:1px solid #ead3a8;border-radius:10px;background:#fff7e8;color:#8e611c;font-size:.67rem}

@media(max-width:980px){
  .student-actions-grid-14d{grid-template-columns:1fr}
  .student-book-grid-14d{grid-template-columns:1fr}
  .student-admin-grid-14d{grid-template-columns:1fr}
}

@media(max-width:760px){
  .student-main-14d{padding:22px 14px 108px!important}
  .student-home-head-14d,.student-page-head-14d{margin-bottom:17px}
  .student-home-head-14d h1,.student-page-head-14d h1{font-size:2.55rem}
  .student-home-head-14d p,.student-page-head-14d p{font-size:.86rem;line-height:1.5}
  .student-continue-card-14d{grid-template-columns:auto 1fr;gap:13px;padding:16px}
  .student-continue-icon-14d{width:43px;height:43px;border-radius:12px}
  .student-continue-copy-14d h2{font-size:1rem}
  .student-continue-card-14d>button{grid-column:1/-1;width:100%;min-height:45px}
  .student-quick-stats-14d,.student-progress-hero-14d{grid-template-columns:1fr 1fr}
  .student-quick-stats-14d article,.student-progress-hero-14d article{border-bottom:1px solid var(--rule-4450)}
  .student-quick-stats-14d article:nth-child(2n),.student-progress-hero-14d article:nth-child(2n){border-right:0}
  .student-quick-stats-14d article:nth-last-child(-n+2),.student-progress-hero-14d article:nth-last-child(-n+2){border-bottom:0}
  .student-subject-grid-14d{grid-template-columns:1fr}
  .student-subject-card-14d{min-height:98px;padding:14px}
  .student-subject-detail-head-14d h1{font-size:2.25rem}
  .student-book-card-14d{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:13px}
  .student-book-cover-14d{min-height:94px;padding:9px}
  .student-book-cover-14d strong{font-size:1.15rem}
  .student-reader-actions-14d{width:100%;margin:8px 0 0}
  .student-reader-actions-14d button{flex:1;justify-content:center}
  .student-choice-grid-14d{grid-template-columns:1fr}
  .student-quiz-learning-state-14d{grid-template-columns:1fr 1fr}
  .student-quiz-learning-state-14d article:nth-child(2){border-right:0}
  .student-quiz-learning-state-14d article:nth-child(-n+2){border-bottom:1px solid var(--rule-4450)}
  .student-mode-grid-14d{grid-template-columns:1fr 1fr}
  .student-quiz-controls-14d{grid-template-columns:1fr}
  .student-multi-lessons-14d{grid-template-columns:1fr;max-height:300px}
  .student-resume-quiz-14d{align-items:stretch;flex-direction:column}
  .student-resume-quiz-14d button{width:100%}
  .student-progress-columns-14d{grid-template-columns:1fr}
  .student-more-sheet-14d .mobile-more-grid{grid-template-columns:1fr}
  .student-open-source-14d{width:100%;justify-content:center;min-height:43px}
  .student-shell-14d .quiz-session-head-13a3 .info-kicker{font-size:.58rem}
  .student-shell-14d .gradivo-reader-head-14c{flex-wrap:wrap}
}

@media(max-width:410px){
  .student-main-14d{padding-left:11px!important;padding-right:11px!important}
  .student-quick-stats-14d article,.student-progress-hero-14d article{padding:14px}
  .student-quick-stats-14d strong,.student-progress-hero-14d strong{font-size:1.72rem}
  .student-subject-card-14d{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
  .student-subject-icon-14d{width:40px;height:40px}
  .student-book-card-14d{grid-template-columns:1fr}
  .student-book-cover-14d{min-height:72px}
}

/* 14D admin account form — actual component class names */
.student-admin-loading-14d{padding:22px!important;color:var(--ink-3-4450)!important}
.student-account-form-14d,.student-account-summary-14d{padding:18px!important}
.student-account-form-14d h2,.student-account-summary-14d h2{margin:4px 0 5px!important;color:var(--ink-4450)!important;font-family:var(--disp)!important;font-size:1.08rem!important}
.student-account-form-14d>p{margin:0 0 15px;color:var(--ink-3-4450);font-size:.69rem}
.student-account-form-14d>label{display:block;margin:10px 0}
.student-account-form-14d>label>span{display:block;margin-bottom:4px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.52rem;font-weight:700;text-transform:uppercase}
.student-account-form-14d>label small{font-family:var(--ui);font-weight:500;text-transform:none}
.student-account-form-14d input{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-4450);font-size:.73rem}
.student-account-actions-14d{display:flex;gap:8px;margin-top:14px}
.student-account-actions-14d button{min-height:39px;padding:0 13px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.68rem;font-weight:800;cursor:pointer}
.student-account-actions-14d .primary-btn{border-color:var(--pen)!important;background:var(--pen)!important;color:#fff!important}
.student-account-summary-list-14d{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.student-account-summary-list-14d>span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:11px;border:1px solid var(--rule-4450);border-radius:10px;background:#fafbfd}
.student-account-summary-list-14d svg{grid-row:1/3;width:18px;height:18px;color:var(--pen)}
.student-account-summary-list-14d b{color:var(--ink-4450);font-size:.68rem}
.student-account-summary-list-14d small{color:var(--ink-3-4450);font-size:.57rem}
.student-admin-migration-14d{margin-top:12px;padding:11px;border:1px solid #ead3a8;border-radius:10px;background:#fff7e8;color:#805a1f}
.student-admin-migration-14d strong,.student-admin-migration-14d span{display:block;font-size:.64rem;line-height:1.45}
.student-account-list-panel-14d{margin-top:16px!important;overflow:hidden}
.student-account-list-14d{padding:10px 14px 14px}
.student-account-row-14d{grid-template-columns:38px minmax(0,1fr) auto auto}
.student-account-row-14d>.avatar{width:38px;height:38px;font-size:.69rem}
.student-account-main-14d{min-width:0}
.student-account-main-14d strong{display:block;color:var(--ink-4450);font-size:.72rem}
.student-account-main-14d span,.student-account-main-14d small{display:block;overflow:hidden;margin-top:2px;color:var(--ink-3-4450);font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}
.student-account-status-14d{padding:4px 7px;border-radius:999px;background:#eef1f6;color:var(--ink-3-4450);font-family:var(--mono);font-size:.49rem;font-weight:800}
.student-account-status-14d.is-active{background:var(--tick-soft);color:var(--tick)}
.student-account-row-actions-14d{display:flex;gap:5px}
.student-account-row-actions-14d button{min-height:32px;padding:0 8px;border:1px solid var(--rule-2-4450);border-radius:8px;background:#fff;color:var(--ink-2-4450);font-size:.59rem;font-weight:800;cursor:pointer}
@media(max-width:760px){
  .student-account-summary-list-14d{grid-template-columns:1fr 1fr}
  .student-account-row-14d{grid-template-columns:36px minmax(0,1fr) auto}
  .student-account-status-14d{grid-column:3}
  .student-account-row-actions-14d{grid-column:2/4;justify-content:flex-end}
}
@media(max-width:430px){
  .student-account-summary-list-14d{grid-template-columns:1fr}
  .student-account-row-14d{grid-template-columns:34px minmax(0,1fr)}
  .student-account-status-14d{grid-column:2;justify-self:start}
  .student-account-row-actions-14d{grid-column:1/3;width:100%}
  .student-account-row-actions-14d button{flex:1}
}
.student-subject-detail-head-14d>div{min-width:0}
.student-book-copy-14d>div{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:10px;color:var(--ink-3-4450);font-size:.6rem}
.student-book-actions-14d{grid-column:2}
@media(max-width:410px){.student-book-actions-14d{grid-column:auto}}

/* ========================================================================
   14E — STUDENT LEKCIJA: GRADIVO · SAŽETAK · PONAVLJANJE · KVIZ
   ======================================================================== */
.student-lesson-reader-14e{overflow:visible!important}
.student-lesson-head-14e{padding-bottom:0!important}
.student-lesson-tabs-14e{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin-top:16px;
  padding:8px;
  border:1px solid var(--rule-4450);
  border-radius:14px 14px 0 0;
  background:#f7f9fd;
}
.student-lesson-tabs-14e button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:48px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--ink-3-4450);
  font-family:var(--ui);
  font-size:.73rem;
  font-weight:800;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.student-lesson-tabs-14e button:hover{background:#fff;border-color:var(--rule-2-4450);color:var(--ink-4450)}
.student-lesson-tabs-14e button:active{transform:translateY(1px)}
.student-lesson-tabs-14e button.is-active{border-color:#b9c8ff;background:#eaf0ff;color:var(--pen);box-shadow:0 2px 8px rgba(31,76,216,.08)}
.student-lesson-tabs-14e svg{width:19px;height:19px;flex:0 0 auto}
.student-lesson-tab-body-14e{min-height:260px}
.student-lesson-nav-14e{margin-top:0!important}

.student-study-loading-14e{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:330px;
  padding:28px;
  color:var(--ink-3-4450);
}
.student-study-loading-14e p{margin:12px 0 0;font-size:.75rem}

.student-summary-14e{padding:26px 28px 30px;background:#fff}
.student-summary-14e>header{max-width:820px;margin-bottom:20px}
.student-summary-14e>header>span,.student-review-head-14e span,.student-lesson-quiz-14e>header>span{
  color:var(--pen);
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.16em;
}
.student-summary-14e>header h2,.student-lesson-quiz-14e>header h2{
  margin:6px 0 7px;
  color:var(--ink-4450);
  font-family:var(--disp);
  font-size:1.45rem;
  line-height:1.12;
}
.student-summary-14e>header p,.student-lesson-quiz-14e>header p{
  margin:0;
  color:var(--ink-3-4450);
  font-size:.78rem;
  line-height:1.65;
}
.student-summary-sections-14e{display:grid;gap:14px}
.student-summary-section-14e{overflow:hidden;border:1px solid var(--rule-4450);border-radius:14px;background:#fbfcff}
.student-summary-section-head-14e{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--rule-4450);background:#f6f8fc}
.student-summary-section-head-14e span{color:var(--ink-4450);font-size:.74rem;font-weight:850}
.student-summary-section-head-14e b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:#e9efff;color:var(--pen);font-family:var(--mono);font-size:.57rem}
.student-summary-facts-14e{padding:5px 15px}
.student-summary-fact-14e{display:grid;grid-template-columns:10px minmax(0,1fr);gap:11px;padding:13px 0;border-bottom:1px solid #e9edf4}
.student-summary-fact-14e:last-child{border-bottom:0}
.student-summary-dot-14e{width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--pen)}
.student-summary-fact-14e p{margin:0;color:var(--ink-2-4450);font-size:.86rem;line-height:1.62}
.student-summary-note-14e{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 14px;border:1px solid #bfe6d7;border-radius:11px;background:#f1fbf7;color:#367c69;font-size:.65rem;line-height:1.55}
.student-summary-note-14e svg{width:18px;height:18px;flex:0 0 auto}

.student-study-source-14e{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  margin-top:9px;
  padding:6px 10px;
  border:1px solid #c4d0f5;
  border-radius:9px;
  background:#fff;
  color:var(--pen);
  font-size:.62rem;
  font-weight:800;
  cursor:pointer;
}
.student-study-source-14e svg{width:16px;height:16px}
.student-study-source-14e small{margin-left:2px;color:var(--ink-3-4450);font-family:var(--mono);font-size:.52rem;font-weight:600}

.student-review-14e{padding:24px 28px 30px;background:#fff}
.student-review-head-14e{margin-bottom:16px}
.student-review-head-14e>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}
.student-review-head-14e strong{color:var(--ink-2-4450);font-size:.7rem}
.student-review-progress-14e{height:6px;overflow:hidden;border-radius:999px;background:#e9edf5}
.student-review-progress-14e span{display:block;height:100%;border-radius:inherit;background:var(--pen);transition:width .2s ease}
.student-review-card-14e{padding:24px;border:1px solid var(--rule-2-4450);border-radius:16px;background:#fbfcff;box-shadow:0 4px 16px rgba(23,36,65,.045)}
.student-review-card-meta-14e{margin-bottom:12px;color:var(--ink-3-4450);font-size:.65rem;font-weight:650}
.student-review-card-14e h2{max-width:900px;margin:0;color:var(--ink-4450);font-family:var(--ui);font-size:1.18rem;line-height:1.42}
.student-review-reveal-14e{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;margin-top:20px;border:0;border-radius:11px;background:var(--pen);color:#fff;font-size:.78rem;font-weight:850;cursor:pointer}
.student-review-reveal-14e svg{width:19px;height:19px}
.student-review-answer-14e{margin-top:20px;padding-top:20px;border-top:1px solid var(--rule-4450)}
.student-review-answer-14e>span{display:block;margin-bottom:5px;color:#2f8169;font-family:var(--mono);font-size:.58rem;font-weight:850;letter-spacing:.13em}
.student-review-answer-14e>strong{display:block;color:#226d5a;font-size:1.06rem;line-height:1.4}
.student-review-answer-14e>p{margin:11px 0 0;color:var(--ink-2-4450);font-size:.78rem;line-height:1.62}
.student-review-answer-14e blockquote{margin:15px 0 0;padding:13px 14px;border:1px solid #d5deef;border-left:3px solid var(--pen);border-radius:10px;background:#f7f9fd;color:var(--ink-3-4450);font-size:.74rem;line-height:1.62}
.student-review-answer-14e blockquote b{display:block;margin-bottom:5px;color:var(--pen);font-family:var(--mono);font-size:.55rem;letter-spacing:.08em}
.student-review-actions-14e{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.student-review-actions-14e button{min-height:48px;border:1px solid #d3dae9;border-radius:10px;background:#fff;color:var(--ink-2-4450);font-size:.72rem;font-weight:850;cursor:pointer}
.student-review-actions-14e button.is-known{border-color:#8ed2bb;background:#e8f8f2;color:#25705a}
.student-review-mini-stats-14e{display:flex;justify-content:center;gap:18px;margin-top:13px;color:var(--ink-3-4450);font-size:.61rem}
.student-review-mini-stats-14e b{color:var(--ink-4450);font-family:var(--mono)}

.student-review-finish-14e{display:flex;flex-direction:column;align-items:center;padding:38px 28px;background:#fff;text-align:center}
.student-review-finish-icon-14e{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e5f7f0;color:#2d8269}
.student-review-finish-icon-14e svg{width:28px;height:28px}
.student-review-finish-14e>span{margin-top:14px;color:#2d8269;font-family:var(--mono);font-size:.6rem;font-weight:800;letter-spacing:.13em}
.student-review-finish-14e h2{margin:7px 0 0;color:var(--ink-4450);font-family:var(--disp);font-size:1.4rem}
.student-review-finish-stats-14e{display:grid;grid-template-columns:repeat(2,130px);gap:10px;margin:20px 0}
.student-review-finish-stats-14e article{padding:13px;border:1px solid var(--rule-4450);border-radius:11px;background:#fafbfd}
.student-review-finish-stats-14e strong,.student-review-finish-stats-14e small{display:block}
.student-review-finish-stats-14e strong{color:var(--ink-4450);font-family:var(--disp);font-size:1.55rem}
.student-review-finish-stats-14e small{margin-top:2px;color:var(--ink-3-4450);font-size:.59rem}
.student-review-finish-actions-14e{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.student-review-finish-actions-14e button{min-height:43px;padding:0 14px;border:1px solid var(--rule-2-4450);border-radius:9px;background:#fff;color:var(--ink-2-4450);font-size:.66rem;font-weight:800;cursor:pointer}
.student-review-finish-actions-14e button.is-primary{border-color:var(--pen);background:var(--pen);color:#fff}

.student-lesson-quiz-14e{padding:26px 28px 30px;background:#fff}
.student-lesson-quiz-count-14e{display:flex;align-items:baseline;gap:8px;margin:18px 0 15px;padding:14px;border:1px solid #c9d6f8;border-radius:12px;background:#f2f6ff;color:var(--pen)}
.student-lesson-quiz-count-14e strong{font-family:var(--disp);font-size:1.75rem}
.student-lesson-quiz-count-14e span{font-size:.68rem;font-weight:700}
.student-lesson-quiz-strategy-14e{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.student-lesson-quiz-strategy-14e button{padding:14px;border:1px solid var(--rule-2-4450);border-radius:12px;background:#fff;text-align:left;cursor:pointer}
.student-lesson-quiz-strategy-14e button.is-active{border-color:var(--pen);background:#eef3ff;box-shadow:inset 0 0 0 1px var(--pen)}
.student-lesson-quiz-strategy-14e strong,.student-lesson-quiz-strategy-14e span{display:block}
.student-lesson-quiz-strategy-14e strong{color:var(--ink-4450);font-size:.75rem}
.student-lesson-quiz-strategy-14e span{margin-top:4px;color:var(--ink-3-4450);font-size:.62rem;line-height:1.45}
.student-lesson-quiz-counts-14e{display:flex;gap:8px;margin:14px 0}
.student-lesson-quiz-counts-14e button{display:flex;align-items:baseline;gap:5px;min-width:92px;min-height:46px;padding:0 13px;border:1px solid var(--rule-2-4450);border-radius:10px;background:#fff;color:var(--ink-2-4450);font-family:var(--disp);font-size:1.15rem;cursor:pointer}
.student-lesson-quiz-counts-14e button small{font-family:var(--ui);font-size:.55rem;font-weight:700}
.student-lesson-quiz-counts-14e button.is-active{border-color:var(--pen);background:#edf2ff;color:var(--pen)}
.student-lesson-quiz-start-14e{width:100%;margin-top:3px}
.student-study-empty-inline-14e{display:flex;flex-direction:column;gap:4px;margin-top:17px;padding:14px;border:1px solid #ead3a8;border-radius:11px;background:#fff8ea;color:#805a1f;font-size:.67rem}

.student-study-empty-14e{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:30px;background:#fff;text-align:center}
.student-study-empty-14e>div{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#edf2ff;color:var(--pen)}
.student-study-empty-14e>div svg{width:24px;height:24px}
.student-study-empty-14e h2{margin:13px 0 5px;color:var(--ink-4450);font-family:var(--disp);font-size:1.3rem}
.student-study-empty-14e p{max-width:590px;margin:0;color:var(--ink-3-4450);font-size:.72rem;line-height:1.6}
.student-study-empty-14e button{min-height:40px;margin-top:14px;padding:0 13px;border:1px solid var(--pen);border-radius:9px;background:#fff;color:var(--pen);font-size:.66rem;font-weight:800;cursor:pointer}

@media(max-width:760px){
  .student-lesson-tabs-14e{position:sticky;top:0;z-index:12;gap:4px;margin:13px -14px 0;width:calc(100% + 28px);padding:7px;border-left:0;border-right:0;border-radius:0;background:rgba(247,249,253,.97);backdrop-filter:blur(12px)}
  .student-lesson-tabs-14e button{min-height:48px;padding:6px 4px;gap:5px;font-size:.65rem}
  .student-lesson-tabs-14e svg{width:17px;height:17px}
  .student-summary-14e,.student-review-14e,.student-lesson-quiz-14e{padding:20px 16px 24px}
  .student-summary-14e>header h2,.student-lesson-quiz-14e>header h2{font-size:1.3rem}
  .student-summary-14e>header p,.student-lesson-quiz-14e>header p{font-size:.76rem}
  .student-summary-facts-14e{padding:3px 12px}
  .student-summary-fact-14e p{font-size:.88rem;line-height:1.62}
  .student-study-source-14e{width:100%;justify-content:center;min-height:40px}
  .student-review-card-14e{padding:19px 16px}
  .student-review-card-14e h2{font-size:1.1rem}
  .student-review-answer-14e>strong{font-size:1.02rem}
  .student-review-answer-14e>p,.student-review-answer-14e blockquote{font-size:.79rem}
  .student-review-actions-14e{grid-template-columns:1fr}
  .student-review-actions-14e button{min-height:50px}
  .student-lesson-quiz-strategy-14e{grid-template-columns:1fr}
  .student-lesson-quiz-counts-14e{display:grid;grid-template-columns:repeat(3,1fr)}
  .student-lesson-quiz-counts-14e button{justify-content:center;min-width:0}
}

@media(max-width:430px){
  .student-lesson-tabs-14e button{flex-direction:column;gap:2px;min-height:52px;font-size:.58rem}
  .student-lesson-tabs-14e svg{width:16px;height:16px}
  .student-review-finish-stats-14e{grid-template-columns:1fr 1fr;width:100%}
  .student-review-finish-actions-14e{width:100%}
  .student-review-finish-actions-14e button{width:100%}
}
.student-review-options-14e{display:grid;gap:8px;margin-top:18px}
.student-review-options-14e>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid #d8dfec;border-radius:10px;background:#fff;color:var(--ink-2-4450)}
.student-review-options-14e>div>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c9d3e4;border-radius:50%;background:#f8faff;color:var(--ink-3-4450);font-family:var(--mono);font-size:.62rem;font-weight:800}
.student-review-options-14e>div>p{margin:0;font-size:.78rem;line-height:1.45}
.student-review-options-14e>div.is-correct{border-color:#9ad9c4;background:#edf9f5;color:#286f5a}
.student-review-options-14e>div.is-correct>span{border-color:#58ac90;background:#3c9075;color:#fff}
@media(max-width:760px){.student-review-options-14e>div{grid-template-columns:32px minmax(0,1fr);padding:10px}.student-review-options-14e>div>p{font-size:.8rem}}

/* 14E — active recall is intentionally answer-first, without MCQ cueing. */
.student-review-think-14e{
  margin:18px 0 6px;
  padding:14px 16px;
  border:1px dashed var(--rule-4450);
  border-radius:12px;
  background:rgba(246,248,255,.76);
  color:var(--ink-2-4450);
  font-size:.94rem;
  line-height:1.55;
  text-align:center;
}

/* ========================================================================
   14F — STUDENT PROGRESS / LESSON COMPLETION
   ======================================================================== */
.student-subject-progress-14f{display:block!important;height:5px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e9edf6}
.student-subject-progress-14f i{display:block;height:100%;border-radius:inherit;background:var(--pen)}
.student-book-progress-14f{height:6px;margin-top:13px;overflow:hidden;border-radius:999px;background:#e9edf5}
.student-book-progress-14f span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pen),#6b82db)}
.student-book-progress-label-14f{display:block!important;margin-top:5px!important;color:var(--ink-3-4450)!important;font-family:var(--mono)!important;font-size:.55rem!important;font-weight:700!important}

.student-lesson-completion-14f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:16px 0 0;padding:14px 16px;border:1px solid #d4dced;border-radius:13px;background:#fafbfe}
.student-lesson-completion-14f>div>span{display:block;color:var(--pen);font-family:var(--mono);font-size:.55rem;font-weight:850;letter-spacing:.1em}
.student-lesson-completion-14f>div>strong{display:block;margin-top:4px;color:var(--ink-2-4450);font-size:.75rem}
.student-lesson-completion-14f>div>small{display:block;max-width:760px;margin-top:4px;color:var(--ink-3-4450);font-size:.61rem;line-height:1.5}
.student-lesson-completion-14f>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--pen);border-radius:10px;background:#fff;color:var(--pen);font-size:.65rem;font-weight:850;cursor:pointer;white-space:nowrap}
.student-lesson-completion-14f>button svg{width:17px;height:17px}
.student-lesson-completion-14f.is-completed{border-color:#adddcb;background:#edf9f5}
.student-lesson-completion-14f.is-completed>div>span{color:#28745d}
.student-lesson-completion-14f.is-completed>button{border-color:#62ad92;background:#3b9074;color:#fff}

.student-progress-continue-14f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px;padding:18px 20px;border:1px solid #c8d3f7;border-radius:16px;background:linear-gradient(135deg,#eef3ff,#fff 72%);box-shadow:0 8px 28px rgba(34,61,158,.05)}
.student-progress-continue-icon-14f{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--pen);color:#fff}
.student-progress-continue-icon-14f svg{width:22px;height:22px}
.student-progress-continue-14f>div:nth-child(2)>span{display:block;color:var(--pen);font-family:var(--mono);font-size:.55rem;font-weight:850;letter-spacing:.12em}
.student-progress-continue-14f small{display:block;margin-top:3px;color:var(--ink-3-4450);font-size:.6rem}
.student-progress-continue-14f h2{margin:4px 0 0;color:var(--ink-4450);font-family:var(--disp);font-size:1.2rem}
.student-progress-continue-14f p{margin:4px 0 0;color:var(--ink-3-4450);font-size:.65rem}
.student-progress-continue-14f>button{min-height:42px;padding:0 15px;border:0;border-radius:10px;background:var(--pen);color:#fff;font-size:.67rem;font-weight:850;cursor:pointer}

.student-progress-hero-14f{margin-bottom:14px}
.student-progress-overall-14f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;margin-bottom:18px;padding:16px 18px;border:1px solid var(--rule-4450);border-radius:14px;background:#fff}
.student-progress-overall-14f>div:first-child span{display:block;color:var(--ink-3-4450);font-family:var(--mono);font-size:.53rem;font-weight:800;letter-spacing:.11em}
.student-progress-overall-14f>div:first-child strong{display:block;margin-top:4px;color:var(--ink-2-4450);font-size:.72rem}
.student-progress-overall-14f>b{color:var(--pen);font-family:var(--disp);font-size:1.55rem;font-weight:400}
.student-progress-overall-bar-14f{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:#e8edf8}
.student-progress-overall-bar-14f span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pen),#6983e5)}

.student-subject-progress-grid-14f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.student-subject-progress-card-14f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px;border:1px solid var(--rule-4450);border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease)}
.student-subject-progress-card-14f:hover{transform:translateY(-2px);border-color:#bdc9eb;box-shadow:0 8px 24px rgba(20,34,80,.06)}
.student-subject-progress-card-14f span:first-child{color:var(--pen);font-family:var(--mono);font-size:.52rem;font-weight:850;letter-spacing:.12em}
.student-subject-progress-card-14f h3{margin:4px 0 2px;color:var(--ink-4450);font-family:var(--disp);font-size:1.12rem}
.student-subject-progress-card-14f p{margin:0;color:var(--ink-3-4450);font-size:.62rem}
.student-subject-progress-card-14f>b{align-self:center;color:var(--ink-4450);font-family:var(--disp);font-size:1.45rem;font-weight:400}
.student-subject-progress-bar-14f{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:#e8edf7}
.student-subject-progress-bar-14f i{display:block;height:100%;border-radius:inherit;background:var(--pen)}
.student-subject-progress-card-14f>small{grid-column:1/-1;color:var(--ink-3-4450);font-size:.56rem}

.student-progress-columns-14f{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.student-progress-panel-14d.is-completed-14f{border-top:3px solid var(--tick)}
.student-progress-lesson-list-14f{display:grid;gap:8px}
.student-progress-lesson-row-14f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:11px;border:1px solid #dbe1ed;border-radius:11px;background:#fbfcfe;color:var(--ink-2-4450);text-align:left;cursor:pointer}
.student-progress-lesson-row-14f:hover{border-color:#c3cdea;background:#f7f9ff}
.student-progress-lesson-state-14f{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2ff;color:var(--pen)}
.student-progress-lesson-state-14f svg{width:17px;height:17px}
.student-progress-lesson-row-14f.is-completed .student-progress-lesson-state-14f{background:#e7f6f0;color:#2e7d66}
.student-progress-lesson-copy-14f small,.student-progress-lesson-copy-14f strong,.student-progress-lesson-copy-14f span{display:block}
.student-progress-lesson-copy-14f small{color:var(--ink-3-4450);font-size:.54rem}
.student-progress-lesson-copy-14f strong{margin-top:2px;color:var(--ink-2-4450);font-size:.68rem;line-height:1.35}
.student-progress-lesson-copy-14f>span{margin-top:3px;color:var(--ink-3-4450);font-size:.55rem}
.student-progress-lesson-copy-14f>i{display:block;height:4px;margin-top:6px;overflow:hidden;border-radius:999px;background:#e8edf5}
.student-progress-lesson-copy-14f>i>b{display:block;height:100%;border-radius:inherit;background:var(--pen)}
.student-progress-lesson-arrow-14f{color:var(--ink-3-4450);font-size:.95rem}

.student-progress-performance-14f{margin-top:0}
.student-performance-row-14f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;margin-bottom:7px;padding:10px 11px;border:1px solid #dce2ed;border-radius:10px;background:#fff;text-align:left;cursor:pointer}
.student-performance-row-14f:hover{background:#fafbfe}
.student-performance-row-14f span small,.student-performance-row-14f span strong,.student-performance-row-14f span em{display:block}
.student-performance-row-14f span small{color:var(--ink-3-4450);font-size:.52rem}
.student-performance-row-14f span strong{margin-top:2px;color:var(--ink-2-4450);font-size:.67rem;line-height:1.35}
.student-performance-row-14f span em{margin-top:3px;color:var(--ink-3-4450);font-size:.54rem;font-style:normal}
.student-performance-row-14f>b{font-family:var(--disp);font-size:1.1rem;font-weight:400}
.student-performance-row-14f.is-weak>b{color:#b37a20}
.student-performance-row-14f.is-strong>b{color:#2c8067}
.student-progress-bottom-grid-14f{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-top:14px}
.student-progress-trend-14f{display:grid;grid-template-columns:repeat(10,minmax(20px,1fr));gap:7px;align-items:end;min-height:180px;padding:16px 4px 3px}
.student-progress-trend-item-14f{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px}
.student-progress-trend-item-14f>span{display:flex;align-items:flex-end;width:100%;height:116px;overflow:hidden;border-radius:7px;background:#edf1f8}
.student-progress-trend-item-14f>span i{display:block;width:100%;border-radius:7px 7px 4px 4px;background:linear-gradient(180deg,#6982e1,var(--pen))}
.student-progress-trend-item-14f>b{color:var(--ink-2-4450);font-family:var(--mono);font-size:.5rem}
.student-progress-trend-item-14f>small{color:var(--ink-3-4450);font-size:.47rem}

.student-account-row-actions-14d button.is-progress{border-color:#c2d0f6;background:#eef3ff;color:var(--pen)}
.student-admin-progress-overlay-14f{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(17,22,38,.48);backdrop-filter:blur(5px)}
.student-admin-progress-sheet-14f{width:min(980px,96vw);max-height:min(820px,92vh);overflow:auto;border:1px solid #d8dfeb;border-radius:18px;background:#f7f9fc;box-shadow:0 24px 80px rgba(12,18,36,.22)}
.student-admin-progress-sheet-14f>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--rule-4450);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.student-admin-progress-sheet-14f>header span{display:block;color:var(--pen);font-family:var(--mono);font-size:.55rem;font-weight:850;letter-spacing:.12em}
.student-admin-progress-sheet-14f>header h2{margin:4px 0 0;color:var(--ink-4450);font-family:var(--disp);font-size:1.45rem}
.student-admin-progress-sheet-14f>header p{margin:4px 0 0;color:var(--ink-3-4450);font-size:.62rem}
.student-admin-progress-sheet-14f>header>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--rule-4450);border-radius:10px;background:#fff;color:var(--ink-2-4450);font-size:1.35rem;cursor:pointer}
.student-admin-progress-body-14f{padding:18px}
.student-admin-progress-loading-14f,.student-admin-progress-error-14f{display:flex;min-height:320px;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;color:var(--ink-3-4450)}
.student-admin-progress-kpis-14f{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin-bottom:14px;border:1px solid var(--rule-4450);border-radius:13px;background:#fff}
.student-admin-progress-kpis-14f article{padding:15px;border-right:1px solid var(--rule-4450)}
.student-admin-progress-kpis-14f article:last-child{border-right:0}
.student-admin-progress-kpis-14f strong{display:block;color:var(--ink-4450);font-family:var(--disp);font-size:1.55rem;font-weight:400}
.student-admin-progress-kpis-14f span{display:block;margin-top:3px;color:var(--ink-3-4450);font-size:.55rem}
.student-admin-progress-section-14f,.student-admin-progress-columns-14f>article{padding:15px;border:1px solid var(--rule-4450);border-radius:13px;background:#fff}
.student-admin-subject-list-14f{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.student-admin-subject-list-14f article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px;border:1px solid #dfe5ef;border-radius:10px;background:#fbfcfe}
.student-admin-subject-list-14f strong,.student-admin-subject-list-14f small{display:block}
.student-admin-subject-list-14f strong{color:var(--ink-2-4450);font-size:.68rem}
.student-admin-subject-list-14f small{margin-top:2px;color:var(--ink-3-4450);font-size:.53rem}
.student-admin-subject-list-14f>b{color:var(--pen);font-family:var(--disp);font-size:1rem;font-weight:400}
.student-admin-subject-list-14f>article>span{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#e8edf5}
.student-admin-subject-list-14f>article>span i{display:block;height:100%;border-radius:inherit;background:var(--pen)}
.student-admin-progress-columns-14f{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.student-admin-performance-row-14f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e5e9f1}
.student-admin-performance-row-14f:last-child{border-bottom:0}
.student-admin-performance-row-14f strong,.student-admin-performance-row-14f small{display:block}
.student-admin-performance-row-14f strong{color:var(--ink-2-4450);font-size:.64rem}
.student-admin-performance-row-14f small{margin-top:2px;color:var(--ink-3-4450);font-size:.51rem}
.student-admin-performance-row-14f>b{color:var(--ink-4450);font-family:var(--disp);font-size:1rem;font-weight:400}
body.student-admin-progress-open-14f{overflow:hidden}

@media(max-width:900px){
  .student-subject-progress-grid-14f{grid-template-columns:1fr 1fr}
  .student-progress-bottom-grid-14f{grid-template-columns:1fr}
  .student-admin-progress-kpis-14f{grid-template-columns:1fr 1fr}
  .student-admin-progress-kpis-14f article:nth-child(2){border-right:0}
  .student-admin-progress-kpis-14f article:nth-child(-n+2){border-bottom:1px solid var(--rule-4450)}
  .student-admin-progress-columns-14f{grid-template-columns:1fr}
}

@media(max-width:760px){
  .student-lesson-completion-14f{grid-template-columns:1fr;margin:12px -7px 0;padding:13px}
  .student-lesson-completion-14f>button{width:100%;min-height:46px}
  .student-progress-continue-14f{grid-template-columns:auto 1fr;padding:15px}
  .student-progress-continue-14f>button{grid-column:1/-1;width:100%;min-height:45px}
  .student-subject-progress-grid-14f,.student-progress-columns-14f{grid-template-columns:1fr}
  .student-progress-overall-14f{padding:14px}
  .student-progress-lesson-row-14f{padding:10px}
  .student-progress-trend-14f{gap:4px;min-height:155px;padding-left:0;padding-right:0}
  .student-progress-trend-item-14f>span{height:95px}
  .student-admin-progress-overlay-14f{align-items:flex-end;padding:0}
  .student-admin-progress-sheet-14f{width:100%;max-height:88vh;border-radius:20px 20px 0 0}
  .student-admin-progress-body-14f{padding:14px}
  .student-admin-subject-list-14f{grid-template-columns:1fr}
}

@media(max-width:430px){
  .student-subject-progress-grid-14f{grid-template-columns:1fr}
  .student-progress-trend-14f{grid-template-columns:repeat(5,1fr);row-gap:14px}
  .student-admin-progress-kpis-14f{grid-template-columns:1fr 1fr}
}

/* --------------------------------------------------------------------------
   14H — WORD IZVOZ PITANJA
   -------------------------------------------------------------------------- */
.question-bank-actions-14h{display:flex;max-width:560px;flex-direction:column;align-items:flex-end;gap:7px}
.question-word-export-btn-14h{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:0;padding:9px 13px;border-color:#b9c8ec;background:#f5f8ff;color:var(--pen);font-weight:750}
.question-word-export-btn-14h:hover:not(:disabled){border-color:#8ca6e2;background:#edf3ff}
.question-word-export-btn-14h:disabled{cursor:not-allowed;opacity:.48}
.question-word-mark-14h{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--pen);color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:.76rem;font-weight:800;line-height:1}
.question-word-help-14h{display:block;max-width:520px;color:var(--ink-3-4450);font-size:.54rem;line-height:1.45;text-align:right}
.question-word-export-btn-14h.is-loading{pointer-events:none}
.question-word-spinner-14h{width:15px;height:15px;border:2px solid rgba(40,83,177,.22);border-top-color:var(--pen);border-radius:50%;animation:questionWordSpin14H .72s linear infinite}
@keyframes questionWordSpin14H{to{transform:rotate(360deg)}}

@media(max-width:760px){
  .question-bank-head{align-items:stretch}
  .question-bank-actions-14h{width:100%;max-width:none;align-items:stretch}
  .question-bank-note,.question-word-help-14h{max-width:none;text-align:left}
  .question-word-export-btn-14h{width:100%;min-height:46px}
}

/* 14H-R2 — ADMIN-only Word export variants */
.question-word-export-group-14h{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.question-word-export-btn-14h.is-key{background:#eef8f3;border-color:#b9ddcf;color:#176d55}
.question-word-export-btn-14h.is-key:hover:not(:disabled){background:#e4f4ec;border-color:#90cbb6}
.question-word-export-btn-14h.is-key .question-word-mark-14h{background:#218467}
@media(max-width:760px){
  .question-word-export-group-14h{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .question-word-export-group-14h .question-word-export-btn-14h{width:100%}
}

/* ============================================================================
   R8.33 · SCIENTIFIC MODULE UI ACCEPTANCE PASS · 2026-08-26
   Modernizes only the Scientific Core surface. Scientific/business logic stays
   in the existing R8.33 endpoints and calculation engine.
   ============================================================================ */
.scientific-page-833{display:grid;gap:18px;padding-bottom:36px}
.scientific-page-833 .panel{margin:0!important}
.scientific-hero-833{
  position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding:26px 28px;border:1px solid #cbd6f1;border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#f7f9ff 55%,#eef3ff 100%);
  box-shadow:0 12px 34px rgba(37,71,208,.08)
}
.scientific-hero-833:after{content:"";position:absolute;right:-76px;top:-92px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(37,71,208,.12),rgba(37,71,208,0) 68%);pointer-events:none}
.scientific-hero-main-833{display:flex;align-items:center;gap:16px;min-width:0;position:relative;z-index:1}
.scientific-hero-icon-833{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:17px;background:#2547d0;color:#fff;box-shadow:0 12px 24px rgba(37,71,208,.22)}
.scientific-hero-icon-833 svg{width:28px;height:28px}
.scientific-eyebrow-833{display:block;margin-bottom:5px;color:#2547d0;font:700 10px/1.1 var(--mono);letter-spacing:.17em;text-transform:uppercase}
.scientific-hero-main-833 h1{margin:0;color:#101322;font:700 clamp(30px,4vw,48px)/.98 var(--brand);letter-spacing:.02em}
.scientific-hero-main-833 p{margin:8px 0 0;color:#66718a;font-size:14px}
.scientific-hero-actions-833{position:relative;z-index:1;display:flex;align-items:flex-end;gap:10px;min-width:min(520px,46vw)}
.scientific-book-select-833{display:grid;gap:6px;min-width:0;flex:1}
.scientific-book-select-833>span,.scientific-filter-select-833>span{color:#77829a;font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.scientific-book-select-833 select,.scientific-filter-select-833 select{
  width:100%;height:44px;border:1px solid #cdd6e5;border-radius:12px;padding:0 36px 0 12px;background:#fff;color:#273149;font-size:13px;font-weight:600;box-shadow:0 1px 2px rgba(16,19,34,.03)
}
.scientific-rebuild-btn-833{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #2547d0;border-radius:12px;background:#2547d0;color:#fff;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px rgba(37,71,208,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.scientific-rebuild-btn-833 svg{width:17px;height:17px}.scientific-rebuild-btn-833:hover:not(:disabled){transform:translateY(-1px);background:#1b37a8;box-shadow:0 11px 24px rgba(37,71,208,.22)}.scientific-rebuild-btn-833:disabled{opacity:.65;cursor:wait}

.scientific-metrics-grid-833{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.scientific-metric-833{position:relative;min-width:0;display:flex;align-items:center;gap:12px;padding:17px 16px;border:1px solid #dce3ee;border-radius:17px;background:#fff;box-shadow:0 2px 8px rgba(16,19,34,.035);overflow:hidden}
.scientific-metric-833:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#2547d0}
.scientific-metric-icon-833{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#e7ecfd;color:#2547d0}.scientific-metric-icon-833 svg{width:19px;height:19px}
.scientific-metric-copy-833{min-width:0}.scientific-metric-copy-833 strong{display:block;color:#18213a;font:700 24px/1 var(--mono);font-variant-numeric:tabular-nums}.scientific-metric-copy-833 span{display:block;margin-top:6px;color:#3f4961;font-size:11px;font-weight:800}.scientific-metric-copy-833 small{display:block;margin-top:2px;color:#9099ab;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scientific-metric-833.tone-green:before{background:#17795e}.scientific-metric-833.tone-green .scientific-metric-icon-833{background:#dcf2ea;color:#17795e}
.scientific-metric-833.tone-purple:before{background:#7352c7}.scientific-metric-833.tone-purple .scientific-metric-icon-833{background:#eee9fb;color:#7352c7}
.scientific-metric-833.tone-amber:before{background:#b4771f}.scientific-metric-833.tone-amber .scientific-metric-icon-833{background:#fbf0da;color:#a16919}
.scientific-metric-833.tone-red:before{background:#d2401e}.scientific-metric-833.tone-red .scientific-metric-icon-833{background:#fce7e1;color:#c3391c}

.scientific-section-833{border:1px solid #dbe2ec!important;border-radius:20px!important;background:#fff!important;box-shadow:0 4px 18px rgba(16,19,34,.035)!important;overflow:hidden}
.scientific-section-head-833{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 26px;border-bottom:1px solid #e4e9f1;background:linear-gradient(180deg,#fff,#fcfdff)}
.scientific-section-head-833 h2{margin:0!important;color:#202943!important;font:700 22px/1.18 var(--disp)!important;letter-spacing:-.025em}.scientific-section-head-833 p{margin:7px 0 0;color:#7b859a;font-size:12px;line-height:1.5}
.scientific-count-pill-833{min-width:118px;padding:12px 14px;border:1px solid #cfdbfa;border-radius:14px;background:#f2f5ff;text-align:right}.scientific-count-pill-833 strong{display:block;color:#2547d0;font:700 21px/1 var(--mono)}.scientific-count-pill-833 span{display:block;margin-top:5px;color:#6f7890;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.scientific-count-pill-833.tone-green{border-color:#cce6dc;background:#f1faf6}.scientific-count-pill-833.tone-green strong{color:#17795e}
.scientific-structure-strip-833{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e4e9f1;border-bottom:1px solid #e4e9f1}.scientific-structure-strip-833>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fbfcfe}.scientific-structure-strip-833 span{color:#7b859a;font-size:11px}.scientific-structure-strip-833 strong{color:#273149;font:700 17px/1 var(--mono)}
.scientific-chapter-chips-833{display:flex;flex-wrap:wrap;gap:8px;padding:18px 24px}.scientific-chapter-chips-833>span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #dce5ef;border-radius:999px;background:#f8fafc;color:#526078;font-size:10.5px;font-weight:650}.scientific-chapter-chips-833 b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#e7ecfd;color:#2547d0;font:700 9px/1 var(--mono)}
.scientific-alert-833{display:flex;align-items:flex-start;gap:11px;margin:0 24px 20px;padding:13px 15px;border:1px solid #eddcb8;border-radius:13px;background:#fffaf0;color:#6d5632}.scientific-alert-833>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#fbf0da;color:#a16919}.scientific-alert-833>span svg{width:16px;height:16px}.scientific-alert-833 strong{display:block;color:#72541f;font-size:11px}.scientific-alert-833 p{margin:3px 0 0;font-size:10px;line-height:1.5}

.scientific-filterbar-833{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #e5eaf1;background:#fafbfd}
.scientific-search-833{height:42px;min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #d5deea;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,19,34,.02)}.scientific-search-833 svg{width:17px;height:17px;color:#8994a9;flex:0 0 auto}.scientific-search-833 input{width:100%;border:0;outline:0;background:transparent;color:#283249;font-size:12.5px}.scientific-search-833 input::placeholder{color:#9ba4b5}
.scientific-filter-select-833{display:grid;gap:5px;width:min(360px,34vw)}.scientific-filter-select-833 select{height:42px}
.scientific-result-count-833{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border-radius:999px;background:#f1f4f8;color:#657188;font:700 10px/1 var(--mono);white-space:nowrap}

.scientific-browser-833{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(430px,1.14fr);min-height:590px}
.scientific-lesson-list-833{display:grid;align-content:start;gap:8px;padding:16px;max-height:720px;overflow:auto;border-right:1px solid #e4e9f1;background:#f8fafc;scrollbar-width:thin;scrollbar-color:#c7d0df transparent}
.scientific-lesson-card-833{position:relative;width:100%;min-width:0;display:block;padding:13px 42px 13px 14px;border:1px solid #dfe5ee;border-radius:13px;background:#fff;color:#344059;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(16,19,34,.025);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}
.scientific-lesson-card-833:hover{transform:translateY(-1px);border-color:#c2cff1;box-shadow:0 7px 18px rgba(37,71,208,.07)}.scientific-lesson-card-833.is-active{border-color:#97abea;background:linear-gradient(135deg,#fff,#f2f5ff);box-shadow:0 8px 20px rgba(37,71,208,.10)}
.scientific-lesson-card-top-833{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.scientific-lesson-card-top-833 b{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:7px;background:#e7ecfd;color:#2547d0;font:700 10px/1 var(--mono)}.scientific-lesson-card-top-833>span{color:#98a1b3;font:600 9px/1 var(--mono)}
.scientific-lesson-card-833>strong{display:block;color:#2d374f;font-size:12px;line-height:1.38}.scientific-lesson-card-meta-833{display:flex;align-items:center;gap:6px;margin-top:8px;color:#78839a;font-size:9.5px}.scientific-lesson-card-meta-833 i{font-style:normal;font:700 10px/1 var(--mono);color:#4a5872}.scientific-lesson-card-meta-833 em{margin-left:auto;font-style:normal;padding:4px 7px;border-radius:999px;background:#edf8f3;color:#17795e;font-weight:700}.scientific-lesson-card-meta-833 em.is-muted{background:#f2f4f7;color:#929bad}.scientific-lesson-card-arrow-833{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#a4aec1;font-size:18px}.scientific-lesson-card-833.is-active .scientific-lesson-card-arrow-833{color:#2547d0}
.scientific-skill-host-833{min-width:0;padding:20px;background:#fff}.scientific-skill-detail-833{display:grid;gap:16px}.scientific-skill-detail-head-833{display:flex;align-items:flex-start;gap:12px;padding-bottom:15px;border-bottom:1px solid #e5eaf1}.scientific-skill-detail-head-833>span{display:grid;place-items:center;min-width:44px;height:36px;padding:0 8px;border-radius:10px;background:#2547d0;color:#fff;font:700 10px/1 var(--mono)}.scientific-skill-detail-head-833 h3{margin:0;color:#222c45;font:700 18px/1.24 var(--disp)}.scientific-skill-detail-head-833 p{margin:5px 0 0;color:#8993a6;font-size:10px}
.scientific-skill-list-833{display:grid;gap:10px}.scientific-skill-card-833{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #dde4ed;border-radius:14px;background:#fbfcfe}.scientific-skill-card-main-833{min-width:0}.scientific-skill-badges-833{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.scientific-skill-badges-833 span{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:7px;background:#f1f3f7;color:#78839a;font:700 8.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em}.scientific-skill-badges-833 span[data-skill-type="CALCULATION"]{background:#eef2ff;color:#2547d0}.scientific-skill-badges-833 span[data-skill-type="PROCEDURE"]{background:#edf8f3;color:#17795e}.scientific-skill-card-main-833>strong{display:block;color:#313b53;font-size:11.5px;line-height:1.38}.scientific-skill-code-meta-833{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:5px}.scientific-skill-code-meta-833>span{color:#a0a8b6;font:700 8px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.05em}.scientific-skill-card-main-833 code{display:block;margin-top:0;color:#8a94a6;font:500 9px/1.35 var(--mono);overflow-wrap:anywhere}.scientific-generate-btn-833{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #afbfef;border-radius:10px;background:#fff;color:#2547d0;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.15s ease}.scientific-generate-btn-833:hover:not(:disabled){border-color:#2547d0;background:#eef2ff}.scientific-generate-btn-833:disabled{opacity:.6;cursor:wait}.scientific-no-generator-833{flex:0 0 auto;color:#a0a8b6;font-size:9px}
.scientific-loading-833{display:flex;align-items:center;justify-content:center;min-height:160px;color:#8993a6;font-size:11px}
.scientific-empty-833{grid-column:1/-1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;text-align:center;color:#8b95a8}.scientific-empty-833>div{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f0f3f8;color:#7c889f}.scientific-empty-833 svg{width:20px;height:20px}.scientific-empty-833 strong{color:#536078;font-size:12px}.scientific-empty-833 span{max-width:360px;font-size:10px;line-height:1.5}.scientific-empty-detail-833{min-height:420px}

.scientific-outcome-list-833{display:grid;gap:8px;padding:16px 20px 20px;background:#fafbfd}.scientific-outcome-card-833{border:1px solid #dfe5ee;border-radius:13px;background:#fff;overflow:hidden}.scientific-outcome-card-833 summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;color:#3b465e}.scientific-outcome-card-833 summary::-webkit-details-marker{display:none}.scientific-outcome-card-833 summary:hover{background:#fbfcff}.scientific-outcome-code-833{display:grid;place-items:center;height:28px;border-radius:8px;background:#e7ecfd;color:#2547d0;font:700 10px/1 var(--mono)}.scientific-outcome-card-833 summary strong{font-size:11.5px}.scientific-outcome-count-833{color:#818b9e;font:600 9.5px/1 var(--mono)}.scientific-outcome-card-833 summary i{font-style:normal;color:#8e98aa;transition:transform .15s ease}.scientific-outcome-card-833[open] summary i{transform:rotate(180deg)}.scientific-outcome-card-833 ol{margin:0;padding:4px 24px 18px 63px;border-top:1px solid #eef1f5;color:#57637a}.scientific-outcome-card-833 li{padding:7px 0 0 4px;font-size:11px;line-height:1.5}.scientific-outcome-empty-833{margin:0;padding:14px 18px 16px 63px;border-top:1px solid #eef1f5;color:#9aa3b4;font-size:10px}

.scientific-kind-summary-833{display:flex;gap:7px;overflow:auto;padding:14px 20px 12px;border-bottom:1px solid #e5eaf1;scrollbar-width:thin}.scientific-kind-summary-833 button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid #dce3ed;border-radius:999px;background:#fff;color:#647188;font-size:9.5px;font-weight:700;cursor:pointer}.scientific-kind-summary-833 button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#f0f3f7;color:#4e5a71;font:700 9px/1 var(--mono)}.scientific-kind-summary-833 button:hover{border-color:#b9c7ea}.scientific-kind-summary-833 button.is-active{border-color:#2547d0;background:#eef2ff;color:#2547d0}.scientific-kind-summary-833 button.is-active b{background:#2547d0;color:#fff}
.scientific-authored-filterbar-833{border-top:0}.scientific-authored-list-833{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 20px;background:#fafbfd}.scientific-authored-card-833{min-width:0;padding:14px 15px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,19,34,.02)}.scientific-authored-meta-833{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}.scientific-source-pill-833{max-width:70%;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:7px;background:#f1f4f8;color:#647087;font:600 8.7px/1.2 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scientific-kind-pill-833{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:7px;background:#eef2ff;color:#2547d0;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.scientific-kind-pill-833[data-kind="OPEN"]{background:#f2f4f7;color:#687387}.scientific-kind-pill-833[data-kind="CALCULATION"]{background:#eef2ff;color:#2547d0}.scientific-kind-pill-833[data-kind="REACTION_TASK"]{background:#edf8f3;color:#17795e}.scientific-kind-pill-833[data-kind="MULTI_PART"]{background:#f2edfb;color:#7352c7}.scientific-kind-pill-833[data-kind="MCQ_SOURCE"]{background:#fff5e6;color:#a16919}.scientific-kind-pill-833[data-kind="TABLE_TASK"]{background:#eaf5f8;color:#247e99}.scientific-authored-prompt-833{margin:0;color:#3d4860;font-size:11px;line-height:1.58;white-space:pre-line}.scientific-authored-options-833{display:grid;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid #edf0f4}.scientific-authored-options-833 span{display:flex;align-items:flex-start;gap:8px;color:#68748a;font-size:10px;line-height:1.45}.scientific-authored-options-833 b{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eef2ff;color:#2547d0;font:700 9px/1 var(--mono)}
.scientific-pager-833{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #e4e9f1;background:#fff}.scientific-pager-833>span{color:#8993a7;font:600 9.5px/1 var(--mono)}.scientific-pager-833>div{display:flex;align-items:center;gap:7px}.scientific-pager-833 button{height:34px;padding:0 10px;border:1px solid #d6deea;border-radius:9px;background:#fff;color:#536077;font-size:9.5px;font-weight:700;cursor:pointer}.scientific-pager-833 button:hover:not(:disabled){border-color:#9eafe0;color:#2547d0;background:#f7f9ff}.scientific-pager-833 button:disabled{opacity:.45;cursor:not-allowed}.scientific-pager-833 b{min-width:54px;text-align:center;color:#4c5870;font:700 9.5px/1 var(--mono)}

@media(max-width:1320px){.scientific-metrics-grid-833{grid-template-columns:repeat(3,minmax(0,1fr))}.scientific-browser-833{grid-template-columns:minmax(290px,.82fr) minmax(390px,1.18fr)}}
@media(max-width:980px){.scientific-hero-833{align-items:stretch;flex-direction:column}.scientific-hero-actions-833{min-width:0;width:100%}.scientific-browser-833{grid-template-columns:1fr}.scientific-lesson-list-833{max-height:540px;border-right:0;border-bottom:1px solid #e4e9f1}.scientific-authored-list-833{grid-template-columns:1fr}}
@media(max-width:760px){.scientific-page-833{gap:14px}.scientific-hero-833{padding:20px;border-radius:17px}.scientific-hero-icon-833{width:48px;height:48px;flex-basis:48px}.scientific-hero-actions-833{flex-direction:column;align-items:stretch}.scientific-rebuild-btn-833{width:100%}.scientific-metrics-grid-833{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scientific-metric-833{padding:14px 12px}.scientific-metric-copy-833 strong{font-size:20px}.scientific-section-833{border-radius:16px!important}.scientific-section-head-833{padding:18px;gap:14px}.scientific-section-head-833 h2{font-size:19px!important}.scientific-count-pill-833{min-width:98px}.scientific-structure-strip-833{grid-template-columns:1fr}.scientific-structure-strip-833>div{padding:11px 18px}.scientific-chapter-chips-833{padding:15px 18px}.scientific-alert-833{margin:0 18px 16px}.scientific-filterbar-833{align-items:stretch;flex-direction:column;padding:12px 14px}.scientific-filter-select-833{width:100%}.scientific-result-count-833{align-self:flex-start}.scientific-skill-host-833{padding:15px}.scientific-skill-card-833{align-items:stretch;flex-direction:column}.scientific-generate-btn-833{justify-content:space-between;width:100%}.scientific-outcome-list-833{padding:12px}.scientific-outcome-card-833 summary{grid-template-columns:30px minmax(0,1fr) auto}.scientific-outcome-card-833 summary i{display:none}.scientific-outcome-count-833{font-size:8.5px}.scientific-outcome-card-833 ol{padding-left:46px}.scientific-authored-list-833{padding:12px}.scientific-pager-833{align-items:stretch;flex-direction:column}.scientific-pager-833>div{justify-content:space-between;width:100%}}
@media(max-width:480px){.scientific-metrics-grid-833{grid-template-columns:1fr}.scientific-hero-main-833{align-items:flex-start}.scientific-hero-main-833 h1{font-size:34px}.scientific-section-head-833{flex-direction:column}.scientific-count-pill-833{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.scientific-count-pill-833 span{margin:0}.scientific-source-pill-833{max-width:100%}.scientific-authored-meta-833{align-items:flex-start;flex-direction:column}.scientific-kind-pill-833{align-self:flex-start}}

/* ============================================================================
   R8.33.2 · SCIENTIFIC MODULE RESPONSIVE POLISH · 2026-08-27
   Responsive-only refinement for the Scientific Core surface.
   ============================================================================ */
.scientific-page-833,.scientific-page-833 *{box-sizing:border-box}
.scientific-page-833,.scientific-page-833>*,.scientific-hero-main-833>div,.scientific-skill-host-833,.scientific-skill-card-main-833{min-width:0}
.scientific-kind-summary-833{flex-wrap:wrap;overflow:visible;align-items:center}
.scientific-kind-summary-833 button{max-width:100%;min-width:0}
.scientific-kind-summary-833 button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scientific-authored-card-833,.scientific-skill-card-833,.scientific-lesson-card-833{overflow-wrap:anywhere}
.scientific-book-select-833 select,.scientific-filter-select-833 select,.scientific-search-833 input{min-width:0}
.scientific-pager-833 button,.scientific-generate-btn-833,.scientific-rebuild-btn-833,.scientific-kind-summary-833 button{touch-action:manipulation}

@media(max-width:1120px){
  .scientific-hero-833{align-items:stretch;flex-direction:column}
  .scientific-hero-actions-833{width:100%;min-width:0}
  .scientific-browser-833{grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr)}
  .scientific-kind-summary-833{padding-inline:18px}
}
@media(max-width:900px){
  .scientific-browser-833{grid-template-columns:1fr;min-height:0}
  .scientific-lesson-list-833{max-height:390px;border-right:0;border-bottom:1px solid #e4e9f1}
  .scientific-skill-host-833{min-height:0}
  .scientific-empty-detail-833{min-height:260px}
  .scientific-authored-list-833{grid-template-columns:1fr}
  .scientific-structure-strip-833{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .scientific-page-833{gap:12px;padding-bottom:24px}
  .scientific-hero-833{padding:18px;border-radius:16px;gap:18px}
  .scientific-hero-main-833{align-items:flex-start;gap:12px}
  .scientific-hero-main-833 h1{font-size:clamp(29px,10vw,38px);line-height:1}
  .scientific-hero-main-833 p{font-size:12px;line-height:1.45}
  .scientific-hero-actions-833{display:grid;grid-template-columns:1fr;gap:9px}
  .scientific-rebuild-btn-833,.scientific-book-select-833 select{min-height:46px;height:46px}
  .scientific-section-head-833{flex-direction:column;align-items:stretch;padding:17px 16px;gap:12px}
  .scientific-section-head-833 h2{font-size:18px!important}
  .scientific-section-head-833 p{font-size:11px}
  .scientific-count-pill-833{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:11px 12px}
  .scientific-count-pill-833 span{margin-top:0;text-align:right}
  .scientific-structure-strip-833{grid-template-columns:1fr}
  .scientific-structure-strip-833>div{padding:11px 16px}
  .scientific-chapter-chips-833{padding:13px 14px;gap:7px}
  .scientific-chapter-chips-833>span{max-width:100%;height:auto;min-height:32px;padding-block:6px;white-space:normal}
  .scientific-filterbar-833{padding:11px 12px}
  .scientific-search-833,.scientific-filter-select-833 select{height:44px}
  .scientific-lesson-list-833{max-height:330px;padding:12px}
  .scientific-lesson-card-833{padding:12px 38px 12px 12px}
  .scientific-skill-host-833{padding:12px}
  .scientific-skill-detail-head-833{align-items:flex-start}
  .scientific-skill-card-833{padding:13px}
  .scientific-kind-summary-833{gap:6px;padding:11px 12px;overflow:visible}
  .scientific-kind-summary-833 button{min-height:36px;flex:1 1 calc(50% - 6px);justify-content:space-between}
  .scientific-kind-summary-833 button span{white-space:normal;text-align:left;line-height:1.2}
  .scientific-authored-list-833{padding:12px}
  .scientific-authored-card-833{padding:13px}
  .scientific-authored-prompt-833{font-size:10.8px;line-height:1.55}
  .scientific-outcome-card-833 summary{padding:12px;grid-template-columns:30px minmax(0,1fr) auto}
  .scientific-outcome-card-833 summary strong{font-size:10.8px;line-height:1.35}
  .scientific-outcome-card-833 ol{padding:6px 15px 15px 42px}
  .scientific-outcome-card-833 li{font-size:10.5px;line-height:1.5}
  .scientific-pager-833{padding:11px 12px}
  .scientific-pager-833 button{min-height:40px;flex:1}
}
@media(max-width:520px){
  .scientific-metrics-grid-833{grid-template-columns:1fr;gap:7px}
  .scientific-metric-833{min-height:68px;padding:12px 13px}
  .scientific-metric-copy-833 small{white-space:normal;line-height:1.25}
  .scientific-kind-summary-833 button{flex-basis:100%}
  .scientific-outcome-card-833 summary{grid-template-columns:28px minmax(0,1fr)}
  .scientific-outcome-count-833{grid-column:2;justify-self:start;margin-top:-4px}
  .scientific-outcome-card-833 summary i{display:none}
  .scientific-pager-833>div{display:grid;grid-template-columns:1fr auto 1fr;width:100%}
  .scientific-pager-833 b{align-self:center}
}

/* R8.33.5 COMPLETE — final mobile scroll override (theme loads after app.css). */
@media (max-width:1024px){
  html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  body,
  body.mobile-more-open,
  body.subject-modal-open-14a,
  body.student-admin-progress-open-14f{
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;
  }
  .shell,.workspace,.main{
    height:auto!important;
    max-height:none!important;
  }
  .workspace,.main{overflow:visible!important}
  .overlay{touch-action:none!important}
  .subject-modal-overlay-14a,.student-admin-progress-overlay-14f{touch-action:pan-y!important}
  .sidebar.is-open,.mobile-more-sheet.is-open,.subject-modal-14a,.student-admin-progress-sheet-14f{
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

.batch-last-job-note-13f{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0 2px;
  padding:11px 13px;
  border:1px solid #dfe5ef;
  border-radius:12px;
  background:#f8faff;
  color:#657188;
  font-size:.72rem;
  line-height:1.45;
}
.batch-last-job-note-13f strong{color:#33415a;font-size:.72rem;white-space:nowrap}
@media(max-width:640px){
  .batch-last-job-note-13f{align-items:flex-start;flex-direction:column;gap:3px}
  .batch-last-job-note-13f strong{white-space:normal}
}


/* R8.33.13 — final compact scroll reinforcement (theme loads last). */
@media (max-width:1024px){
  html,body{overflow-y:auto!important;overscroll-behavior-y:auto!important}
  body,.shell,.workspace,.main,#content{touch-action:pan-y pinch-zoom!important}
  #overlay:not(.is-open),#mobileMoreSheet:not(.is-open){pointer-events:none!important}
  .question-review-12d,.question-review-card-12d,.question-preview-card,.question-preview-evidence{touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:auto!important}
  .question-review-filters{touch-action:pan-x pan-y!important;overscroll-behavior:auto!important}
  .mobile-bottom-nav{touch-action:pan-y pinch-zoom!important}
}

@media (max-width:840px){
  /* R8.33.13 — hidden mobile sidebar input guard. */
  #sidebar:not(.is-open){pointer-events:none!important}
}

/* R8.33.14 — textbook a)/b)/c) subitems under authored questions */
.gradivo-authored-item-intro-coverage{display:block;margin:0 0 .34rem}
.gradivo-authored-alpha-list-coverage{
  list-style:none;
  margin:.28rem 0 .08rem;
  padding:0 0 0 1.15rem;
  display:grid;
  gap:.34rem;
}
.gradivo-authored-alpha-list-coverage li{
  display:grid;
  grid-template-columns:1.45rem minmax(0,1fr);
  gap:.22rem;
  margin:0;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
}
.gradivo-authored-alpha-marker-coverage{font-weight:650;color:#4a5670}
@media(max-width:840px){
  .gradivo-authored-alpha-list-coverage{padding-left:.9rem;gap:.38rem}
  .gradivo-authored-alpha-list-coverage li{grid-template-columns:1.35rem minmax(0,1fr)}
}