:root{
  --bg:#f3f6fb;
  --surface:#ffffff;
  --surface-soft:#f8faff;
  --ink:#141a2a;
  --text:#1d2434;
  --muted:#7e89a5;
  --muted-2:#9aa4bb;
  --line:#dbe2ef;
  --line-strong:#cbd5e6;

  --blue:#2f52d8;
  --blue-2:#2345bf;
  --blue-soft:#e8edff;

  --green:#138968;
  --green-soft:#dcf5ec;

  --amber:#b9801f;
  --amber-soft:#fff2cf;

  --purple:#7a55c8;
  --purple-soft:#efe9ff;

  --cyan:#197b9f;
  --cyan-soft:#e4f4fa;

  --danger:#b94a4a;
  --danger-soft:#fff0f0;

  --shadow:0 10px 28px rgba(28,45,85,.07);
  --radius:18px;
  --sidebar:318px;
  --brand-size:36px;
  --ease:180ms cubic-bezier(.2,.75,.2,1);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}

/* BRAND */
.app-boot{min-height:100vh;display:grid;place-items:center}
.boot-brand,.brand{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  line-height:.82;
  letter-spacing:.02em;
}
.brand-nauka{
  font-size:var(--brand-size);
  color:var(--ink);
}
.brand-space{
  width:.22em;
  flex:0 0 .22em;
}
.brand-ikre{
  font-size:calc(var(--brand-size) * .60);
  color:var(--blue);
  letter-spacing:.04em;
}

/* LOGIN */
.login-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(420px,46%) 1fr;
  background:var(--bg);
}
.login-visual{
  background:linear-gradient(145deg,#f8faff 0%,#eaf0ff 100%);
  border-right:1px solid var(--line);
  padding:54px 58px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100vh;
  position:relative;
  overflow:hidden;
}
.login-visual::after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  border:1px solid rgba(47,82,216,.10);
  border-radius:50%;
  right:-190px;bottom:-180px;
  box-shadow:0 0 0 74px rgba(47,82,216,.035),0 0 0 150px rgba(47,82,216,.022);
}
.login-visual .brand{--brand-size:54px;position:relative;z-index:1}
.login-copy{position:relative;z-index:1;max-width:540px}
.login-eyebrow{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:19px;
  letter-spacing:.16em;
  color:var(--blue);
  margin-bottom:22px;
}
.login-copy h1{
  margin:0;
  font-size:clamp(46px,5vw,78px);
  line-height:.95;
  font-weight:600;
  letter-spacing:-.055em;
  color:var(--ink);
}
.login-copy p{
  margin:24px 0 0;
  max-width:500px;
  color:var(--muted);
  line-height:1.75;
  font-size:16px;
}
.login-foot{position:relative;z-index:1;color:var(--muted-2);font-size:12px}
.login-panel{
  background:#fff;
  display:grid;
  place-items:center;
  padding:42px;
}
.login-card{width:min(480px,100%)}
.login-card .mobile-brand{display:none;margin-bottom:52px}
.login-card h2{
  margin:0;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:52px;
  line-height:1;
  letter-spacing:.02em;
  color:var(--ink);
}
.login-card .lead{
  margin:12px 0 34px;
  color:var(--muted);
  line-height:1.6;
}
.field{margin-bottom:18px}
.field label{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  font-weight:700;
  color:#283047;
}
.input-wrap{position:relative}
.field input{
  width:100%;
  min-height:58px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  padding:0 48px 0 16px;
  outline:none;
  background:#fff;
  color:var(--ink);
  transition:border var(--ease),box-shadow var(--ease);
}
.field input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(47,82,216,.10);
}
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink);
  -webkit-box-shadow:0 0 0 1000px #fff inset;
}
.password-toggle{
  position:absolute;
  right:9px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;
  border:0;background:transparent;color:var(--muted);
  border-radius:9px;
}
.password-toggle:hover{background:var(--surface-soft);color:var(--blue)}
.primary-btn{
  width:100%;
  min-height:56px;
  border:0;
  border-radius:10px;
  background:var(--blue);
  color:#fff;
  font-weight:700;
  box-shadow:0 8px 18px rgba(47,82,216,.17);
  transition:background var(--ease),transform var(--ease);
}
.primary-btn:hover{background:var(--blue-2)}
.primary-btn:active{transform:translateY(1px)}
.primary-btn:disabled{opacity:.58;cursor:wait}
.form-error{
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:10px;
  background:var(--danger-soft);
  color:#8c3838;
  font-size:13px;
  border:1px solid #f2caca;
}
.login-note{margin-top:18px;color:var(--muted-2);font-size:12px}

/* APP SHELL */
.shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:var(--sidebar) minmax(0,1fr);
}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  background:#fff;
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  z-index:30;
}
.sidebar-head{
  min-height:102px;
  display:flex;
  align-items:flex-end;
  padding:24px 26px 22px;
  border-bottom:1px solid var(--line);
}
.sidebar-head .brand{
  --brand-size:34px;
  transform:translateY(2px);
}
.nav{
  padding:18px 14px 26px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.nav-label{
  margin:12px 13px 8px;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:14px;
  letter-spacing:.18em;
  color:#9aa5be;
}
.nav-item{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 14px;
  border-radius:10px;
  color:#35405a;
  font-size:15px;
  font-weight:600;
  transition:background var(--ease),color var(--ease);
}
.nav-item:hover{background:#f2f5ff;color:var(--blue)}
.nav-item.is-active{
  background:var(--blue-soft);
  color:var(--blue);
}
.nav-icon{
  width:22px;height:22px;
  display:grid;place-items:center;
  color:currentColor;flex:0 0 22px;
}
.nav-icon svg{width:22px;height:22px;display:block}

.sidebar-user{
  margin-top:auto;
  border-top:1px solid var(--line);
  padding:15px 18px;
  display:flex;
  align-items:center;
  gap:11px;
}
.avatar{
  width:38px;height:38px;
  border-radius:50%;
  background:var(--ink);
  color:#fff;
  display:grid;place-items:center;
  font-size:12px;font-weight:800;
  flex:0 0 38px;
}
.user-copy{min-width:0;flex:1}
.user-name{
  font-size:12px;font-weight:700;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.user-role{font-size:10px;color:var(--muted);margin-top:2px}
.logout-btn{
  width:38px;height:38px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;color:#7f8aa2;
  display:grid;place-items:center;
}
.logout-btn:hover{border-color:var(--line);background:var(--surface-soft);color:var(--blue)}
.logout-btn svg{width:19px;height:19px}

.workspace{min-width:0}
.mobile-topbar{display:none}
.main{
  min-height:100vh;
  padding:30px clamp(28px,4vw,72px) 72px;
}
.page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  margin-bottom:30px;
}
.page-title{
  margin:0;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:48px;
  line-height:1;
  letter-spacing:.015em;
  color:var(--ink);
}
.page-sub{
  margin:10px 0 0;
  font-size:15px;
  color:var(--muted);
}
.action-btn{
  min-height:54px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:9px;
  background:var(--blue);
  color:#fff;
  font-weight:700;
  box-shadow:0 8px 18px rgba(47,82,216,.16);
}
.action-btn:hover{background:var(--blue-2)}
.action-btn svg{width:19px;height:19px}

/* STATS */
.dashboard-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}
.stat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px 21px;
  box-shadow:0 5px 16px rgba(38,56,91,.035);
}
.stat-value{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:42px;
  line-height:1;
}
.stat-value.blue{color:var(--blue)}
.stat-value.amber{color:var(--amber)}
.stat-value.green{color:var(--green)}
.stat-value.purple{color:var(--purple)}

.stat-label{
  margin-top:7px;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:14px;
  letter-spacing:.16em;
  color:#98a3bc;
}

/* PANELS */
.layout-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);
  gap:20px;
}
.panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 6px 18px rgba(32,50,86,.035);
  overflow:hidden;
}
.panel-head{
  min-height:62px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.panel-title{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:19px;
  letter-spacing:.10em;
  color:var(--ink);
}
.panel-meta{font-size:12px;color:var(--muted)}
.empty{
  padding:48px 28px 54px;
  min-height:270px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.empty-icon{
  width:52px;height:52px;
  border-radius:14px;
  background:var(--blue-soft);
  color:var(--blue);
  display:grid;place-items:center;
  margin-bottom:20px;
}
.empty-icon svg{width:25px;height:25px}
.empty h2{
  margin:0;
  font-size:21px;
  color:var(--ink);
}
.empty p{
  margin:10px 0 0;
  max-width:560px;
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}
.info-panel{padding:22px}
.info-kicker{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  color:var(--blue);
  letter-spacing:.15em;
  font-size:14px;
}
.info-panel h3{
  margin:10px 0 8px;
  font-size:19px;
  color:var(--ink);
}
.info-panel p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}
.divider{height:1px;background:var(--line);margin:20px 0}
.subjects{display:flex;flex-wrap:wrap;gap:8px}
.subject{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  background:var(--green-soft);
  color:var(--green);
  font-size:11px;
  font-weight:700;
}

/* BOOKS */
.book-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.book-card{
  position:relative;
  min-height:238px;
  background:#fff;
  border:1px solid var(--line-strong);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:26px 27px 22px;
  overflow:hidden;
}
.book-card::before{
  content:"";
  position:absolute;
  left:0;top:22px;bottom:22px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:var(--blue);
}
.book-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.book-subject{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  letter-spacing:.18em;
  color:#8692ad;
  font-size:16px;
}
.badge{
  min-height:29px;
  padding:0 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--green-soft);
  color:var(--green);
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:14px;
  letter-spacing:.08em;
}
.book-title{
  margin:20px 0 7px;
  font-size:18px;
  line-height:1.35;
  font-weight:700;
  color:var(--ink);
}
.book-meta{font-size:13px;color:var(--muted)}
.book-foot{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#7f8ba6;
  font-size:13px;
}
.book-pages{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.03em;
}

/* QUIZZES + ENTRANCE EXAM */
.choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.choice-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  min-height:180px;
  transition:transform var(--ease),box-shadow var(--ease),border var(--ease);
}
.choice-card:hover{
  transform:translateY(-2px);
  border-color:var(--line-strong);
  box-shadow:var(--shadow);
}
.choice-icon{
  width:46px;height:46px;
  border-radius:13px;
  display:grid;place-items:center;
  margin-bottom:18px;
}
.choice-icon.blue{background:var(--blue-soft);color:var(--blue)}
.choice-icon.green{background:var(--green-soft);color:var(--green)}
.choice-icon.amber{background:var(--amber-soft);color:var(--amber)}
.choice-icon.purple{background:var(--purple-soft);color:var(--purple)}
.choice-icon svg{width:23px;height:23px}
.choice-card h3{
  margin:0;
  font-size:17px;
  color:var(--ink);
}
.choice-card p{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.65;
  font-size:13px;
}
.choice-card .soon{
  margin-top:18px;
  display:inline-flex;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted-2);
  font-weight:700;
}

.module-placeholder{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:42px;
  min-height:420px;
}
.module-placeholder h2{
  margin:0;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:32px;
  letter-spacing:.03em;
}
.module-placeholder p{
  max-width:720px;
  line-height:1.7;
  color:var(--muted);
}

/* MOBILE */
.overlay{display:none}
@media(max-width:1200px){
  :root{--sidebar:280px}
  .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-grid{grid-template-columns:1fr}
  .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:840px){
  .login-shell{grid-template-columns:1fr}
  .login-visual{display:none}
  .login-panel{padding:34px 22px;place-items:center}
  .login-card .mobile-brand{display:inline-flex;--brand-size:48px}

  .shell{display:block}
  .sidebar{
    position:fixed;
    inset:0 auto 0 0;
    width:286px;
    height:100vh;
    transform:translateX(-103%);
    transition:transform var(--ease);
    box-shadow:24px 0 50px rgba(24,36,70,.18);
  }
  .sidebar.is-open{transform:translateX(0)}
  .overlay{
    display:block;
    position:fixed;inset:0;
    background:rgba(21,29,49,.34);
    opacity:0;pointer-events:none;
    transition:opacity var(--ease);
    z-index:25;
  }
  .overlay.is-open{opacity:1;pointer-events:auto}

  .mobile-topbar{
    height:68px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
    background:#fff;
    border-bottom:1px solid var(--line);
    position:sticky;top:0;z-index:20;
  }
  .mobile-topbar .brand{--brand-size:28px}
  .menu-btn{
    width:42px;height:42px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    color:var(--ink);
    display:grid;place-items:center;
  }
  .menu-btn svg{width:20px;height:20px}

  .main{padding:26px 18px 54px}
  .page-title{font-size:42px}
  .book-grid,.choice-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .login-card h2{font-size:46px}
  .dashboard-grid{grid-template-columns:1fr 1fr;gap:11px}
  .stat-card{padding:17px 16px}
  .stat-value{font-size:36px}
  .page-head{align-items:center}
  .action-btn{min-height:48px;padding:0 16px}
  .action-text{display:none}
  .book-card{min-height:210px;padding:22px 22px 18px}
  .module-placeholder{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
}


/* REAL DOCX UPLOAD */
.upload-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 7px 22px rgba(31,50,88,.04);
  padding:28px;
  max-width:1040px;
}
.upload-drop{
  min-height:250px;
  border:2px dashed var(--line-strong);
  border-radius:17px;
  background:var(--surface-soft);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:32px;
  outline:none;
  transition:border var(--ease),background var(--ease),transform var(--ease);
}
.upload-drop:hover,
.upload-drop:focus,
.upload-drop.is-dragging{
  border-color:var(--blue);
  background:#f3f6ff;
}
.upload-drop.is-dragging{transform:scale(.998)}
.upload-drop.has-file{min-height:180px}
.upload-drop-icon{
  width:52px;height:52px;
  display:grid;place-items:center;
  color:#7f8ba6;
  margin-bottom:14px;
}
.upload-drop-icon svg{width:43px;height:43px}
.upload-drop-title{
  font-size:17px;
  font-weight:700;
  color:var(--ink);
}
.upload-drop-sub{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
}
.selected-file{
  margin-top:16px;
  min-height:72px;
  border-radius:13px;
  background:var(--blue-soft);
  color:var(--blue);
  display:flex;
  align-items:center;
  padding:12px 14px;
  gap:12px;
}
.selected-file-icon{
  width:38px;height:38px;border-radius:10px;
  display:grid;place-items:center;
  background:#fff;color:var(--blue);
}
.selected-file-icon svg{width:20px;height:20px}
.selected-file-copy{flex:1;min-width:0}
.selected-file-name{
  font-size:13px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.selected-file-meta{font-size:11px;color:#7182ba;margin-top:3px}
.selected-file-remove{
  width:38px;height:38px;
  border:0;border-radius:10px;
  background:transparent;color:#7584ad;
  display:grid;place-items:center;
}
.selected-file-remove:hover{background:#fff;color:var(--blue)}
.selected-file-remove svg{width:18px;height:18px}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  margin-top:28px;
}
.form-field{min-width:0}
.form-field.span-2{grid-column:span 2}
.form-field label{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  color:#2b344a;
}
.form-field label span{
  font-weight:500;
  color:var(--muted-2);
  font-size:11px;
  margin-left:4px;
}
.form-field input,
.form-field select{
  width:100%;
  height:52px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  padding:0 14px;
  outline:none;
}
.form-field input:focus,
.form-field select:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(47,82,216,.08);
}
.upload-message{
  margin-top:20px;
  border-radius:10px;
  padding:13px 15px;
  font-size:13px;
  line-height:1.5;
}
.upload-message.is-error{
  background:var(--danger-soft);
  border:1px solid #f1cbcb;
  color:#893a3a;
}
.upload-message.is-success{
  background:var(--green-soft);
  border:1px solid #bfe7d8;
  color:var(--green);
}
.upload-progress-wrap{
  margin-top:20px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
}
.upload-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:11px;
  color:var(--muted);
  margin-bottom:9px;
}
.upload-progress{
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:#e3e8f2;
}
.upload-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--blue);
  transition:width 120ms linear;
}
.form-actions{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.form-hint{
  max-width:570px;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
.upload-submit{flex:0 0 auto}

@media(max-width:720px){
  .upload-card{padding:18px}
  .upload-drop{min-height:210px;padding:24px 16px}
  .form-grid{grid-template-columns:1fr}
  .form-field.span-2{grid-column:auto}
  .form-actions{align-items:stretch;flex-direction:column}
  .upload-submit{width:100%}
}


/* Confirmation after successful DOCX upload */
.flash-success{
  margin:-6px 0 20px;
  min-height:54px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #bfe7d8;
  border-radius:12px;
  background:var(--green-soft);
  color:var(--green);
  font-size:13px;
  font-weight:650;
  box-shadow:0 5px 16px rgba(19,137,104,.05);
  opacity:1;
  transform:translateY(0);
  transition:opacity 220ms ease, transform 220ms ease;
}
.flash-success svg{
  width:19px;
  height:19px;
  flex:0 0 19px;
}
.flash-success.is-hiding{
  opacity:0;
  transform:translateY(-4px);
}


/* SELECT CHEVRON — moved inward from the far right edge */
.form-field select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:52px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236f7b97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:17px 17px;
}

.book-import-btn,
.book-link{
  border:0;
  background:transparent;
  padding:7px 0 7px 12px;
  font:inherit;
  font-size:12px;
  font-weight:700;
  color:var(--blue);
}
.book-import-btn:hover,
.book-link:hover{
  color:var(--blue-2);
}
.book-import-btn:disabled{
  opacity:.55;
  cursor:wait;
}
.badge-error{
  background:var(--danger-soft);
  color:var(--danger);
}


/* ================================================================
   10B — LESSON LIST + SOURCE BLOCK AUDIT
   ================================================================ */

.lesson-loading{
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.lesson-loading span{
  width:9px;height:9px;
  border-radius:50%;
  background:var(--blue);
  animation:lessonPulse 900ms infinite ease-in-out;
}
.lesson-loading span:nth-child(2){animation-delay:120ms}
.lesson-loading span:nth-child(3){animation-delay:240ms}
@keyframes lessonPulse{
  0%,100%{opacity:.25;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-4px)}
}

.lesson-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:26px;
  margin-bottom:26px;
}
.lesson-book-filter{
  width:min(410px,38vw);
}
.lesson-book-filter label{
  display:block;
  margin-bottom:7px;
  font-size:11px;
  font-weight:700;
  color:var(--muted);
}
.lesson-book-filter select{
  width:100%;
  min-height:50px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  padding:0 50px 0 14px;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236f7b97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:17px 17px;
}
.lesson-book-filter select:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(47,82,216,.08);
}

.lesson-stats{margin-bottom:16px}

.block-breakdown{
  min-height:76px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:15px 20px;
  margin-bottom:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.block-breakdown-number{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  color:var(--purple);
  font-size:30px;
  margin-right:6px;
}
.block-breakdown-label{
  font-size:11px;
  color:var(--muted);
  white-space:nowrap;
}
.block-breakdown-equation{
  color:#59657e;
  font-size:12px;
  line-height:1.6;
}
.block-breakdown-average{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}

.audit-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.audit-check{
  min-height:82px;
  padding:14px 15px;
  display:flex;
  align-items:flex-start;
  gap:11px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}
.audit-check.is-ok{border-color:#cbe7dd}
.audit-check.is-bad{border-color:#efcaca;background:#fff8f8}
.audit-check-icon{
  width:27px;height:27px;
  flex:0 0 27px;
  border-radius:50%;
  display:grid;place-items:center;
  font-weight:800;
}
.audit-check.is-ok .audit-check-icon{
  background:var(--green-soft);
  color:var(--green);
}
.audit-check.is-bad .audit-check-icon{
  background:var(--danger-soft);
  color:var(--danger);
}
.audit-check-icon svg{width:15px;height:15px}
.audit-check-title{
  font-size:12px;
  font-weight:700;
  color:var(--ink);
}
.audit-check-detail{
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}

.audit-note{
  margin-bottom:16px;
  padding:12px 15px;
  border-radius:11px;
  border:1px solid #eadfb9;
  background:#fffaf0;
  color:#776738;
  font-size:11px;
  line-height:1.6;
}

.lesson-table{overflow:hidden}
.lesson-table-head{
  min-height:58px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:2px solid var(--ink);
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  color:#3d4862;
  font-size:15px;
  letter-spacing:.16em;
}
.lesson-rows{display:block}
.lesson-row{
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:48px auto minmax(30px,1fr) 62px 72px;
  gap:12px;
  align-items:center;
  padding:0 24px;
  border:0;
  border-bottom:1px solid var(--line);
  background:#fff;
  color:inherit;
  text-align:left;
  transition:background var(--ease);
}
.lesson-row:last-child{border-bottom:0}
.lesson-row:hover{background:#f8faff}
.lesson-seq{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;
  color:var(--blue);
  font-weight:700;
}
.lesson-title{
  font-size:14px;
  font-weight:650;
  color:var(--ink);
  line-height:1.4;
}
.lesson-dots{
  align-self:center;
  height:1px;
  border-bottom:2px dotted #d4dced;
  min-width:30px;
}
.lesson-count{
  min-width:42px;
  min-height:30px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  border-radius:999px;
  background:var(--blue-soft);
  color:var(--blue);
  font-size:11px;
  font-weight:700;
}
.lesson-count.is-warning{
  background:var(--danger-soft);
  color:var(--danger);
}
.lesson-pages{
  justify-self:end;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#7e89a5;
  font-size:12px;
}

/* Lesson detail */
.lesson-detail-top{margin-bottom:24px}
.back-btn{
  border:0;
  background:transparent;
  color:var(--blue);
  padding:7px 0;
  font-size:12px;
  font-weight:700;
}
.back-btn:hover{color:var(--blue-2)}
.lesson-detail-header{
  margin-bottom:24px;
}
.lesson-detail-number{
  margin-top:18px;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  color:var(--blue);
  font-size:16px;
  letter-spacing:.16em;
}
.lesson-detail-title{
  margin:7px 0 0;
  max-width:1000px;
  color:var(--ink);
  font-size:clamp(28px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.lesson-detail-stats{margin-bottom:16px}

.detail-consistency{
  min-height:48px;
  padding:11px 14px;
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:11px;
  font-size:11px;
  font-weight:600;
}
.detail-consistency svg{width:16px;height:16px}
.detail-consistency.is-ok{
  border:1px solid #c4e6da;
  background:var(--green-soft);
  color:var(--green);
}
.detail-consistency.is-bad{
  border:1px solid #efcaca;
  background:var(--danger-soft);
  color:var(--danger);
}

.source-audit{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.source-audit-head{
  min-height:70px;
  padding:15px 20px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.source-blocks{
  padding:10px 18px 20px;
}
.source-block{
  position:relative;
  padding:17px 18px;
  margin-top:10px;
  border:1px solid var(--line);
  border-left-width:4px;
  border-radius:12px;
  background:#fff;
}
.source-block-blue{border-left-color:var(--blue)}
.source-block-neutral{border-left-color:#bcc6d8}
.source-block-amber{border-left-color:var(--amber)}
.source-block-purple{border-left-color:var(--purple)}
.source-block-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 13px;
  align-items:center;
  margin-bottom:11px;
  color:#909ab0;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9px;
}
.source-type{
  min-height:23px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#f0f3f9;
  color:#5d6984;
  font-family:"Inter",system-ui,sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.source-block-text{
  color:#273047;
  font-size:13px;
  line-height:1.75;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.source-block-heading .source-block-text{
  font-weight:750;
}
.source-block-text.is-table{
  padding:12px 14px;
  border-radius:9px;
  background:#f8f9fc;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px;
  line-height:1.7;
}
.normalized-details{
  margin-top:12px;
  border-top:1px dashed var(--line);
  padding-top:10px;
}
.normalized-details summary{
  cursor:pointer;
  color:var(--blue);
  font-size:10px;
  font-weight:700;
}
.normalized-details div{
  margin-top:9px;
  padding:10px;
  border-radius:8px;
  background:#f8faff;
  color:#69758d;
  font-size:11px;
  line-height:1.65;
  white-space:pre-wrap;
}

@media(max-width:960px){
  .audit-checks{grid-template-columns:1fr}
  .block-breakdown{
    grid-template-columns:1fr;
    gap:6px;
  }
  .block-breakdown-average{white-space:normal}
}
@media(max-width:700px){
  .lesson-page-head{display:block}
  .lesson-book-filter{width:100%;margin-top:18px}
  .lesson-row{
    grid-template-columns:38px minmax(0,1fr) 50px;
    gap:9px;
    padding:12px 14px;
  }
  .lesson-dots{display:none}
  .lesson-pages{
    grid-column:2/3;
    justify-self:start;
    font-size:10px;
  }
  .lesson-count{
    grid-column:3;
    grid-row:1/3;
  }
  .lesson-table-head{padding:0 14px}
  .lesson-table-head span:last-child{font-size:0}
  .lesson-table-head span:last-child::after{
    content:"BLOKOVI";
    font-size:15px;
  }
  .source-blocks{padding:8px 10px 14px}
  .source-block{padding:14px 13px}
}


/* 10B1: four audit checks fit cleanly on wide screens */
@media(min-width:1180px){
  .audit-checks{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}


/* ================================================================
   10D — MATERIALS / DOCX IMAGES
   ================================================================ */

.book-foot-assets{
  gap:14px;
}
.book-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.material-stats{margin-bottom:16px}
.material-checks{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.asset-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.asset-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  box-shadow:0 7px 20px rgba(28,45,85,.045);
}
.asset-preview{
  height:240px;
  display:grid;
  place-items:center;
  background:#f7f9fd;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.asset-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.asset-preview-placeholder{
  min-height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--muted);
  font-size:11px;
}
.asset-preview-placeholder svg{
  width:38px;
  height:38px;
}
.asset-card-body{
  padding:16px 17px 18px;
}
.asset-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  color:#8b96ad;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9px;
}
.asset-sequence{
  color:var(--blue);
  font-weight:800;
}
.asset-caption{
  margin-top:12px;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
.asset-lesson{
  margin-top:8px;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}

/* Images attached to one lesson */
.lesson-assets-strip{
  margin-bottom:16px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.lesson-assets-head{
  min-height:60px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.lesson-assets-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:14px;
}
.lesson-asset{
  margin:0;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fafbfe;
}
.lesson-asset img{
  width:100%;
  height:150px;
  display:block;
  object-fit:contain;
  background:#f4f6fb;
}
.lesson-asset figcaption{
  padding:10px;
  color:#66728b;
  font-size:9px;
  line-height:1.5;
}

@media(max-width:1180px){
  .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lesson-assets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .material-checks{grid-template-columns:1fr}
  .asset-grid{grid-template-columns:1fr}
  .lesson-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asset-preview{height:220px}
}
@media(max-width:480px){
  .lesson-assets-grid{grid-template-columns:1fr}
}


/* ================================================================
   11B — FACT WORKSPACE / SOURCE PACKAGE PREVIEW
   ================================================================ */
.fact-workspace-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  margin-bottom:24px;
}
.fact-selectors{
  width:min(520px,44vw);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.fact-selectors > :only-child{grid-column:1/-1}
.fact-select-field label{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.fact-select-field select{
  width:100%;
  height:50px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  padding:0 50px 0 13px;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236f7b97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:17px;
}
.fact-select-field select:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(47,82,216,.08);
}
.fact-stats{margin-bottom:16px}
.fact-readiness{
  min-height:74px;
  padding:14px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.fact-readiness.is-ready{border-color:#bfe4d8}
.fact-readiness.is-not-ready{border-color:#efcaca}
.fact-readiness-main{
  display:flex;
  align-items:center;
  gap:12px;
}
.fact-readiness-icon{
  width:34px;height:34px;
  border-radius:50%;
  display:grid;place-items:center;
  background:var(--green-soft);
  color:var(--green);
  font-weight:800;
}
.fact-readiness-icon svg{width:18px;height:18px}
.fact-readiness-title{font-size:13px;font-weight:800;color:var(--ink)}
.fact-readiness-copy{margin-top:4px;font-size:10px;color:var(--muted)}
.fact-readiness-copy code{font-size:9px;color:#65708a}
.fact-token-box{
  min-width:180px;
  text-align:right;
}
.fact-token-box strong{
  display:block;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:26px;
  color:var(--blue);
}
.fact-token-box span{font-size:9px;color:var(--muted)}
.fact-note{
  margin:8px 0 16px;
  color:#7d88a0;
  font-size:9px;
  line-height:1.5;
}
.fact-two-col{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);
  gap:18px;
  align-items:start;
}
.fact-source-panel{overflow:hidden}
.fact-panel-head{gap:20px}
.fact-lock{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:#eef2f8;
  color:#71809a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}
.fact-source-list{
  max-height:760px;
  overflow:auto;
  padding:9px 14px 16px;
}
.fact-source-item{
  margin-top:9px;
  padding:14px 15px;
  border:1px solid var(--line);
  border-left-width:4px;
  border-radius:11px;
  background:#fff;
}
.fact-source-blue{border-left-color:var(--blue)}
.fact-source-purple{border-left-color:var(--purple)}
.fact-source-amber{border-left-color:var(--amber)}
.fact-source-neutral{border-left-color:#bec8d9}
.fact-source-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 11px;
  margin-bottom:9px;
  color:#8a95aa;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:8px;
}
.evidence-id{
  padding:2px 6px;
  border-radius:5px;
  background:#eef2ff;
  color:var(--blue);
  font-weight:900;
}
.fact-source-text{
  color:#2d374e;
  font-size:11px;
  line-height:1.72;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.fact-side-stack{
  display:grid;
  gap:18px;
}
.fact-side-panel{overflow:hidden}
.fact-assets-mini{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:12px;
}
.fact-asset-mini{
  margin:0;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fafbfe;
}
.fact-asset-image{
  position:relative;
  height:120px;
  display:grid;place-items:center;
  background:#f3f5fa;
  overflow:hidden;
}
.fact-asset-image img{
  width:100%;height:100%;object-fit:contain;display:block;
}
.fact-asset-image span{
  position:absolute;
  top:7px;left:7px;
  padding:3px 6px;
  border-radius:5px;
  background:rgba(17,28,49,.86);
  color:#fff;
  font-size:8px;
  font-weight:800;
}
.fact-asset-mini figcaption{
  padding:8px;
  color:#68748b;
  font-size:8px;
  line-height:1.45;
}
.fact-empty-side{
  padding:22px;
  color:var(--muted);
  font-size:10px;
}
.fact-mini-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
}
.fact-mini-stats div{
  min-height:78px;
  padding:12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
}
.fact-mini-stats strong{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:25px;
  color:var(--ink);
}
.fact-mini-stats span{
  margin-top:2px;
  color:var(--muted);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.fact-action-panel{padding:18px}
.fact-action-panel h3{margin:8px 0 7px;font-size:17px;color:var(--ink)}
.fact-action-panel p{margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.6}
.fact-disabled-action{
  width:100%;
  justify-content:center;
  opacity:.5;
  cursor:not-allowed;
}
.fact-prompt-panel{margin-top:18px;overflow:hidden}
.fact-prompt-panel details{display:block}
.fact-prompt-panel summary{
  min-height:60px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  letter-spacing:.12em;
  color:#3e4961;
  font-size:14px;
}
.fact-prompt-panel summary::-webkit-details-marker{display:none}
.fact-prompt-panel summary span:last-child{
  font-family:Inter,system-ui,sans-serif;
  font-size:9px;
  letter-spacing:0;
  color:var(--muted);
}
.fact-prompt-panel pre{
  margin:0;
  padding:18px;
  max-height:620px;
  overflow:auto;
  border-top:1px solid var(--line);
  background:#111923;
  color:#e9edf5;
  font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.fact-existing-panel{margin-top:18px;overflow:hidden}
.existing-facts{padding:10px 15px 16px}
.existing-fact{
  padding:13px 14px;
  margin-top:8px;
  border:1px solid var(--line);
  border-radius:10px;
  color:#2e384f;
  font-size:11px;
  line-height:1.6;
}
.existing-fact-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 10px;
  margin-bottom:8px;
  color:#8a95aa;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
@media(max-width:1100px){
  .fact-workspace-head{display:block}
  .fact-selectors{width:100%;margin-top:18px}
  .fact-two-col{grid-template-columns:1fr}
  .fact-source-list{max-height:none}
}
@media(max-width:650px){
  .fact-selectors{grid-template-columns:1fr}
  .fact-selectors > :only-child{grid-column:auto}
  .fact-readiness{align-items:flex-start;flex-direction:column}
  .fact-token-box{text-align:left}
  .fact-assets-mini{grid-template-columns:1fr}
}


/* 11B1 — image-link audit before AI */
.fact-candidate-head{
  padding:12px 14px 7px;
  color:#a36f12;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1.5;
}
.fact-assets-candidates{
  padding-top:5px;
}
.fact-asset-mini.is-candidate{
  border-color:#ead9ad;
  background:#fffaf0;
}
.fact-asset-mini.is-candidate .fact-asset-image{
  background:#fffdf7;
}
.fact-readiness.is-not-ready{
  border-color:#ead9ad;
  background:#fffaf0;
}
.fact-readiness.is-not-ready .fact-readiness-icon{
  background:#fff0c9;
  color:#aa7412;
}


/* ================================================================
   11B2 — TRUE MOBILE REDESIGN
   Mobile is treated as an app, not a squeezed desktop.
   ================================================================ */

.mobile-bottom-nav{display:none}

@media(max-width:840px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  body{
    background:#f5f7fb;
    padding-bottom:env(safe-area-inset-bottom);
  }

  .shell{
    display:block;
    min-height:100dvh;
  }

  /* --------------------------------------------------------------
     MOBILE TOP BAR
     -------------------------------------------------------------- */
  .mobile-topbar{
    height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:
      env(safe-area-inset-top)
      16px
      0;
    box-sizing:content-box;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(219,226,239,.88);
    position:sticky;
    top:0;
    z-index:22;
  }

  .mobile-brand-wrap{
    display:flex;
    align-items:center;
    min-width:0;
  }

  .mobile-topbar .brand{
    --brand-size:29px;
    transform:none;
  }

  .mobile-profile-btn{
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--ink);
    color:#fff;
    font-size:11px;
    font-weight:800;
    box-shadow:0 5px 14px rgba(18,26,44,.12);
  }

  /* --------------------------------------------------------------
     SIDEBAR -> MODERN BOTTOM SHEET
     -------------------------------------------------------------- */
  .sidebar{
    position:fixed;
    top:auto;
    left:10px;
    right:10px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:auto;
    height:auto;
    max-height:min(76dvh,690px);
    border:1px solid rgba(214,222,236,.95);
    border-radius:24px;
    background:#fff;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transform:translateY(calc(100% + 120px));
    opacity:0;
    pointer-events:none;
    transition:
      transform 260ms cubic-bezier(.2,.8,.2,1),
      opacity 180ms ease;
    box-shadow:0 26px 70px rgba(24,36,70,.24);
    z-index:40;
  }

  .sidebar.is-open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }

  .sidebar-head{
    min-height:68px;
    padding:18px 20px 14px;
    align-items:center;
    border-bottom:1px solid var(--line);
  }

  .sidebar-head::after{
    content:"MENI";
    margin-left:auto;
    font-family:"Bebas Neue","Arial Narrow",sans-serif;
    font-size:14px;
    letter-spacing:.16em;
    color:#9aa5be;
  }

  .sidebar-head .brand{
    --brand-size:29px;
    transform:none;
  }

  .nav{
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
    padding:12px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .nav-label{
    grid-column:1/-1;
    margin:9px 7px 1px;
    font-size:11px;
    letter-spacing:.16em;
  }

  .nav-item{
    min-height:54px;
    padding:0 12px;
    gap:10px;
    border:1px solid transparent;
    border-radius:13px;
    background:#f8f9fc;
    color:#35405a;
    font-size:12px;
    font-weight:700;
  }

  .nav-item:hover{
    background:#f3f5fb;
  }

  .nav-item.is-active{
    border-color:#cbd6ff;
    background:var(--blue-soft);
    color:var(--blue);
  }

  .nav-icon,
  .nav-icon svg{
    width:19px;
    height:19px;
  }

  .sidebar-user{
    margin-top:0;
    padding:12px 15px calc(12px + env(safe-area-inset-bottom));
    background:#fbfcfe;
  }

  .avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
    font-size:10px;
  }

  .user-name{font-size:11px}
  .user-role{font-size:9px}
  .logout-btn{
    width:36px;
    height:36px;
  }

  .overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(16,23,39,.34);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    opacity:0;
    pointer-events:none;
    transition:opacity 180ms ease;
    z-index:35;
  }

  .overlay.is-open{
    opacity:1;
    pointer-events:auto;
  }

  /* --------------------------------------------------------------
     BOTTOM NAVIGATION
     -------------------------------------------------------------- */
  .mobile-bottom-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    height:66px;
    padding:5px 5px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;
    background:rgba(255,255,255,.97);
    border:1px solid rgba(211,220,235,.95);
    border-radius:21px;
    box-shadow:0 16px 44px rgba(26,42,78,.16);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    z-index:30;
  }

  .mobile-nav-item{
    min-width:0;
    border:0;
    border-radius:15px;
    background:transparent;
    color:#7e89a5;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font-size:9px;
    font-weight:700;
    line-height:1;
  }

  .mobile-nav-item.is-active{
    color:var(--blue);
    background:var(--blue-soft);
  }

  .mobile-nav-icon{
    width:21px;
    height:21px;
    display:grid;
    place-items:center;
  }

  .mobile-nav-icon svg{
    width:20px;
    height:20px;
  }

  /* --------------------------------------------------------------
     CONTENT RHYTHM
     -------------------------------------------------------------- */
  .workspace{
    width:100%;
    min-width:0;
  }

  .main{
    min-height:calc(100dvh - 62px);
    padding:
      20px
      14px
      calc(104px + env(safe-area-inset-bottom));
  }

  .page-head,
  .lesson-page-head,
  .fact-workspace-head{
    margin-bottom:18px;
  }

  .page-head{
    align-items:flex-start;
    gap:14px;
  }

  .page-title{
    font-size:36px;
    line-height:.96;
  }

  .page-sub{
    margin-top:7px;
    font-size:11px;
    line-height:1.5;
  }

  .action-btn{
    min-width:46px;
    min-height:46px;
    padding:0 13px;
    border-radius:12px;
    box-shadow:0 5px 14px rgba(47,82,216,.13);
  }

  .action-text{display:none}

  /* --------------------------------------------------------------
     DASHBOARD/STATS
     -------------------------------------------------------------- */
  .dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:14px;
  }

  .stat-card{
    min-height:112px;
    padding:16px;
    border-radius:15px;
    box-shadow:none;
  }

  .stat-value{
    font-size:35px;
  }

  .stat-label{
    margin-top:8px;
    font-size:11px;
    letter-spacing:.13em;
  }

  .layout-grid{
    grid-template-columns:1fr;
    gap:13px;
  }

  .panel{
    border-radius:16px;
    box-shadow:none;
  }

  .panel-head{
    min-height:54px;
    padding:0 15px;
  }

  .panel-title{font-size:17px}
  .panel-meta{font-size:10px}

  .empty{
    min-height:210px;
    padding:30px 20px 34px;
  }

  /* --------------------------------------------------------------
     BOOKS
     -------------------------------------------------------------- */
  .book-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .book-card{
    min-height:0;
    padding:19px 18px 16px;
    border-radius:17px;
    box-shadow:none;
  }

  .book-title{
    font-size:18px;
    line-height:1.25;
  }

  .book-meta{font-size:11px}

  .book-foot{
    margin-top:18px;
    padding-top:14px;
  }

  .book-pages{font-size:10px}
  .book-actions{gap:7px}
  .book-import-btn,.book-link{
    padding:8px 6px;
    font-size:10px;
  }

  /* --------------------------------------------------------------
     UPLOAD
     -------------------------------------------------------------- */
  .upload-card{
    padding:14px;
    border-radius:17px;
    box-shadow:none;
  }

  .upload-drop{
    min-height:180px;
    padding:22px 14px;
    border-radius:14px;
  }

  .upload-drop.has-file{min-height:140px}
  .upload-drop-icon{
    width:42px;
    height:42px;
    margin-bottom:10px;
  }
  .upload-drop-icon svg{
    width:34px;
    height:34px;
  }
  .upload-drop-title{font-size:14px}
  .upload-drop-sub{font-size:10px}

  .form-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:20px;
  }

  .form-field.span-2{grid-column:auto}
  .form-field label{font-size:11px}
  .form-field input,
  .form-field select{
    height:49px;
    border-radius:11px;
    font-size:13px;
  }

  .form-actions{
    margin-top:20px;
    padding-top:16px;
    flex-direction:column;
    align-items:stretch;
  }

  .form-hint{
    max-width:none;
    font-size:9px;
  }

  .upload-submit{width:100%}

  /* --------------------------------------------------------------
     LESSONS
     -------------------------------------------------------------- */
  .lesson-page-head{
    display:block;
  }

  .lesson-book-filter{
    width:100%;
    margin-top:14px;
  }

  .block-breakdown{
    grid-template-columns:1fr;
    min-height:0;
    gap:4px;
    padding:14px 15px;
    margin-bottom:12px;
    border-radius:14px;
  }

  .block-breakdown-number{font-size:27px}
  .block-breakdown-equation{
    margin-top:2px;
    font-size:10px;
  }
  .block-breakdown-average{
    font-size:9px;
    white-space:normal;
  }

  .audit-checks,
  .material-checks{
    grid-template-columns:1fr;
    gap:8px;
  }

  .audit-check{
    min-height:0;
    padding:11px 12px;
    border-radius:12px;
  }

  .audit-check-title{font-size:11px}
  .audit-check-detail{font-size:9px}

  .lesson-table-head{
    min-height:50px;
    padding:0 13px;
    font-size:13px;
  }

  .lesson-row{
    min-height:72px;
    grid-template-columns:34px minmax(0,1fr) 44px;
    gap:8px;
    padding:11px 13px;
  }

  .lesson-title{
    font-size:12px;
    line-height:1.35;
  }

  .lesson-pages{
    grid-column:2/3;
    justify-self:start;
    font-size:9px;
  }

  .lesson-count{
    min-width:38px;
    min-height:28px;
    grid-column:3;
    grid-row:1/3;
    font-size:10px;
  }

  .lesson-detail-title{
    font-size:34px;
  }

  .source-audit{
    border-radius:15px;
  }

  .source-blocks{
    padding:7px 8px 12px;
  }

  .source-block{
    margin-top:8px;
    padding:12px;
    border-radius:11px;
  }

  .source-block-meta{font-size:8px}
  .source-block-text{
    font-size:11px;
    line-height:1.65;
  }

  /* --------------------------------------------------------------
     MATERIALS
     -------------------------------------------------------------- */
  .asset-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .asset-card{
    border-radius:16px;
    box-shadow:none;
  }

  .asset-preview{
    height:min(62vw,260px);
  }

  .asset-card-body{
    padding:14px 15px 16px;
  }

  .asset-caption{font-size:12px}
  .asset-lesson{font-size:9px}

  .lesson-assets-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:9px;
  }

  .lesson-asset img{height:120px}

  /* --------------------------------------------------------------
     FACT WORKSPACE / OBRADA
     -------------------------------------------------------------- */
  .fact-workspace-head{
    display:block;
  }

  .fact-workspace-head .page-title{
    font-size:38px;
  }

  .fact-selectors{
    width:100%;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:15px;
  }

  .fact-selectors > :only-child{
    grid-column:auto;
  }

  .fact-select-field label{font-size:9px}

  .fact-select-field select{
    height:48px;
    padding-right:46px;
    background-position:right 15px center;
    border-radius:11px;
    font-size:12px;
  }

  .fact-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fact-readiness{
    min-height:0;
    padding:13px;
    gap:12px;
    align-items:flex-start;
    flex-direction:column;
    border-radius:14px;
  }

  .fact-readiness-main{
    align-items:flex-start;
    gap:10px;
  }

  .fact-readiness-icon{
    width:30px;
    height:30px;
  }

  .fact-readiness-title{font-size:11px}
  .fact-readiness-copy{
    font-size:8px;
    line-height:1.45;
  }

  .fact-token-box{
    width:100%;
    min-width:0;
    text-align:left;
    display:flex;
    align-items:baseline;
    gap:7px;
  }

  .fact-token-box strong{
    font-size:24px;
  }

  .fact-token-box span{
    font-size:8px;
  }

  .fact-note{
    margin:7px 2px 12px;
    font-size:8px;
  }

  .fact-two-col{
    grid-template-columns:1fr;
    gap:12px;
  }

  .fact-source-list{
    max-height:none;
    overflow:visible;
    padding:7px 8px 11px;
  }

  .fact-source-item{
    margin-top:7px;
    padding:11px 12px;
    border-radius:10px;
  }

  .fact-source-meta{
    gap:5px 8px;
    margin-bottom:7px;
    font-size:7px;
  }

  .fact-source-text{
    font-size:10.5px;
    line-height:1.64;
  }

  .fact-side-stack{
    gap:12px;
  }

  .fact-assets-mini{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:9px;
  }

  .fact-asset-image{
    height:105px;
  }

  .fact-mini-stats div{
    min-height:68px;
    padding:10px;
  }

  .fact-mini-stats strong{font-size:22px}
  .fact-mini-stats span{font-size:7px}

  .fact-action-panel{
    padding:14px;
  }

  .fact-action-panel h3{font-size:15px}
  .fact-action-panel p{font-size:9px}

  .fact-prompt-panel{
    margin-top:12px;
  }

  .fact-prompt-panel summary{
    min-height:54px;
    padding:0 13px;
    font-size:12px;
  }

  .fact-prompt-panel summary span:last-child{
    font-size:8px;
  }

  .fact-prompt-panel pre{
    padding:13px;
    max-height:440px;
    font-size:8.5px;
    line-height:1.62;
  }

  /* --------------------------------------------------------------
     GENERIC SAFETY FOR NARROW SCREENS
     -------------------------------------------------------------- */
  img,svg,video,canvas{
    max-width:100%;
  }

  select,input,textarea,button{
    max-width:100%;
  }

  .flash-success{
    margin:0 0 13px;
    padding:11px 12px;
    font-size:10px;
  }
}

@media(max-width:430px){
  .main{
    padding-left:11px;
    padding-right:11px;
  }

  .mobile-bottom-nav{
    left:7px;
    right:7px;
  }

  .mobile-nav-item{
    font-size:8px;
  }

  .dashboard-grid{
    gap:8px;
  }

  .stat-card{
    min-height:104px;
    padding:14px;
  }

  .stat-value{font-size:32px}
  .stat-label{font-size:10px}

  .page-title{font-size:34px}

  .lesson-assets-grid,
  .fact-assets-mini{
    grid-template-columns:1fr;
  }

  .asset-preview{
    height:58vw;
  }
}


/* ================================================================
   11C — OPENAI FACT GENERATION
   Additive only. Existing desktop/mobile layout is intentionally kept.
   ================================================================ */

.fact-lock-live{
  background:#e2f7ef;
  color:#118b69;
}

.openai-configured{
  margin:12px 0;
  padding:11px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #c9e9df;
  border-radius:11px;
  background:#f2fbf8;
}

.openai-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#14966f;
  box-shadow:0 0 0 5px rgba(20,150,111,.10);
}

.openai-configured strong{
  display:block;
  color:#173d34;
  font-size:11px;
}

.openai-configured small{
  display:block;
  margin-top:2px;
  color:#718a83;
  font-size:8px;
}

.openai-compact-settings,
.openai-key-form{
  display:grid;
  gap:9px;
  margin:12px 0;
}

.openai-compact-settings{
  grid-template-columns:1fr 1fr;
}

.openai-compact-settings label,
.openai-key-form label{
  min-width:0;
}

.openai-compact-settings label > span,
.openai-key-form > label{
  display:block;
  margin-bottom:5px;
  color:#707c96;
  font-size:8px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.openai-compact-settings select,
.openai-key-form input,
.openai-key-form select{
  width:100%;
  height:40px;
  padding:0 11px;
  border:1px solid var(--line-strong);
  border-radius:9px;
  background:#fff;
  color:var(--ink);
  font-size:10px;
  outline:none;
}

.openai-compact-settings select:focus,
.openai-key-form input:focus,
.openai-key-form select:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(47,82,216,.08);
}

.secondary-btn{
  grid-column:1/-1;
  min-height:38px;
  border:1px solid var(--line-strong);
  border-radius:9px;
  background:#fff;
  color:#46516b;
  font-size:9px;
  font-weight:700;
}

.fact-live-action{
  width:100%;
}

.fact-live-action:disabled{
  opacity:.48;
  cursor:not-allowed;
}

.fact-action-hint{
  margin-top:8px;
  color:#8b95aa;
  font-size:8px;
  line-height:1.5;
}

.existing-fact-text{
  font-size:12px;
  line-height:1.65;
  color:#202a40;
}

.existing-fact-evidence{
  display:grid;
  gap:7px;
  margin-top:11px;
}

.fact-evidence-row{
  display:grid;
  grid-template-columns:auto auto auto minmax(0,1fr);
  gap:6px 8px;
  align-items:start;
  padding:9px 10px;
  border:1px solid #e3e8f2;
  border-radius:9px;
  background:#f8faff;
  color:#67738d;
  font-size:8.5px;
  line-height:1.5;
}

.fact-evidence-row > div{
  grid-column:1/-1;
  color:#47536d;
  font-size:9.5px;
}

.fact-evidence-type,
.fact-evidence-page{
  color:#8a95aa;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

@media(max-width:840px){
  .openai-compact-settings{
    grid-template-columns:1fr;
  }

  .secondary-btn{
    grid-column:auto;
  }

  .fact-evidence-row{
    grid-template-columns:auto auto 1fr;
  }
}


/* ================================================================
   11C2 — SELECT ARROW POSITION FIX
   Custom arrow moved inward from the far-right edge.
   Applies consistently on desktop and mobile.
   ================================================================ */

select:not([multiple]){
  -webkit-appearance:none !important;
  appearance:none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23566179' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

  background-repeat:no-repeat !important;
  background-position:right 20px center !important;
  background-size:12px 8px !important;

  padding-right:52px !important;
}

/* OpenAI / Fact workspace selectors */
.openai-compact-settings select,
.openai-key-form select,
.fact-select-field select{
  background-position:right 20px center !important;
  padding-right:52px !important;
}

/* Generic form selectors */
.form-field select,
.lesson-book-filter select{
  background-position:right 20px center !important;
  padding-right:52px !important;
}

/* Slightly more inward on narrow phones so the control feels balanced */
@media(max-width:840px){
  select:not([multiple]){
    background-position:right 18px center !important;
    padding-right:48px !important;
  }

  .openai-compact-settings select,
  .openai-key-form select,
  .fact-select-field select,
  .form-field select,
  .lesson-book-filter select{
    background-position:right 18px center !important;
    padding-right:48px !important;
  }
}


/* ================================================================
   11C3 — FINAL NORMAL SELECT ARROW POSITION
   Previous 20px inset was too aggressive.
   Normal UI spacing: arrow 14px from right edge, 36px text reserve.
   ================================================================ */

select:not([multiple]){
  background-position:right 14px center !important;
  padding-right:36px !important;
}

.openai-compact-settings select,
.openai-key-form select,
.fact-select-field select,
.form-field select,
.lesson-book-filter select{
  background-position:right 14px center !important;
  padding-right:36px !important;
}

@media(max-width:840px){
  select:not([multiple]),
  .openai-compact-settings select,
  .openai-key-form select,
  .fact-select-field select,
  .form-field select,
  .lesson-book-filter select{
    background-position:right 14px center !important;
    padding-right:36px !important;
  }
}


/* ================================================================
   11D — FACT REVIEW / VALIDATION
   Additive. Existing desktop/mobile layout intentionally preserved.
   ================================================================ */

.fact-review-panel{
  border-color:#d9e2f5;
}

.fact-review-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:12px 0;
}

.fact-review-summary > div{
  min-width:0;
  padding:10px 8px;
  border:1px solid #e1e7f2;
  border-radius:10px;
  background:#f8faff;
}

.fact-review-summary strong{
  display:block;
  color:#182139;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:23px;
  line-height:1;
}

.fact-review-summary span{
  display:block;
  margin-top:5px;
  color:#8590a8;
  font-size:7px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fact-validate-action{
  width:100%;
  margin-top:5px;
}

.fact-accept-supported{
  width:100%;
  margin-top:8px;
}

.fact-accept-supported:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.fact-review-head{
  min-height:68px;
  height:auto;
  padding:12px 16px;
  gap:14px;
  flex-wrap:wrap;
}

.fact-filter-bar{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-left:auto;
}

.fact-filter-bar button{
  min-height:30px;
  padding:0 10px;
  border:1px solid #dde4f0;
  border-radius:999px;
  background:#fff;
  color:#77829a;
  font-size:8px;
  font-weight:750;
}

.fact-filter-bar button:hover{
  background:#f6f8fc;
}

.fact-filter-bar button.is-active{
  border-color:#bdcaff;
  background:#eaf0ff;
  color:#3156d9;
}

.existing-fact{
  position:relative;
}

.existing-fact[hidden]{
  display:none !important;
}

.existing-fact-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.fact-seq{
  color:#3156d9 !important;
  font-weight:850 !important;
}

.fact-status-pill,
.fact-validation-pill{
  padding:3px 7px;
  border-radius:999px;
  font-weight:750 !important;
}

.fact-status-draft{
  background:#fff6dd;
  color:#9a6a04 !important;
}

.fact-status-accepted{
  background:#e1f7ef;
  color:#087b5d !important;
}

.fact-status-rejected{
  background:#fee9eb;
  color:#b23844 !important;
}

.fact-status-flagged{
  background:#fff0dc;
  color:#ad6917 !important;
}

.fact-validation-pending{
  background:#f2f4f8;
  color:#748097 !important;
}

.fact-validation-supported{
  background:#e1f7ef;
  color:#087b5d !important;
}

.fact-validation-partial{
  background:#fff2d8;
  color:#9a6508 !important;
}

.fact-validation-unsupported{
  background:#fee9eb;
  color:#b23844 !important;
}

.fact-validation-ambiguous{
  background:#f0eafa;
  color:#7550a8 !important;
}

.fact-ready-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:27px;
  padding:0 9px;
  border-radius:999px;
  background:#daf5eb;
  color:#087b5d;
  font-size:7px;
  font-weight:850;
  letter-spacing:.08em;
}

.fact-ready-badge svg{
  width:13px;
  height:13px;
}

.fact-quality-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:7px 0 8px;
}

.fact-quality-chip{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 8px;
  border:1px solid #e0e6f0;
  border-radius:999px;
  background:#f8f9fc;
  color:#7a859b;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.fact-quality-supported,
.fact-quality-ready{
  border-color:#cbeade;
  background:#ecfaf5;
  color:#0d8264;
}

.fact-quality-similar,
.fact-quality-too_broad,
.fact-quality-partial{
  border-color:#f0dcae;
  background:#fff8e9;
  color:#9b6c10;
}

.fact-quality-unsupported,
.fact-quality-no_evidence{
  border-color:#f0cdd2;
  background:#fff0f1;
  color:#b03e49;
}

.fact-quality-ambiguous{
  border-color:#dcd0ed;
  background:#f7f2fc;
  color:#7753a6;
}

.fact-validation-note,
.fact-similar-warning,
.fact-rejection-note{
  margin-top:10px;
  padding:10px 11px;
  border-radius:9px;
  font-size:9px;
  line-height:1.55;
}

.fact-validation-note{
  border:1px solid #dbe4f4;
  background:#f7f9fd;
  color:#536078;
}

.fact-similar-warning{
  border:1px solid #efdcae;
  background:#fff9ec;
  color:#735719;
}

.fact-similar-warning strong,
.fact-validation-note strong,
.fact-rejection-note strong{
  display:block;
  margin-bottom:4px;
  color:inherit;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.fact-similar-warning > span{
  display:inline-flex;
  margin:2px 5px 2px 0;
  padding:3px 7px;
  border-radius:999px;
  background:#fff;
  border:1px solid #ead6a5;
  font-weight:750;
}

.fact-similar-warning small{
  display:block;
  margin-top:5px;
  color:#907b4b;
  font-size:8px;
}

.fact-rejection-note{
  border:1px solid #f0cbd0;
  background:#fff2f3;
  color:#9d3f48;
}

.fact-review-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #e7ebf3;
}

.fact-review-btn{
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid transparent;
  border-radius:9px;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.fact-review-btn svg{
  width:14px;
  height:14px;
}

.fact-review-btn.is-accept,
.fact-review-btn.is-save{
  background:#138b69;
  color:#fff;
}

.fact-review-btn.is-edit{
  border-color:#d9e0ec;
  background:#fff;
  color:#46536d;
}

.fact-review-btn.is-reject{
  border-color:#efc8ce;
  background:#fff5f6;
  color:#ad3e49;
}

.fact-review-btn.is-restore{
  border-color:#cbd6ff;
  background:#eef2ff;
  color:#3156d9;
}

.fact-review-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.fact-edit-box{
  display:none;
  margin-top:12px;
  padding:13px;
  border:1px solid #d9e2f3;
  border-radius:11px;
  background:#f8faff;
}

.existing-fact.is-editing .fact-edit-box{
  display:block;
}

.existing-fact.is-editing .fact-review-actions{
  display:none;
}

.fact-edit-box label > span{
  display:block;
  margin-bottom:5px;
  color:#77839a;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.fact-edit-text{
  width:100%;
  min-height:96px;
  resize:vertical;
  padding:10px 11px;
  border:1px solid #ccd6e7;
  border-radius:9px;
  background:#fff;
  color:#1f2940;
  font:inherit;
  font-size:10.5px;
  line-height:1.6;
  outline:none;
}

.fact-edit-text:focus{
  border-color:#3156d9;
  box-shadow:0 0 0 3px rgba(49,86,217,.08);
}

.fact-edit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:10px;
}

.fact-edit-grid select{
  width:100%;
  height:40px;
  border:1px solid #ccd6e7;
  border-radius:9px;
  background-color:#fff;
  color:#273249;
  font-size:9px;
}

.fact-edit-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:11px;
}

.fact-modal-overlay{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(13,20,35,.46);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

.fact-modal{
  width:min(520px,100%);
  padding:22px;
  border:1px solid #dce3ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 30px 80px rgba(18,31,60,.24);
}

.fact-modal-kicker{
  color:#3156d9;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:13px;
  letter-spacing:.13em;
}

.fact-modal h3{
  margin:7px 0 6px;
  color:#111a2d;
  font-size:20px;
}

.fact-modal p{
  margin:0 0 13px;
  color:#78849a;
  font-size:10px;
  line-height:1.6;
}

.fact-modal textarea{
  width:100%;
  min-height:105px;
  resize:vertical;
  padding:11px;
  border:1px solid #cdd7e8;
  border-radius:10px;
  background:#fbfcfe;
  color:#202b42;
  font:inherit;
  font-size:11px;
  line-height:1.55;
  outline:none;
}

.fact-modal textarea:focus{
  border-color:#3156d9;
  box-shadow:0 0 0 3px rgba(49,86,217,.08);
}

.fact-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:13px;
}

@media(max-width:840px){
  .fact-review-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .fact-review-head{
    align-items:flex-start;
  }

  .fact-filter-bar{
    width:100%;
    margin-left:0;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
  }

  .fact-filter-bar button{
    flex:0 0 auto;
  }

  .existing-fact-top{
    display:block;
  }

  .fact-ready-badge{
    margin-top:7px;
  }

  .fact-review-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .fact-review-btn{
    padding:0 7px;
  }

  .fact-edit-grid{
    grid-template-columns:1fr;
  }

  .fact-modal{
    padding:18px;
    border-radius:16px;
  }
}


/* ================================================================
   11D1 — CONTEXT-AWARE EVIDENCE + SMART RELATIONS
   ================================================================ */

.fact-review-summary-smart{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.fact-related-note,
.fact-context-note{
  margin:-2px 0 9px;
  padding:7px 9px;
  border-radius:8px;
  font-size:8px;
  line-height:1.45;
}

.fact-related-note{
  border:1px solid #dde4f0;
  background:#f7f9fd;
  color:#71809a;
}

.fact-context-note{
  border:1px solid #cce9df;
  background:#effaf6;
  color:#397765;
}

.fact-quality-possible_duplicate{
  border-color:#efd29e;
  background:#fff7e7;
  color:#996110;
}

.fact-quality-related{
  border-color:#d8e0ef;
  background:#f5f7fb;
  color:#66738d;
}

.fact-quality-contrast_pair{
  border-color:#d9cff1;
  background:#f7f2ff;
  color:#704cb0;
}

.fact-relations{
  display:grid;
  gap:6px;
  margin-top:10px;
  padding:10px 11px;
  border:1px solid #e0e6f0;
  border-radius:9px;
  background:#fafbfe;
}

.fact-relation-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:28px;
  padding:5px 8px;
  border-radius:7px;
  font-size:8px;
}

.fact-relation-row strong{
  font-size:7px;
  letter-spacing:.06em;
}

.fact-relation-possible_duplicate{
  background:#fff4dc;
  color:#8e5d0d;
}

.fact-relation-related{
  background:#f1f4f9;
  color:#63708a;
}

.fact-relation-contrast_pair{
  background:#f4effc;
  color:#6f4aa8;
}

.fact-relations small{
  color:#8a95a8;
  font-size:7.5px;
  line-height:1.45;
}

.fact-evidence-row.is-context{
  border-color:#c9e7dc;
  background:#f0faf6;
}

.fact-evidence-row.is-context .evidence-id,
.fact-evidence-row.is-context .fact-evidence-type{
  color:#0d8264;
  font-weight:850;
}

.fact-context-for{
  color:#6e8d84;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:7px;
}

@media(max-width:840px){
  .fact-review-summary-smart{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ================================================================
   11E — FINAL FACT APPROVAL
   ================================================================ */

.fact-11d-complete-note{
  margin:10px 0 2px;
  padding:10px 11px;
  border:1px solid #dbe3f1;
  border-radius:9px;
  background:#f7f9fd;
  color:#6f7b93;
  font-size:8px;
  line-height:1.5;
}

.fact-final-panel{
  border-color:#cad8ff;
}

.fact-final-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:12px 0;
}

.fact-final-summary > div{
  min-width:0;
  min-height:66px;
  padding:10px;
  border:1px solid #e0e6f1;
  border-radius:10px;
  background:#f8faff;
}

.fact-final-summary strong{
  display:block;
  color:#172039;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:25px;
  line-height:1;
}

.fact-final-summary span{
  display:block;
  margin-top:5px;
  color:#8590a7;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
  line-height:1.25;
}

.fact-final-action{
  width:100%;
}

.fact-final-action:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.fact-final-ready{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:12px;
  padding:12px;
  border:1px solid #bfe5d8;
  border-radius:11px;
  background:#ebfaf4;
  color:#14785f;
}

.fact-final-ready > svg{
  width:19px;
  height:19px;
  flex:0 0 19px;
}

.fact-final-ready strong{
  display:block;
  font-size:11px;
}

.fact-final-ready span{
  display:block;
  margin-top:3px;
  color:#56877a;
  font-size:8px;
  line-height:1.45;
}

.fact-duplicate-review-panel{
  margin-top:14px;
  overflow:hidden;
}

.fact-final-head{
  min-height:68px;
  height:auto;
  padding:12px 16px;
}

.fact-duplicate-pairs{
  display:grid;
  gap:12px;
  padding:14px;
}

.fact-duplicate-pair{
  padding:14px;
  border:1px solid #efdba9;
  border-radius:13px;
  background:#fffaf0;
}

.fact-duplicate-score{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.fact-duplicate-score span{
  color:#95620e;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}

.fact-duplicate-score strong{
  color:#b67912;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:22px;
  line-height:1;
}

.fact-duplicate-compare{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}

.fact-duplicate-side{
  padding:12px;
  border:1px solid #e4e8f0;
  border-radius:11px;
  background:#fff;
}

.fact-duplicate-label{
  color:#3156d9;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
}

.fact-duplicate-side p{
  margin:8px 0 0;
  color:#202a40;
  font-size:11px;
  line-height:1.58;
}

.fact-duplicate-vs{
  display:grid;
  place-items:center;
  color:#a0a8b9;
  font-size:8px;
  font-weight:900;
}

.fact-duplicate-evidence{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid #e7ebf3;
}

.fact-duplicate-evidence span{
  display:inline-flex;
  padding:3px 6px;
  border-radius:6px;
  background:#eaf0ff;
  color:#3156d9;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:7px;
  font-weight:800;
}

.fact-duplicate-evidence small{
  display:block;
  margin-top:6px;
  color:#758198;
  font-size:8px;
  line-height:1.5;
}

.fact-duplicate-actions{
  display:grid;
  grid-template-columns:1fr .9fr 1fr;
  gap:8px;
  margin-top:12px;
}

.fact-duplicate-btn{
  min-height:40px;
  padding:0 10px;
  border-radius:10px;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}

.fact-duplicate-btn.is-left,
.fact-duplicate-btn.is-right{
  border:1px solid #cdd8ff;
  background:#eef2ff;
  color:#3156d9;
}

.fact-duplicate-btn.is-both{
  border:1px solid #cce8de;
  background:#eefaf6;
  color:#108064;
}

.fact-final-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:150px;
  padding:22px;
  text-align:center;
}

.fact-final-empty svg{
  width:25px;
  height:25px;
  color:#159273;
}

.fact-final-empty strong{
  margin-top:8px;
  color:#182139;
  font-size:13px;
}

.fact-final-empty span{
  max-width:560px;
  margin-top:5px;
  color:#7d889e;
  font-size:9px;
  line-height:1.55;
}

@media(max-width:840px){
  .fact-final-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fact-duplicate-pairs{
    padding:11px;
  }

  .fact-duplicate-pair{
    padding:12px;
  }

  .fact-duplicate-compare{
    grid-template-columns:1fr;
    gap:7px;
  }

  .fact-duplicate-vs{
    min-height:18px;
  }

  .fact-duplicate-side p{
    font-size:12px;
  }

  .fact-duplicate-actions{
    grid-template-columns:1fr;
  }

  .fact-duplicate-btn{
    min-height:43px;
  }
}


/* ================================================================
   12A — QUESTION ENGINE
   ================================================================ */

.question-engine-loading,
.question-engine-error{
  min-height:120px;
  padding:22px;
  display:flex;
  align-items:center;
  gap:14px;
}

.question-engine-loading-mark,
.question-empty-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--blue-soft);
  color:var(--blue);
}

.question-engine-loading-mark svg,
.question-empty-icon svg{
  width:24px;
  height:24px;
}

.question-engine-loading strong,
.question-engine-error strong,
.question-empty-bank strong{
  display:block;
  color:var(--ink);
  font-size:15px;
}

.question-engine-loading span,
.question-engine-error span,
.question-empty-bank span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

.question-engine-head{
  padding:22px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,460px);
  gap:32px;
  align-items:end;
}

.question-engine-head .info-kicker{
  margin:0 0 7px;
}

.question-engine-head h2{
  margin:0;
  color:var(--ink);
  font-size:27px;
  line-height:1.1;
}

.question-engine-head p{
  max-width:720px;
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}

.question-engine-head p strong{
  color:var(--green);
}

.question-engine-selector label{
  display:block;
  margin:0 0 7px;
  color:#626e87;
  font-size:11px;
  font-weight:800;
}

.question-engine-selector select{
  width:100%;
  min-height:48px;
  padding:0 46px 0 14px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background-color:#fff;
  color:var(--ink);
  font-size:13px;
  font-weight:650;
  outline:none;
}

.question-engine-selector small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:10px;
}

.question-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

.question-engine-ready,
.question-engine-migration{
  margin-top:16px;
  padding:17px 20px;
  display:flex;
  align-items:center;
  gap:13px;
}

.question-engine-ready{
  border-color:#bfe6d8;
  background:#f1fbf7;
}

.question-engine-ready-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#daf5eb;
  color:var(--green);
}

.question-engine-ready-icon svg{
  width:21px;
  height:21px;
}

.question-engine-ready-copy{
  min-width:0;
  flex:1;
}

.question-engine-ready-copy strong,
.question-engine-migration strong{
  display:block;
  color:var(--ink);
  font-size:14px;
}

.question-engine-ready-copy span{
  display:block;
  margin-top:3px;
  color:#678177;
  font-size:11px;
  line-height:1.5;
}

.question-engine-ready-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#d9f4ea;
  color:#087b5d;
  font-size:9px;
  font-weight:850;
  letter-spacing:.07em;
}

.question-engine-migration{
  border-color:#ecd7a5;
  background:#fff9eb;
}

.question-engine-migration-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fff0c7;
  color:#a66d0d;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:22px;
}

.question-engine-migration p{
  margin:5px 0 0;
  color:#786641;
  font-size:11px;
  line-height:1.55;
}

.question-engine-migration code{
  padding:2px 5px;
  border-radius:5px;
  background:#fff;
  color:#855b13;
  font-size:10px;
}

.question-engine-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr);
  gap:16px;
  margin-top:16px;
}

.question-contract-card{
  overflow:hidden;
}

.question-contract-list{
  padding:4px 18px 16px;
}

.question-contract-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  gap:11px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid #e8ecf4;
}

.question-contract-row:last-child{
  border-bottom:0;
}

.question-contract-no{
  color:var(--blue);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10px;
  font-weight:850;
}

.question-contract-row strong{
  display:block;
  color:#202a40;
  font-size:13px;
}

.question-contract-row p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}

.question-contract-check{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e1f7ef;
  color:var(--green);
}

.question-contract-check svg{
  width:14px;
  height:14px;
}

.question-profile-card{
  padding:21px;
}

.question-profile-card h3{
  margin:8px 0 0;
  color:var(--ink);
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:42px;
  line-height:1;
}

.question-profile-card > p{
  margin:9px 0 17px;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}

.question-profile-bars{
  display:grid;
  gap:12px;
}

.question-profile-row > div:first-child{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#65718a;
  font-size:10px;
  font-weight:750;
}

.question-profile-row strong{
  color:var(--ink);
}

.question-profile-track{
  height:7px;
  margin-top:6px;
  overflow:hidden;
  border-radius:999px;
  background:#edf0f6;
}

.question-profile-fill{
  display:block;
  height:100%;
  border-radius:inherit;
}

.question-profile-fill.is-blue{background:var(--blue)}
.question-profile-fill.is-green{background:var(--green)}
.question-profile-fill.is-purple{background:var(--purple)}

.question-execution-modes{
  display:flex;
  gap:7px;
  margin-top:19px;
}

.question-execution-modes span{
  padding:6px 9px;
  border:1px solid #d9e1ef;
  border-radius:999px;
  background:#f7f9fd;
  color:#5f6d87;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}

.question-engine-next{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid #e3e8f2;
  border-radius:10px;
  background:#f8f9fc;
}

.question-engine-next.is-ready{
  border-color:#c8e9de;
  background:#f0faf6;
}

.question-engine-next strong{
  display:block;
  color:#39465f;
  font-size:11px;
}

.question-engine-next.is-ready strong{
  color:#0c7d60;
}

.question-engine-next small{
  display:block;
  margin-top:3px;
  color:#818ca3;
  font-size:9px;
  line-height:1.45;
}

.question-generation-locked{
  width:100%;
  margin-top:13px;
  opacity:.52;
  box-shadow:none;
  cursor:not-allowed;
}

.question-empty-bank{
  margin-top:16px;
  padding:19px 21px;
  display:flex;
  align-items:center;
  gap:13px;
}


/* ================================================================
   12A — READABILITY TUNE
   Slight increase only; layout proportions stay intact.
   ================================================================ */

/* Desktop / tablet */
.panel-title{
  font-size:15px;
}

.panel-meta{
  font-size:13px;
}

.existing-fact{
  font-size:12px;
}

.existing-fact-meta{
  font-size:9px;
}

.existing-fact-text{
  font-size:13px;
  line-height:1.68;
}

.fact-ready-badge{
  min-height:29px;
  padding:0 10px;
  font-size:8px;
}

.fact-quality-chip{
  min-height:25px;
  padding:0 9px;
  font-size:8px;
}

.fact-validation-note,
.fact-rejection-note,
.fact-relations{
  font-size:10px;
}

.fact-validation-note strong,
.fact-rejection-note strong{
  font-size:9px;
}

.fact-evidence-row{
  font-size:9.5px;
}

.fact-evidence-row > div{
  font-size:10.5px;
  line-height:1.58;
}

.fact-filter-bar button{
  min-height:32px;
  padding:0 11px;
  font-size:9px;
}

.fact-review-btn{
  min-height:39px;
  padding:0 15px;
  font-size:11px;
  font-weight:800;
}

.fact-review-btn svg{
  width:15px;
  height:15px;
}


/* Mobile */
@media(max-width:840px){
  .question-engine-head{
    grid-template-columns:1fr;
    gap:17px;
    padding:18px;
  }

  .question-engine-head h2{
    font-size:24px;
  }

  .question-engine-head p{
    font-size:12px;
  }

  .question-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .question-engine-ready,
  .question-engine-migration{
    align-items:flex-start;
    padding:15px;
  }

  .question-engine-ready-badge{
    display:none;
  }

  .question-engine-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .question-contract-list{
    padding:3px 15px 14px;
  }

  .question-contract-row{
    grid-template-columns:30px minmax(0,1fr) 26px;
    gap:9px;
  }

  .question-contract-row strong{
    font-size:13px;
  }

  .question-contract-row p{
    font-size:11.5px;
  }

  .question-profile-card{
    padding:18px;
  }

  .question-empty-bank{
    margin-bottom:10px;
  }

  .panel-title{
    font-size:16px;
  }

  .panel-meta{
    font-size:11px;
  }

  .existing-fact{
    font-size:12.5px;
  }

  .existing-fact-meta{
    font-size:9px;
    gap:6px 9px;
  }

  .existing-fact-text{
    font-size:14px;
    line-height:1.65;
  }

  .fact-status-pill,
  .fact-validation-pill{
    padding:4px 8px;
  }

  .fact-ready-badge{
    min-height:31px;
    padding:0 11px;
    font-size:8.5px;
  }

  .fact-quality-chip{
    min-height:28px;
    padding:0 10px;
    font-size:8.5px;
  }

  .fact-validation-note,
  .fact-rejection-note{
    padding:11px 12px;
    font-size:11px;
    line-height:1.55;
  }

  .fact-validation-note strong,
  .fact-rejection-note strong{
    font-size:9.5px;
  }

  .fact-evidence-row{
    font-size:10px;
  }

  .fact-evidence-row > div{
    font-size:11.5px;
    line-height:1.58;
  }

  .fact-filter-bar button{
    min-height:36px;
    padding:0 12px;
    font-size:10px;
  }

  .fact-review-actions{
    gap:8px;
  }

  .fact-review-btn{
    min-height:46px;
    padding:0 8px;
    font-size:12px;
    font-weight:800;
    border-radius:10px;
  }

  .fact-review-btn svg{
    width:16px;
    height:16px;
  }
}

@media(max-width:430px){
  .fact-review-btn{
    font-size:11.5px;
  }
}


/* ================================================================
   12B — STANDARD + BATCH QUESTION GENERATOR
   ================================================================ */

.question-generator{
  overflow:hidden;
}

.question-generator-head{
  padding:24px 25px 20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,470px);
  gap:30px;
  align-items:end;
  border-bottom:1px solid var(--line);
}

.question-generator-head h2{
  margin:7px 0 0;
  color:var(--ink);
  font-size:28px;
  line-height:1.08;
}

.question-generator-head p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}

.question-generator-head p strong{
  color:var(--green);
}

.question-generator-body{
  padding:21px 25px 24px;
}

.question-field-label{
  margin-bottom:9px;
  color:#6b7690;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}

.question-mode-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.question-mode-btn{
  min-height:76px;
  padding:13px 16px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #d8dfed;
  border-radius:13px;
  background:#fff;
  color:#44516b;
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}

.question-mode-btn:hover{
  border-color:#b7c4df;
  transform:translateY(-1px);
}

.question-mode-btn.is-active{
  border-color:#3156df;
  background:#eef2ff;
  box-shadow:0 0 0 3px rgba(49,86,223,.08);
  color:#2448cc;
}

.question-mode-btn.is-batch.is-active{
  border-color:#7c4dd5;
  background:#f3efff;
  box-shadow:0 0 0 3px rgba(124,77,213,.08);
  color:#6840bb;
}

.question-mode-name{
  display:block;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:24px;
  letter-spacing:.04em;
  line-height:1;
}

.question-mode-btn small{
  display:block;
  margin-top:7px;
  color:#8792a8;
  font-size:10px;
  line-height:1.3;
}

.question-mode-btn.is-active small{
  color:#6778b5;
}

.question-mode-btn.is-batch.is-active small{
  color:#7b69aa;
}

.question-mode-explainer{
  margin-top:10px;
  padding:11px 13px;
  border:1px solid #dce3f0;
  border-radius:10px;
  background:#f8faff;
  color:#6f7b91;
}

.question-mode-explainer.is-batch{
  border-color:#ddd0f4;
  background:#faf7ff;
}

.question-mode-explainer strong{
  display:block;
  color:#344159;
  font-size:11px;
}

.question-mode-explainer.is-batch strong{
  color:#6a42b7;
}

.question-mode-explainer span{
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.55;
}

.question-generator-controls{
  display:grid;
  grid-template-columns:minmax(240px,.55fr) minmax(300px,1fr);
  gap:12px;
  margin-top:17px;
}

.question-generator-controls label > span,
.question-model-readonly > span{
  display:block;
  margin-bottom:6px;
  color:#68748c;
  font-size:10px;
  font-weight:800;
}

.question-generator-controls select{
  width:100%;
  min-height:49px;
  padding:0 46px 0 14px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background-color:#fff;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}

.question-model-readonly{
  min-height:49px;
  padding:9px 13px;
  border:1px solid #dce2ed;
  border-radius:11px;
  background:#f8f9fc;
}

.question-model-readonly > span{
  margin-bottom:2px;
}

.question-model-readonly strong{
  color:var(--ink);
  font-size:12px;
}

.question-model-readonly small{
  display:block;
  margin-top:3px;
  color:#8993a8;
  font-size:9px;
}

.question-generator-safety{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}

.question-generator-safety span{
  min-height:29px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #cfe7dd;
  border-radius:999px;
  background:#f0faf6;
  color:#267a64;
  font-size:8px;
  font-weight:800;
}

.question-generator-safety svg{
  width:12px;
  height:12px;
}

.question-generate-btn{
  width:100%;
  min-height:58px;
  margin-top:16px;
  border-radius:13px;
  font-size:16px;
}

.question-generator-warning{
  margin-top:9px;
  padding:10px 12px;
  border:1px solid #efd9aa;
  border-radius:9px;
  background:#fff9ec;
  color:#8b691e;
  font-size:10px;
}

.question-batch-status{
  margin-top:16px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.question-batch-status.is-running{
  border-color:#d8caf3;
  background:#faf7ff;
}

.question-batch-status.is-completed{
  border-color:#c6e7dc;
  background:#f3fbf8;
}

.question-batch-status-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.question-batch-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eee8fa;
  color:#7447c4;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:25px;
}

.question-batch-status-main strong{
  display:block;
  margin-top:3px;
  color:var(--ink);
  font-size:13px;
}

.question-batch-status-main span{
  display:block;
  margin-top:4px;
  max-width:720px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8993a7;
  font-size:9px;
}

.question-batch-actions{
  flex:0 0 auto;
}

.question-batch-actions .secondary-btn{
  min-height:40px;
  margin:0;
}

.question-bank-head{
  margin:23px 2px 12px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}

.question-bank-head h2{
  margin:5px 0 0;
  color:var(--ink);
  font-size:24px;
}

.question-bank-note{
  max-width:520px;
  color:#8290a6;
  font-size:10px;
  line-height:1.55;
  text-align:right;
}

.question-bank-note strong{
  color:#b27a19;
}

.question-preview-list{
  display:grid;
  gap:13px;
}

.question-preview-card{
  padding:20px;
}

.question-preview-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 11px;
  color:#8792a8;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
}

.question-preview-meta span:first-child{
  color:var(--blue);
}

.question-preview-meta .is-draft{
  color:#a97015;
}

.question-preview-card h3{
  margin:12px 0 0;
  color:#172039;
  font-size:16px;
  line-height:1.45;
}

.question-options-preview{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}

.question-option-preview{
  min-height:48px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border:1px solid #e0e5ef;
  border-radius:10px;
  background:#f8f9fc;
}

.question-option-preview > span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:1px solid #cbd5e6;
  border-radius:50%;
  color:#71809a;
  font-size:9px;
  font-weight:850;
}

.question-option-preview strong{
  color:#39455c;
  font-size:11px;
  font-weight:650;
}

.question-option-preview small{
  color:#198168;
  font-size:7px;
  font-weight:800;
}

.question-option-preview.is-proposed-correct{
  border-color:#bde5d8;
  background:#eefaf6;
}

.question-option-preview.is-proposed-correct > span{
  border-color:#38a98b;
  background:#159475;
  color:#fff;
}

.question-preview-warning{
  margin-top:13px;
  padding:10px 12px;
  border:1px solid #eddaa9;
  border-radius:9px;
  background:#fff9eb;
  color:#8a6a25;
  font-size:9px;
  line-height:1.55;
}

.question-preview-warning strong{
  color:#775718;
}

.question-preview-evidence{
  margin-top:12px;
  padding:12px 13px;
  border:1px solid #dfe5ef;
  border-radius:10px;
  background:#f8faff;
}

.question-preview-evidence > div{
  color:#3156d9;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
}

.question-preview-evidence p{
  margin:7px 0 0;
  color:#66738b;
  font-size:10.5px;
  line-height:1.58;
  white-space:pre-line;
}

@media(max-width:840px){
  .question-generator-head{
    grid-template-columns:1fr;
    gap:17px;
    padding:18px;
  }

  .question-generator-head h2{
    font-size:24px;
  }

  .question-generator-body{
    padding:16px 18px 19px;
  }

  .question-mode-switch{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .question-mode-btn{
    min-height:80px;
    padding:12px;
  }

  .question-mode-name{
    font-size:22px;
  }

  .question-mode-btn small{
    font-size:9px;
  }

  .question-generator-controls{
    grid-template-columns:1fr;
  }

  .question-generate-btn{
    min-height:55px;
    font-size:15px;
  }

  .question-batch-status{
    align-items:flex-start;
    flex-direction:column;
    padding:15px;
  }

  .question-batch-actions{
    width:100%;
  }

  .question-batch-actions .secondary-btn{
    width:100%;
  }

  .question-bank-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .question-bank-note{
    text-align:left;
  }

  .question-options-preview{
    grid-template-columns:1fr;
  }

  .question-preview-card{
    padding:15px;
  }

  .question-preview-card h3{
    font-size:15px;
  }

  .question-option-preview strong{
    font-size:12px;
  }

  .question-preview-evidence p{
    font-size:11.5px;
  }
}

@media(max-width:430px){
  .question-mode-switch{
    grid-template-columns:1fr;
  }
}


/* ================================================================
   12C — MODEL/MODE SEPARATION + GROUNDED ANSWER VALIDATION
   ================================================================ */

.question-12c-control-grid{
  display:grid;
  grid-template-columns:1fr .72fr .82fr;
  gap:12px;
  margin-top:16px;
}
.question-control-field > span{
  display:block;
  margin:0 0 6px;
  color:#68748c;
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
}
.question-control-field select{
  width:100%;
  min-height:49px;
  padding:0 46px 0 14px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:#fff;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}
.question-combination-badge{
  margin-top:12px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #cdd9ff;
  border-radius:10px;
  background:#f1f4ff;
}
.question-combination-badge span{
  color:#6d7aa1;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}
.question-combination-badge strong{
  color:#3156d9;
  font-size:11px;
}
.question-combination-badge.is-validation{
  border-color:#c7e5dc;
  background:#f0faf6;
}
.question-combination-badge.is-validation strong{color:#138066}

.question-validation-panel{
  margin-top:18px;
  overflow:hidden;
  border-color:#c9d8ff;
}
.question-validation-head{
  padding:23px 25px 20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,430px);
  gap:28px;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.question-validation-head h2{
  margin:7px 0 0;
  color:var(--ink);
  font-size:27px;
  line-height:1.12;
}
.question-validation-head p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.question-validation-head p strong{color:#137d64}
.question-validation-principle{
  padding:14px 16px;
  border:1px solid #ecd79f;
  border-radius:12px;
  background:#fff9e9;
}
.question-validation-principle span{
  display:block;
  color:#a27116;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}
.question-validation-principle strong{
  display:block;
  margin-top:6px;
  color:#5e4b24;
  font-size:11px;
  line-height:1.5;
}
.question-validation-body{padding:20px 25px 24px}
.question-validation-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:15px;
}
.question-mini-stat{
  min-height:74px;
  padding:11px 12px;
  border:1px solid #e0e6f0;
  border-radius:11px;
  background:#f8faff;
}
.question-mini-stat strong{
  display:block;
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:27px;
  line-height:1;
  color:#172039;
}
.question-mini-stat span{
  display:block;
  margin-top:6px;
  color:#7e8aa2;
  font-size:8px;
  font-weight:850;
  letter-spacing:.05em;
}
.question-mini-stat.is-green strong{color:#13886b}
.question-mini-stat.is-blue strong{color:#3156d9}
.question-mini-stat.is-amber strong{color:#b77811}
.question-mini-stat.is-red strong{color:#c44750}

.question-validate-btn{
  width:100%;
  min-height:58px;
  margin-top:16px;
  border-radius:13px;
  background:#159475;
  box-shadow:0 10px 24px rgba(21,148,117,.18);
  font-size:16px;
}
.question-validate-btn:hover{background:#10856a}
.question-validation-footnote{
  margin-top:10px;
  color:#8792a8;
  font-size:9px;
  line-height:1.55;
}
.question-validation-footnote strong{color:#5f6a80}
.question-validation-batch-status{border-color:#c9e6dc}
.question-batch-icon.is-validation{
  background:#def5ed;
  color:#13866a;
}

.question-last-validation{
  margin-top:14px;
  padding:14px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.question-last-validation strong{
  display:block;
  margin-top:3px;
  color:#202b42;
  font-size:12px;
}
.question-last-validation > div:last-child{text-align:right}
.question-last-validation > div:last-child span{
  display:block;
  color:#15836a;
  font-size:9px;
  font-weight:850;
}
.question-last-validation > div:last-child small{
  display:block;
  margin-top:3px;
  color:#8b95a9;
  font-size:8px;
}

.question-preview-card-12c{position:relative}
.question-preview-card-12c.has-answer-problem{
  border-color:#efb9bd;
  box-shadow:0 10px 26px rgba(188,55,66,.07);
}
.question-12c-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:11px;
}
.question-12c-chip{
  min-height:25px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  border:1px solid #dfe4ee;
  border-radius:999px;
  background:#f8f9fc;
  color:#7d879a;
  font-size:7px;
  font-weight:850;
  letter-spacing:.03em;
}
.question-12c-chip.is-pass{
  border-color:#bfe5d8;
  background:#edf9f5;
  color:#137d64;
}
.question-12c-chip.is-fail{
  border-color:#efc1c5;
  background:#fff0f1;
  color:#bd414a;
}
.question-12c-chip.is-warn{
  border-color:#edd59d;
  background:#fff8e8;
  color:#9b6b12;
}
.question-12c-chip.is-ambiguous{
  border-color:#dcc7ef;
  background:#f8f1ff;
  color:#7a4caf;
}

.question-option-preview.is-validator-correct{
  border-color:#78cdb5;
  background:#e9f9f3;
  box-shadow:inset 0 0 0 1px #78cdb5;
}
.question-option-labels{
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:flex-end;
}
.question-option-labels small.is-bad{color:#bd414a}
.question-option-labels small.is-validator{
  color:#128369;
  font-weight:900;
}

.question-12c-note{
  margin-top:13px;
  padding:11px 13px;
  border:1px solid #c9e5dc;
  border-radius:10px;
  background:#f0faf6;
}
.question-12c-note.is-problem{
  border-color:#efc1c5;
  background:#fff1f2;
}
.question-12c-note strong{
  display:block;
  color:#137d64;
  font-size:8px;
  letter-spacing:.07em;
}
.question-12c-note.is-problem strong{color:#bd414a}
.question-12c-note span{
  display:block;
  margin-top:5px;
  color:#607087;
  font-size:10px;
  line-height:1.55;
}
.question-12c-note.is-problem span{color:#82565a}

@media(max-width:840px){
  .question-12c-control-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .question-combination-badge{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .question-validation-head{
    grid-template-columns:1fr;
    gap:15px;
    padding:18px;
  }
  .question-validation-head h2{font-size:24px}
  .question-validation-body{padding:16px 18px 19px}
  .question-validation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .question-validation-principle{padding:12px 13px}
  .question-validate-btn{
    min-height:55px;
    font-size:15px;
  }
  .question-12c-chip{
    min-height:28px;
    padding:0 9px;
    font-size:7.5px;
  }
  .question-12c-note span{font-size:11px}
}
@media(max-width:430px){
  .question-option-labels{
    align-items:flex-start;
    grid-column:2;
  }
}


/* 12D — HUMAN QUESTION REVIEW */
.question-review-12d{margin-top:18px;overflow:hidden;border-color:#ccd8f7}
.question-review-12d-head{padding:24px 26px 21px;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,420px);gap:28px;align-items:center;border-bottom:1px solid var(--line)}
.question-review-12d-head h2{margin:7px 0 0;color:var(--ink);font-size:28px;line-height:1.12}
.question-review-12d-head p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.question-review-rule{padding:15px 17px;border:1px solid #cfd9f1;border-radius:13px;background:#f6f8fe}
.question-review-rule span{display:block;color:#3156d9;font-size:9px;font-weight:900;letter-spacing:.09em}
.question-review-rule strong{display:block;margin-top:7px;color:#35435d;font-size:12px;line-height:1.5}
.question-review-12d-stats{padding:18px 26px 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.question-review-filters{padding:14px 26px 22px;display:flex;flex-wrap:wrap;gap:8px}
.question-review-filter{min-height:39px;padding:0 12px 0 14px;display:inline-flex;align-items:center;gap:9px;border:1px solid #d6deed;border-radius:999px;background:#fff;color:#6f7b93;font-size:11px;font-weight:800;cursor:pointer}
.question-review-filter strong{min-width:23px;height:23px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f0f3f9;color:#42506a;font-size:9px}
.question-review-filter.is-active{border-color:#9eb2ff;background:#edf1ff;color:#2e55d8}.question-review-filter.is-active strong{background:#3156d9;color:#fff}
.question-review-card-12d.is-human-accepted{border-color:#a8ddca;background:linear-gradient(180deg,#fbfffd 0%,#f2fbf7 100%)}
.question-review-card-12d.is-human-rejected{border-color:#efbcc1;background:linear-gradient(180deg,#fffdfd 0%,#fff4f5 100%)}
.question-review-card-12d.has-duplicate-warning,.question-review-card-12d.has-distractor-warning,.question-review-card-12d.has-cognitive-warning{border-color:#ebd49a}.question-human-status{margin-left:auto;font-weight:900!important}.question-human-status.is-accepted{color:#138166!important}.question-human-status.is-rejected{color:#bd414a!important}
.question-human-banner{margin-top:12px;padding:11px 13px;display:flex;align-items:center;gap:10px;border-radius:11px}.question-human-banner svg{width:21px;height:21px;flex:0 0 auto}.question-human-banner strong{display:block;font-size:11px}.question-human-banner span{display:block;margin-top:3px;font-size:9px;line-height:1.45}.question-human-banner.is-accepted{border:1px solid #b9e4d5;background:#eaf8f3;color:#137c63}.question-human-banner.is-rejected{border:1px solid #efc1c5;background:#fff0f1;color:#b83f49}
.question-duplicate-12d{margin-top:13px;padding:12px 14px;border:1px solid #ead39a;border-radius:11px;background:#fff9e9}.question-duplicate-12d strong{display:block;color:#986811;font-size:8px;letter-spacing:.07em}.question-duplicate-12d span{display:block;margin-top:5px;color:#6f6247;font-size:10px;line-height:1.55}
.question-review-actions-12d{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e7ef}.question-review-btn{min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d3dbea;border-radius:12px;background:#fff;color:#3d4961;font-size:15px;font-weight:850;cursor:pointer}.question-review-btn svg{width:20px;height:20px}.question-review-btn.is-accept{border-color:#168e70;background:#159475;color:#fff;box-shadow:0 8px 20px rgba(21,148,117,.14)}.question-review-btn.is-duplicate-accept{border-color:#c18a24;background:#b77a16}.question-review-btn.is-reject{border-color:#efbcc1;background:#fff5f5;color:#bc414b}.question-review-btn:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.question-accept-blocked-note{margin-top:9px;color:#8a94a8;font-size:9px;line-height:1.5}
.question-edit-panel-12d,.question-reject-panel-12d{margin-top:16px;padding:17px;border:1px solid #d6deed;border-radius:13px;background:#f8faff}.question-reject-panel-12d{border-color:#efc4c7;background:#fff7f7}.question-edit-title-12d{margin-bottom:13px}.question-edit-title-12d strong{display:block;color:#172039;font-size:15px}.question-edit-title-12d span{display:block;margin-top:4px;color:#7f8aa0;font-size:10px}.question-edit-panel-12d label,.question-reject-panel-12d label{display:block}.question-edit-panel-12d label>span,.question-reject-panel-12d label>span{display:block;margin:0 0 6px;color:#5e6980;font-size:10px;font-weight:850}.question-edit-panel-12d textarea,.question-reject-panel-12d textarea,.question-edit-panel-12d select{width:100%;border:1px solid #ccd6e8;border-radius:10px;background:#fff;color:#202a40;font:inherit;font-size:13px;line-height:1.55}.question-edit-panel-12d textarea,.question-reject-panel-12d textarea{padding:11px 12px;resize:vertical}.question-edit-panel-12d select{min-height:45px;padding:0 42px 0 12px}.question-edit-options-12d{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-edit-selects-12d{margin:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.question-inline-actions-12d{margin-top:13px;display:flex;gap:9px;flex-wrap:wrap}.question-inline-actions-12d button{min-height:46px;padding:0 17px;border-radius:10px;font-size:14px;font-weight:850;cursor:pointer}.question-inline-save-12d{border:1px solid #3156d9;background:#3156d9;color:#fff}.question-inline-reject-12d{border:1px solid #c8444e;background:#c8444e;color:#fff}.question-inline-cancel-12d{border:1px solid #d5dce8;background:#fff;color:#556077}
.question-decision-modal-12d{position:fixed;inset:0;z-index:10050;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(13,20,34,.54);backdrop-filter:blur(4px)}.question-decision-dialog-12d{width:min(520px,100%);padding:25px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(6,13,28,.24)}.question-decision-dialog-12d h3{margin:8px 0 0;color:#151d2e;font-size:24px;line-height:1.18}.question-decision-dialog-12d p{margin:12px 0 0;color:#68758d;font-size:13px;line-height:1.65}.question-decision-actions-12d{margin-top:20px;display:flex;justify-content:flex-end;gap:9px}.question-decision-actions-12d button{min-height:46px;padding:0 18px;border:1px solid #d6ddea;border-radius:11px;background:#fff;color:#4f5a70;font-size:14px;font-weight:850;cursor:pointer}.question-decision-actions-12d button.is-accept{border-color:#159475;background:#159475;color:#fff}.question-decision-actions-12d button.is-edit{border-color:#3156d9;background:#3156d9;color:#fff}.question-decision-actions-12d button.is-reject{border-color:#c8444e;background:#c8444e;color:#fff}
@media(max-width:840px){.question-review-12d-head{grid-template-columns:1fr;gap:15px;padding:20px}.question-review-12d-head h2{font-size:25px}.question-review-12d-head p{font-size:14px}.question-review-12d-stats{padding:16px 20px 4px;grid-template-columns:1fr 1fr}.question-review-filters{padding:13px 20px 20px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.question-review-filters::-webkit-scrollbar{display:none}.question-review-filter{flex:0 0 auto;min-height:42px;font-size:12px}.question-review-actions-12d{grid-template-columns:1fr}.question-review-btn{min-height:55px;font-size:16px}.question-edit-options-12d,.question-edit-selects-12d{grid-template-columns:1fr}.question-edit-panel-12d textarea,.question-reject-panel-12d textarea,.question-edit-panel-12d select{font-size:16px}.question-inline-actions-12d{display:grid;grid-template-columns:1fr 1fr}.question-inline-actions-12d button{min-height:50px;font-size:15px}.question-decision-modal-12d{padding:16px}.question-decision-dialog-12d{padding:21px;border-radius:16px}.question-decision-dialog-12d h3{font-size:23px}.question-decision-dialog-12d p{font-size:15px}.question-decision-actions-12d{display:grid;grid-template-columns:1fr 1fr}.question-decision-actions-12d button{min-height:50px;font-size:15px}}
@media(max-width:430px){.question-review-12d-head{padding:18px}.question-review-12d-stats{padding:14px 18px 3px}.question-review-filters{padding:12px 18px 18px}.question-edit-panel-12d,.question-reject-panel-12d{padding:14px}}


/* ================================================================
   13A — RANDOM QUIZ ENGINE
   ================================================================ */
.quiz-loading{padding:36px;text-align:center}.quiz-loading h2{margin:12px 0 0;font-size:20px}
.quiz-migration-warning{margin-bottom:18px;padding:16px 18px;border:1px solid #efcf82;border-radius:14px;background:#fff8e6;color:#78520c}.quiz-migration-warning strong{display:block;font-size:12px}.quiz-migration-warning span{display:block;margin-top:5px;font-size:12px;line-height:1.55}
.quiz-top-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.quiz-active-banner{padding:20px 22px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#cbd8ff;background:#f8faff}.quiz-active-banner h2{margin:6px 0 3px;font-size:22px}.quiz-active-banner p{margin:0;color:var(--muted);font-size:12px}.quiz-active-banner button{min-height:46px;padding:0 20px;border:0;border-radius:11px;background:#3156d9;color:#fff;font-weight:850;cursor:pointer}
.quiz-builder-13a{overflow:hidden}.quiz-builder-head{padding:25px 26px 22px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center;border-bottom:1px solid var(--line)}.quiz-builder-head h2{margin:7px 0 0;font-size:28px}.quiz-builder-head p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.quiz-builder-rule{padding:15px 17px;border:1px solid #d5dded;border-radius:13px;background:#f7f9fd}.quiz-builder-rule span{display:block;color:#3156d9;font-size:9px;font-weight:900;letter-spacing:.08em}.quiz-builder-rule strong{display:block;margin-top:6px;color:#39465f;font-size:12px;line-height:1.45}
.quiz-mode-grid{padding:22px 26px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quiz-mode-card{min-height:98px;padding:16px;border:1px solid #d7deeb;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.quiz-mode-card strong{display:block;color:#182238;font-size:16px}.quiz-mode-card span{display:block;margin-top:7px;color:#7d889e;font-size:10px;line-height:1.5}.quiz-mode-card.is-active{border-color:#859fff;background:#eef2ff;box-shadow:0 0 0 2px rgba(49,86,217,.07)}.quiz-mode-card.is-active strong{color:#3156d9}
.quiz-builder-controls{padding:10px 26px 0;display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,.7fr);gap:12px}.quiz-builder-controls label>span{display:block;margin-bottom:6px;color:#66738c;font-size:9px;font-weight:850;letter-spacing:.05em}.quiz-builder-controls select{width:100%;min-height:50px;padding:0 46px 0 14px;border:1px solid #ccd6e8;border-radius:11px;background:#fff;color:#202b42;font-size:13px;font-weight:750}
.quiz-multi-lessons{margin:12px 26px 0;max-height:300px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid #dce3ef;border-radius:13px;background:#f8faff}.quiz-lesson-check{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e0e6f0;border-radius:10px;background:#fff;cursor:pointer}.quiz-lesson-check input{margin-top:3px}.quiz-lesson-check strong{display:block;font-size:12px}.quiz-lesson-check small{display:block;margin-top:3px;color:#7f8aa0;font-size:9px;line-height:1.45}
.quiz-pool-line{margin:14px 26px 0;padding:11px 13px;display:flex;justify-content:space-between;gap:12px;border-radius:10px;background:#eef8f5;color:#477268;font-size:10px}.quiz-pool-line strong{color:#138367}.quiz-start-btn{margin:12px 26px 24px;width:calc(100% - 52px);min-height:58px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;background:#3156d9;color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(49,86,217,.16)}.quiz-start-btn svg{width:22px;height:22px}.quiz-start-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.quiz-inline-note{margin:-14px 26px 22px;color:#a16c16;font-size:10px}
.quiz-recent-panel{margin-top:18px;overflow:hidden}.quiz-recent-list{padding:0 20px 16px}.quiz-recent-row{padding:14px 2px;display:grid;grid-template-columns:minmax(0,1fr) 80px 90px;gap:12px;align-items:center;border-bottom:1px solid #e8ecf3}.quiz-recent-row:last-child{border-bottom:0}.quiz-recent-row strong{display:block;font-size:12px}.quiz-recent-row span{display:block;margin-top:4px;color:#8490a5;font-size:9px}.quiz-recent-score{text-align:right;color:#b57b18;font-weight:900}.quiz-recent-score.is-done{color:#138367}.quiz-recent-row button{min-height:37px;border:1px solid #d4dcea;border-radius:9px;background:#fff;color:#42506a;font-size:10px;font-weight:850;cursor:pointer}.quiz-smart-next{margin-top:18px;padding:20px 4px}.quiz-smart-next h3{margin:7px 0 3px;font-size:20px}.quiz-smart-next p{margin:0;max-width:760px;color:var(--muted);font-size:12px;line-height:1.6}
.quiz-session-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.quiz-session-head h2{margin:5px 0 2px;font-size:26px}.quiz-session-head p{margin:0;color:var(--muted);font-size:12px}.quiz-session-head button{min-height:42px;padding:0 15px;border:1px solid #e5b9bd;border-radius:10px;background:#fff5f5;color:#b33f48;font-weight:800;cursor:pointer}.quiz-progress-wrap{margin-bottom:16px}.quiz-progress-label{display:flex;justify-content:space-between;color:#6e7a91;font-size:10px;font-weight:800}.quiz-progress{height:8px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e3e8f1}.quiz-progress span{display:block;height:100%;border-radius:999px;background:#3156d9}
.quiz-question-card{padding:28px}.quiz-question-meta{display:flex;flex-wrap:wrap;gap:7px}.quiz-question-meta span{padding:5px 8px;border-radius:999px;background:#f0f3f8;color:#7b879b;font-size:8px;font-weight:800}.quiz-question-card h2{margin:20px 0 18px;font-size:26px;line-height:1.35;color:#172139}.quiz-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quiz-answer{min-height:82px;padding:14px;display:flex;align-items:center;gap:13px;border:1px solid #d5ddea;border-radius:13px;background:#fff;text-align:left;cursor:pointer}.quiz-answer>span{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf1f8;color:#506078;font-size:14px;font-weight:900}.quiz-answer strong{font-size:14px;line-height:1.4}.quiz-answer:hover:not(:disabled){border-color:#9cb0ff;background:#f7f9ff}.quiz-answer.is-correct{border-color:#73cdb0;background:#edfaf5}.quiz-answer.is-correct>span{background:#159475;color:#fff}.quiz-answer.is-wrong{border-color:#ed9da4;background:#fff0f1}.quiz-answer.is-wrong>span{background:#c84751;color:#fff}.quiz-feedback{margin-top:18px;padding:18px;border-radius:13px}.quiz-feedback.is-correct{border:1px solid #a7dec9;background:#f0faf6}.quiz-feedback.is-wrong{border:1px solid #edbec2;background:#fff5f5}.quiz-feedback-title{display:flex;align-items:center;gap:8px}.quiz-feedback-title svg{width:21px;height:21px}.quiz-feedback p{font-size:12px;line-height:1.6}.quiz-evidence{margin-top:13px;padding:14px;border:1px solid #d7dfed;border-radius:11px;background:#fff}.quiz-evidence span{display:block;color:#3156d9;font-size:8px;font-weight:900;letter-spacing:.06em}.quiz-evidence p{margin:7px 0 0;color:#526079;font-size:11px;line-height:1.6}.quiz-feedback button{margin-top:14px;min-height:46px;padding:0 18px;border:0;border-radius:10px;background:#3156d9;color:#fff;font-weight:850;cursor:pointer}.quiz-session-foot{margin-top:14px}.quiz-session-foot button{border:0;background:transparent;color:#6f7b91;font-weight:800;cursor:pointer}
.quiz-result-hero{padding:30px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:center}.quiz-result-ring{width:150px;height:150px;border:12px solid #dfe6ff;border-top-color:#3156d9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-result-ring strong{font-size:36px}.quiz-result-ring span{margin-top:2px;color:#7c879a;font-size:9px;font-weight:900;letter-spacing:.08em}.quiz-result-hero h2{margin:6px 0 4px;font-size:28px}.quiz-result-hero p{color:var(--muted);font-size:13px}.quiz-result-actions{display:flex;gap:9px;margin-top:16px}.quiz-result-actions button{min-height:46px;padding:0 18px;border:1px solid #d4dcea;border-radius:10px;background:#fff;color:#46536a;font-weight:850;cursor:pointer}.quiz-result-actions button:first-child{border-color:#3156d9;background:#3156d9;color:#fff}.quiz-result-breakdown{margin-top:16px;display:grid;gap:10px}.quiz-result-item{padding:18px}.quiz-result-item.is-correct{border-left:4px solid #159475}.quiz-result-item.is-wrong{border-left:4px solid #c84751}.quiz-result-item.is-unanswered{border-left:4px solid #c2891f}.quiz-result-item-head{display:flex;justify-content:space-between;color:#7f8ba0;font-size:9px}.quiz-result-item h3{margin:10px 0 5px;font-size:16px}.quiz-result-item>p{margin:0;color:#67738b;font-size:11px}
@media(max-width:900px){.quiz-top-stats{grid-template-columns:1fr 1fr}.quiz-builder-head{grid-template-columns:1fr}.quiz-mode-grid{grid-template-columns:1fr 1fr}.quiz-builder-controls{grid-template-columns:1fr}.quiz-multi-lessons{grid-template-columns:1fr}.quiz-answer-grid{grid-template-columns:1fr}.quiz-result-hero{grid-template-columns:1fr;text-align:center}.quiz-result-ring{margin:auto}.quiz-result-actions{justify-content:center}}
@media(max-width:600px){.quiz-top-stats{gap:9px}.quiz-active-banner{align-items:stretch;flex-direction:column}.quiz-active-banner button{width:100%}.quiz-builder-head{padding:20px}.quiz-builder-head h2{font-size:24px}.quiz-mode-grid{padding:16px 20px 7px;grid-template-columns:1fr}.quiz-mode-card{min-height:auto}.quiz-builder-controls{padding:10px 20px 0}.quiz-builder-controls select{font-size:16px}.quiz-multi-lessons{margin:12px 20px 0}.quiz-pool-line{margin:13px 20px 0}.quiz-start-btn{margin:12px 20px 22px;width:calc(100% - 40px);min-height:60px;font-size:16px}.quiz-inline-note{margin:-13px 20px 20px}.quiz-recent-row{grid-template-columns:1fr 60px}.quiz-recent-row button{grid-column:1/-1}.quiz-session-head{align-items:stretch;flex-direction:column}.quiz-session-head button{width:100%}.quiz-question-card{padding:20px}.quiz-question-card h2{font-size:22px}.quiz-answer{min-height:74px}.quiz-answer strong{font-size:15px}.quiz-feedback p,.quiz-evidence p{font-size:13px}.quiz-result-hero{padding:22px}.quiz-result-actions{display:grid;grid-template-columns:1fr}.quiz-result-actions button{font-size:15px}}


/* 13A1 — reliable STANDARD background status */
.question-standard-status{
  margin-top:16px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-color:#cad8f5;
}

.question-standard-status.is-running{
  border-color:#9fb7f2;
  background:#f7f9ff;
}

.question-standard-status.is-completed{
  border-color:#b8e2d5;
  background:#f4fbf8;
}

.question-standard-status.is-failed{
  border-color:#efc0c5;
  background:#fff7f7;
}

.question-standard-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#e8eeff;
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:23px;
}

@media(max-width:840px){
  .question-standard-status{
    align-items:flex-start;
    flex-direction:column;
  }

  .question-standard-status .question-batch-actions{
    width:100%;
  }

  .question-standard-status .question-batch-actions button{
    width:100%;
    min-height:48px;
    font-size:15px;
  }
}


/* 13A1-R1 — do not make a disabled generator look clickable */
.question-generate-btn:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  filter:saturate(.65);
}


/* 13A2 — pending-only 12C + faster 12D review */
.question-source-phrasing-warning{
  margin-top:13px;
  padding:13px 15px;
  border:1px solid #e6ba62;
  border-radius:11px;
  background:#fff7e7;
}
.question-source-phrasing-warning strong{
  display:block;
  color:#9a6406;
  font-size:10px;
  letter-spacing:.07em;
}
.question-source-phrasing-warning span{
  display:block;
  margin-top:6px;
  color:#66583c;
  font-size:12px;
  line-height:1.55;
}
.question-review-card-12d.has-source-phrasing{
  border-color:#e6ba62;
}
.question-review-actions-12d:has(.is-linguistic-restore){
  grid-template-columns:1fr 1fr 1fr 1.35fr;
}
.question-review-btn.is-linguistic-restore{
  border-color:#aabaf2;
  background:#f0f3ff;
  color:#3156d9;
}
.question-edit-mode-help{
  margin-top:13px;
  padding:11px 13px;
  border:1px solid #d8e1f3;
  border-radius:10px;
  background:#fff;
}
.question-edit-mode-help strong{
  display:block;
  color:#34415a;
  font-size:11px;
}
.question-edit-mode-help span{
  display:block;
  margin-top:4px;
  color:#7b879d;
  font-size:11px;
  line-height:1.55;
}
.question-inline-save-12d.is-linguistic{
  border-color:#159475;
  background:#159475;
  color:#fff;
}
.question-inline-actions-12d.is-edit-modes{
  display:grid;
  grid-template-columns:1.25fr 1.25fr .8fr;
}
@media(max-width:980px){
  .question-review-actions-12d:has(.is-linguistic-restore){grid-template-columns:1fr 1fr;}
}
@media(max-width:840px){
  .question-review-actions-12d:has(.is-linguistic-restore){grid-template-columns:1fr;}
  .question-inline-actions-12d.is-edit-modes{grid-template-columns:1fr;}
  .question-review-btn.is-linguistic-restore{min-height:55px;font-size:15px;}
  .question-source-phrasing-warning span{font-size:13px;}
}


/* ============================================================
   13A3 — IMMEDIATE QUIZ FEEDBACK
   Familiar learning flow: answer -> verdict -> book proof -> next.
   ============================================================ */

.quiz-session-head-13a3{
  margin-bottom:16px;
}

.quiz-question-card-13a3{
  position:relative;
  overflow:hidden;
  padding:32px;
  border-color:#cfd9eb;
}

.quiz-question-number-13a3{
  margin-bottom:10px;
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:17px;
  letter-spacing:.08em;
}

.quiz-question-card-13a3 h2{
  max-width:1100px;
  margin-top:21px;
  font-size:29px;
  line-height:1.35;
}

.quiz-answer-13a3{
  min-height:88px;
  padding:16px 18px;
  transition:
    border-color .16s ease,
    background .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.quiz-answer-13a3:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(38,58,104,.07);
}

.quiz-answer-13a3 strong{
  font-size:16px;
  line-height:1.45;
}

.quiz-answer-13a3.is-waiting{
  opacity:.68;
}

.quiz-answer-13a3.is-correct{
  border:2px solid #168f70;
  background:#eaf8f2;
}

.quiz-answer-13a3.is-wrong{
  border:2px solid #cf4d58;
  background:#fff0f1;
}

.quiz-feedback-13a3{
  margin-top:24px;
  padding:0;
  overflow:hidden;
  border-radius:18px;
}

.quiz-feedback-13a3.is-correct{
  border:1px solid #9ddac4;
  background:#f3fbf8;
}

.quiz-feedback-13a3.is-wrong{
  border:1px solid #efb3b9;
  background:#fff7f7;
}

.quiz-feedback-verdict{
  padding:21px 22px;
  display:flex;
  align-items:flex-start;
  gap:15px;
}

.quiz-feedback-verdict-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
}

.quiz-feedback-verdict-icon svg{
  width:29px;
  height:29px;
}

.quiz-feedback-13a3.is-correct .quiz-feedback-verdict-icon{
  background:#159475;
  color:#fff;
}

.quiz-feedback-13a3.is-wrong .quiz-feedback-verdict-icon{
  background:#c84751;
  color:#fff;
}

.quiz-feedback-kicker{
  color:#71809a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
}

.quiz-feedback-verdict h3{
  margin:5px 0 2px;
  color:#172139;
  font-size:24px;
  line-height:1.18;
}

.quiz-feedback-verdict p{
  margin:5px 0 0;
  color:#5d6a82;
  font-size:15px;
  line-height:1.55;
}

.quiz-correct-answer-13a3,
.quiz-explanation-13a3,
.quiz-evidence-13a3{
  margin:0 22px 16px;
}

.quiz-correct-answer-13a3{
  padding:16px 18px;
  border:1px solid #cdd8eb;
  border-radius:13px;
  background:#fff;
}

.quiz-correct-answer-13a3>span,
.quiz-explanation-13a3>span{
  display:block;
  color:#78859b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
}

.quiz-correct-answer-13a3>div{
  margin-top:8px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.quiz-correct-answer-13a3 b{
  width:35px;
  height:35px;
  flex:0 0 35px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#159475;
  color:#fff;
  font-size:14px;
}

.quiz-correct-answer-13a3 strong{
  padding-top:5px;
  color:#1d2940;
  font-size:15px;
  line-height:1.45;
}

.quiz-explanation-13a3{
  padding:15px 18px;
  border:1px solid #d8dfeb;
  border-radius:13px;
  background:#f8faff;
}

.quiz-explanation-13a3 p{
  margin:7px 0 0;
  color:#516078;
  font-size:14px;
  line-height:1.65;
}

.quiz-evidence-13a3{
  padding:0;
  overflow:hidden;
  border:1px solid #bcccf0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(35,60,118,.06);
}

.quiz-evidence-head-13a3{
  min-height:48px;
  padding:10px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #dce4f3;
  background:#eef3ff;
}

.quiz-evidence-head-13a3>div{
  display:flex;
  align-items:center;
  gap:9px;
  color:#3156d9;
}

.quiz-evidence-head-13a3 svg{
  width:20px;
  height:20px;
}

.quiz-evidence-head-13a3 strong{
  font-size:11px;
  letter-spacing:.06em;
}

.quiz-evidence-head-13a3>span{
  padding:5px 9px;
  border-radius:999px;
  background:#fff;
  color:#53627c;
  font-size:10px;
  font-weight:850;
}

.quiz-evidence-13a3 blockquote{
  margin:0;
  padding:18px 19px;
  border:0;
  color:#26344e;
  font-size:15px;
  line-height:1.72;
  font-style:normal;
}

.quiz-evidence-source-13a3{
  padding:10px 18px 13px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  border-top:1px solid #edf0f5;
  color:#8490a4;
  font-size:10px;
  font-weight:700;
}

.quiz-next-btn-13a3{
  width:calc(100% - 44px);
  min-height:56px;
  margin:4px 22px 22px !important;
  padding:0 22px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0 !important;
  border-radius:12px !important;
  background:#3156d9 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(49,86,217,.17);
}

.quiz-next-btn-13a3 span{
  font-size:20px;
  line-height:1;
}

/* More stable 12D action navigation: no animated jump after language fix. */
.question-review-card-12d{
  scroll-margin-top:110px;
}

@media(max-width:900px){
  .quiz-question-card-13a3{
    padding:24px;
  }

  .quiz-question-card-13a3 h2{
    font-size:25px;
  }

  .quiz-answer-13a3 strong{
    font-size:16px;
  }
}

@media(max-width:600px){
  .quiz-question-card-13a3{
    padding:18px;
    border-radius:16px;
  }

  .quiz-question-number-13a3{
    font-size:16px;
  }

  .quiz-question-card-13a3 h2{
    margin:16px 0;
    font-size:22px;
    line-height:1.42;
  }

  .quiz-answer-13a3{
    min-height:78px;
    padding:14px;
  }

  .quiz-answer-13a3 strong{
    font-size:16px;
    line-height:1.42;
  }

  .quiz-feedback-verdict{
    padding:18px;
    gap:12px;
  }

  .quiz-feedback-verdict-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .quiz-feedback-verdict h3{
    font-size:22px;
  }

  .quiz-feedback-verdict p{
    font-size:15px;
  }

  .quiz-correct-answer-13a3,
  .quiz-explanation-13a3,
  .quiz-evidence-13a3{
    margin-left:14px;
    margin-right:14px;
  }

  .quiz-correct-answer-13a3 strong,
  .quiz-explanation-13a3 p,
  .quiz-evidence-13a3 blockquote{
    font-size:15px;
  }

  .quiz-evidence-13a3 blockquote{
    padding:16px;
    line-height:1.65;
  }

  .quiz-next-btn-13a3{
    width:calc(100% - 28px);
    min-height:58px;
    margin:4px 14px 16px !important;
    font-size:16px !important;
  }
}


/* ============================================================
   13A4 — CLASSIC QUESTION LOOK
   Only question/answer feedback is changed.
   The improved 13A3 textbook evidence card remains unchanged.
   ============================================================ */

.quiz-question-card-13a3{
  padding:28px 30px;
  border-left:4px solid #159475;
  border-radius:15px;
}

.quiz-question-number-13a3{
  display:none;
}

.quiz-question-card-13a3 .quiz-question-meta{
  margin-bottom:12px;
}

.quiz-question-card-13a3 h2{
  max-width:none;
  margin:4px 0 20px;
  font-size:22px;
  line-height:1.35;
  font-weight:800;
}

.quiz-question-card-13a3 .quiz-answer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}

.quiz-answer-13a3{
  min-height:64px;
  padding:12px 16px;
  border:0;
  border-radius:10px;
  background:#f2f4f8;
  box-shadow:none;
  transform:none !important;
}

.quiz-answer-13a3:hover:not(:disabled){
  background:#edf1f7;
  box-shadow:none;
}

.quiz-answer-13a3>span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:2px solid #c8d2e3;
  border-radius:50%;
  background:transparent;
  color:#8a98b0;
  font-size:13px;
  font-weight:800;
}

.quiz-answer-13a3 strong{
  font-size:16px;
  font-weight:500;
  line-height:1.35;
}

.quiz-answer-13a3.is-correct{
  border:0;
  background:#d9f1e9;
  color:#117e64;
}

.quiz-answer-13a3.is-correct>span{
  border-color:#168f70;
  background:#168f70;
  color:#fff;
}

.quiz-answer-13a3.is-correct strong{
  color:#117e64;
  font-weight:600;
}

.quiz-answer-13a3.is-wrong{
  border:0;
  background:#fde7e8;
}

.quiz-answer-13a3.is-wrong>span{
  border-color:#c84751;
  background:#c84751;
  color:#fff;
}

.quiz-answer-13a3.is-wrong strong{
  color:#b33e48;
  font-weight:600;
}

.quiz-feedback-13a4{
  margin-top:16px;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
}

.quiz-answer-result-13a4{
  padding:15px 18px;
  border-left:3px solid #b8c8ff;
  border-radius:0 8px 8px 0;
  background:#f0f3f9;
  color:#40506a;
  font-size:16px;
  line-height:1.5;
}

.quiz-feedback-13a4.is-correct .quiz-answer-result-13a4{
  border-left-color:#93d5c0;
}

.quiz-feedback-13a4.is-wrong .quiz-answer-result-13a4{
  border-left-color:#e3a1a7;
  background:#fff3f4;
}

.quiz-explanation-13a4{
  margin:14px 0 0;
  padding:14px 18px;
  border-left:3px solid #d5def1;
  border-radius:0 8px 8px 0;
  background:#f7f9fc;
}

.quiz-explanation-13a4>span{
  display:block;
  color:#7b88a0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

.quiz-explanation-13a4 p{
  margin:6px 0 0;
  color:#56657b;
  font-size:14px;
  line-height:1.6;
}

/* Keep 13A3 evidence visuals exactly as the improved version. */
.quiz-feedback-13a4 .quiz-evidence-13a3{
  margin-top:16px;
  margin-left:0;
  margin-right:0;
}

/* Keep next action simple and below the preserved evidence block. */
.quiz-feedback-13a4 .quiz-next-btn-13a3{
  width:100%;
  margin:16px 0 0 !important;
}

@media(max-width:700px){
  .quiz-question-card-13a3{
    padding:18px;
    border-left-width:3px;
  }

  .quiz-question-card-13a3 h2{
    font-size:20px;
    line-height:1.42;
  }

  .quiz-question-card-13a3 .quiz-answer-grid{
    grid-template-columns:1fr;
    gap:9px;
  }

  .quiz-answer-13a3{
    min-height:62px;
    padding:12px 14px;
  }

  .quiz-answer-13a3 strong{
    font-size:16px;
  }

  .quiz-answer-result-13a4{
    font-size:16px;
  }

  .quiz-feedback-13a4 .quiz-evidence-13a3{
    margin-left:0;
    margin-right:0;
  }
}


/* ============================================================
   13B — SMART RANDOM
   ============================================================ */

.quiz-strategy-grid{
  padding:18px 26px 4px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.quiz-strategy-card-13b{
  min-height:116px;
  padding:18px 20px;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  flex-direction:column;
  gap:12px;
  border:1px solid #d2dbea;
  border-radius:14px;
  background:#fff;
  color:#27334b;
  text-align:left;
  cursor:pointer;
}

.quiz-strategy-card-13b strong{
  display:block;
  font-family:'Bebas Neue',sans-serif;
  font-size:24px;
  letter-spacing:.025em;
}

.quiz-strategy-card-13b span{
  display:block;
  margin-top:5px;
  color:#7d8aa2;
  font-size:12px;
  line-height:1.5;
}

.quiz-strategy-card-13b small{
  color:#8a96a9;
  font-size:10px;
  font-weight:750;
}

.quiz-strategy-card-13b.is-active{
  border:2px solid #3156d9;
  background:#eef2ff;
  box-shadow:0 0 0 3px rgba(49,86,217,.07);
}

.quiz-strategy-card-13b.is-smart.is-active{
  border-color:#159475;
  background:#effaf6;
  box-shadow:0 0 0 3px rgba(21,148,117,.07);
}

.quiz-strategy-card-13b.is-smart.is-active strong{
  color:#138367;
}

.quiz-smart-profile-13b{
  margin:12px 26px 2px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #d8e0ed;
  border-radius:13px;
  background:#f8faff;
}

.quiz-smart-profile-13b>div{
  min-height:82px;
  padding:15px 16px;
  display:flex;
  justify-content:center;
  flex-direction:column;
  border-right:1px solid #e2e8f2;
}

.quiz-smart-profile-13b>div:last-child{
  border-right:0;
}

.quiz-smart-profile-13b span{
  color:#1d2940;
  font-family:'Bebas Neue',sans-serif;
  font-size:28px;
  line-height:1;
}

.quiz-smart-profile-13b small{
  margin-top:7px;
  color:#8592a8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.quiz-smart-profile-13b>div:first-child span{
  color:#bf7b16;
}

.quiz-smart-profile-13b>div:nth-child(2) span{
  color:#3156d9;
}

.quiz-smart-profile-13b>div:nth-child(4) span{
  color:#159475;
}

.quiz-smart-accuracy-13b{
  background:#fff;
}

.quiz-smart-explain-13b{
  margin:12px 26px 5px;
  padding:14px 16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #b9dfd2;
  border-radius:12px;
  background:#f1faf7;
}

.quiz-smart-explain-13b svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
  color:#159475;
}

.quiz-smart-explain-13b strong{
  display:block;
  color:#16765f;
  font-size:12px;
}

.quiz-smart-explain-13b span{
  display:block;
  margin-top:4px;
  color:#66778d;
  font-size:11px;
  line-height:1.55;
}

.quiz-start-btn.is-smart{
  background:#159475;
  box-shadow:0 10px 24px rgba(21,148,117,.17);
}

@media(max-width:900px){
  .quiz-smart-profile-13b{
    grid-template-columns:repeat(3,1fr);
  }

  .quiz-smart-profile-13b>div{
    border-bottom:1px solid #e2e8f2;
  }

  .quiz-smart-profile-13b>div:nth-child(3){
    border-right:0;
  }
}

@media(max-width:600px){
  .quiz-strategy-grid{
    padding:16px 20px 4px;
    grid-template-columns:1fr;
  }

  .quiz-strategy-card-13b{
    min-height:104px;
  }

  .quiz-strategy-card-13b strong{
    font-size:23px;
  }

  .quiz-smart-profile-13b{
    margin:12px 20px 2px;
    grid-template-columns:1fr 1fr;
  }

  .quiz-smart-profile-13b>div{
    min-height:74px;
    border-right:1px solid #e2e8f2;
  }

  .quiz-smart-profile-13b>div:nth-child(even){
    border-right:0;
  }

  .quiz-smart-profile-13b>div:last-child{
    grid-column:1/-1;
    border-right:0;
  }

  .quiz-smart-explain-13b{
    margin:12px 20px 5px;
  }
}


/* ============================================================
   13C — ENTRANCE EXAM SIMULATION
   ============================================================ */

.exam-loading-13c,
.exam-migration-13c{
  padding:26px;
}

.exam-migration-13c{
  display:flex;
  align-items:center;
  gap:20px;
}

.exam-migration-icon-13c{
  width:64px;
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#eef2ff;
  color:#3156d9;
}

.exam-migration-icon-13c svg{
  width:32px;
  height:32px;
}

.exam-builder-13c{
  overflow:hidden;
}

.exam-builder-head-13c{
  padding:28px 30px 22px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid #e1e7f1;
}

.exam-builder-head-13c h2{
  margin:7px 0 8px;
  font-size:30px;
}

.exam-builder-head-13c p{
  max-width:890px;
  margin:0;
  color:#71809a;
  font-size:14px;
  line-height:1.65;
}

.exam-structure-badge-13c{
  min-width:118px;
  padding:15px 18px;
  text-align:center;
  border:1px solid #d4dded;
  border-radius:14px;
  background:#f7f9fd;
}

.exam-structure-badge-13c span,
.exam-structure-badge-13c small{
  display:block;
  color:#8491a8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.exam-structure-badge-13c strong{
  display:block;
  margin:4px 0;
  color:#172139;
  font-family:'Bebas Neue',sans-serif;
  font-size:44px;
  line-height:1;
}

.exam-subject-readiness-13c{
  padding:22px 30px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.exam-readiness-card-13c{
  padding:20px;
  border:1px solid #d7dfec;
  border-radius:15px;
  background:#fff;
}

.exam-readiness-card-13c>div:first-child{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:4px 12px;
}

.exam-readiness-card-13c>div:first-child span{
  color:#56647a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}

.exam-readiness-card-13c>div:first-child strong{
  grid-row:1/3;
  grid-column:2;
  font-family:'Bebas Neue',sans-serif;
  font-size:40px;
  line-height:1;
}

.exam-readiness-card-13c.bio strong{
  color:#3156d9;
}

.exam-readiness-card-13c.hem strong{
  color:#bf7b16;
}

.exam-readiness-card-13c small{
  color:#94a0b2;
  font-size:10px;
}

.exam-readiness-meter-13c{
  height:8px;
  margin-top:15px;
  overflow:hidden;
  border-radius:999px;
  background:#edf1f7;
}

.exam-readiness-meter-13c span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#3156d9;
}

.exam-readiness-card-13c.hem .exam-readiness-meter-13c span{
  background:#bf7b16;
}

.exam-readiness-card-13c p{
  margin:9px 0 0;
  color:#8290a6;
  font-size:10px;
  font-weight:750;
}

.exam-readiness-card-13c.is-missing{
  background:#fffaf2;
  border-color:#ead8ad;
}

.exam-rules-grid-13c{
  padding:18px 30px 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.exam-rules-grid-13c article{
  min-height:92px;
  padding:15px;
  display:flex;
  gap:10px;
  border:1px solid #dce3ee;
  border-radius:12px;
  background:#f9fafe;
}

.exam-rules-grid-13c svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
  color:#3156d9;
}

.exam-rules-grid-13c strong{
  display:block;
  color:#28354d;
  font-size:12px;
}

.exam-rules-grid-13c span{
  display:block;
  margin-top:4px;
  color:#8794a9;
  font-size:10px;
  line-height:1.45;
}

.exam-ready-message-13c,
.exam-not-ready-13c{
  margin:20px 30px 0;
  padding:16px 18px;
  border-radius:13px;
}

.exam-ready-message-13c{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #a9dccb;
  background:#effaf6;
}

.exam-ready-message-13c svg{
  width:24px;
  height:24px;
  color:#159475;
}

.exam-ready-message-13c strong,
.exam-ready-message-13c span{
  display:block;
}

.exam-ready-message-13c strong{
  color:#16765f;
  font-size:13px;
}

.exam-ready-message-13c span{
  margin-top:3px;
  color:#6b7c90;
  font-size:11px;
}

.exam-not-ready-13c{
  border:1px solid #ebd29a;
  background:#fff8e8;
}

.exam-not-ready-13c strong,
.exam-not-ready-13c span{
  display:block;
}

.exam-not-ready-13c strong{
  color:#855e15;
  font-size:13px;
}

.exam-not-ready-13c span{
  margin-top:5px;
  color:#816f4d;
  font-size:11px;
  line-height:1.55;
}

.exam-primary-btn-13c{
  min-height:58px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:12px;
  background:#3156d9;
  color:#fff;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(49,86,217,.18);
}

.exam-primary-btn-13c svg{
  width:22px;
  height:22px;
}

.exam-start-btn-13c{
  width:calc(100% - 60px);
  margin:14px 30px 28px;
}

.exam-summary-13c{
  margin-top:22px;
}

.exam-summary-cards-13c{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,260px));
  gap:12px;
}

.exam-summary-cards-13c article{
  padding:18px 20px;
  border:1px solid #d7dfec;
  border-radius:14px;
  background:#fff;
}

.exam-summary-cards-13c strong{
  display:block;
  color:#172139;
  font-family:'Bebas Neue',sans-serif;
  font-size:34px;
}

.exam-summary-cards-13c span{
  display:block;
  margin-top:4px;
  color:#8794aa;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.exam-recent-13c,
.exam-recent-empty-13c{
  margin-top:22px;
}

.exam-recent-head-13c,
.exam-recent-empty-13c{
  padding:20px 24px;
}

.exam-recent-head-13c h3,
.exam-recent-empty-13c h3{
  margin:5px 0 0;
}

.exam-recent-list-13c{
  border-top:1px solid #e2e7f0;
}

.exam-recent-row-13c{
  padding:15px 22px;
  display:grid;
  grid-template-columns:1fr 80px 100px;
  align-items:center;
  gap:15px;
  border-bottom:1px solid #edf0f5;
}

.exam-recent-row-13c:last-child{
  border-bottom:0;
}

.exam-recent-row-13c strong,
.exam-recent-row-13c span{
  display:block;
}

.exam-recent-row-13c strong{
  color:#29364e;
  font-size:13px;
}

.exam-recent-row-13c span{
  margin-top:3px;
  color:#8c98ab;
  font-size:10px;
}

.exam-recent-row-13c b{
  color:#a06f15;
  font-family:'Bebas Neue',sans-serif;
  font-size:22px;
}

.exam-recent-row-13c b.is-completed{
  color:#159475;
}

.exam-recent-row-13c button{
  min-height:38px;
  border:1px solid #ccd6e7;
  border-radius:9px;
  background:#fff;
  color:#42516a;
  font-weight:800;
  cursor:pointer;
}

.exam-active-resume-13c{
  padding:26px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.exam-active-resume-13c h2{
  margin:7px 0 5px;
}

.exam-active-resume-13c p{
  margin:0;
  color:#7a879c;
}

.exam-live-top-13c{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}

.exam-live-top-13c h1{
  margin:4px 0;
  font-size:48px;
}

.exam-live-top-13c p{
  margin:0;
  color:#7b88a0;
  font-size:14px;
}

.exam-live-summary-13c{
  display:flex;
  gap:10px;
}

.exam-live-summary-13c>div{
  min-width:130px;
  padding:14px 16px;
  border:1px solid #d3dce9;
  border-radius:13px;
  background:#fff;
}

.exam-live-summary-13c span,
.exam-live-summary-13c strong{
  display:block;
}

.exam-live-summary-13c span{
  color:#8a96aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.exam-live-summary-13c strong{
  margin-top:5px;
  color:#1d2940;
  font-family:'Bebas Neue',sans-serif;
  font-size:27px;
}

.exam-progress-13c{
  margin:18px 0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
}

.exam-progress-13c>div:first-child,
.exam-progress-13c>div:last-child{
  display:flex;
  align-items:center;
  gap:8px;
  color:#68768d;
  font-size:11px;
  font-weight:800;
}

.exam-progress-track-13c{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#e5eaf2;
}

.exam-progress-track-13c span{
  display:block;
  height:100%;
  background:#3156d9;
  border-radius:inherit;
}

.exam-question-card-13c{
  padding:30px;
}

.exam-question-head-13c{
  display:flex;
  align-items:center;
  gap:13px;
}

.exam-question-head-13c>span{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:#3156d9;
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:23px;
}

.exam-question-head-13c small,
.exam-question-head-13c strong{
  display:block;
}

.exam-question-head-13c small{
  color:#8793a7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.exam-question-head-13c strong{
  margin-top:3px;
  color:#36435a;
  font-size:12px;
}

.exam-question-card-13c h2{
  margin:24px 0 20px;
  max-width:1120px;
  font-size:28px;
  line-height:1.38;
}

.exam-answer-grid-13c{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px 13px;
}

.exam-answer-13c{
  min-height:70px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid #d4ddea;
  border-radius:11px;
  background:#f7f8fb;
  color:#4a5870;
  text-align:left;
  cursor:pointer;
}

.exam-answer-13c>span{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #c8d2e2;
  border-radius:50%;
  color:#8c99ae;
  font-weight:850;
}

.exam-answer-13c strong{
  font-size:15px;
  font-weight:550;
  line-height:1.4;
}

.exam-answer-13c.is-selected{
  border:2px solid #3156d9;
  background:#eef2ff;
  color:#284cc8;
}

.exam-answer-13c.is-selected>span{
  border-color:#3156d9;
  background:#3156d9;
  color:#fff;
}

.exam-save-status-13c{
  min-height:48px;
  margin-top:18px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #e0e5ed;
  border-radius:10px;
  background:#fbfcfe;
  color:#7b889d;
  font-size:11px;
}

.exam-save-status-13c svg{
  width:20px;
  height:20px;
  color:#159475;
}

.exam-navigator-13c{
  margin-top:16px;
  padding:20px 22px;
}

.exam-navigator-head-13c{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.exam-navigator-head-13c strong{
  display:block;
  margin-top:5px;
  color:#4e5c73;
  font-size:11px;
}

.exam-navigator-head-13c>span{
  color:#7a879c;
  font-size:11px;
  font-weight:800;
}

.exam-question-map-13c{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(10,1fr);
  gap:7px;
}

.exam-question-map-13c button{
  min-height:38px;
  border:1px solid #d4ddeb;
  border-radius:9px;
  background:#fff;
  color:#718097;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.exam-question-map-13c button.is-answered{
  border-color:#8fd2bd;
  background:#eaf8f3;
  color:#147d64;
}

.exam-question-map-13c button.is-current{
  border:2px solid #3156d9;
  background:#edf1ff;
  color:#3156d9;
}

.exam-question-map-13c button.is-chem-start{
  margin-left:6px;
}

.exam-live-actions-13c{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
}

.exam-live-actions-13c button{
  min-height:52px;
  padding:0 20px;
  border:1px solid #ccd6e6;
  border-radius:11px;
  background:#fff;
  color:#44526a;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}

.exam-live-actions-13c button.is-primary{
  border-color:#3156d9;
  background:#3156d9;
  color:#fff;
}

.exam-live-actions-13c button.is-danger{
  color:#b84650;
}

.exam-live-actions-13c button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.exam-result-hero-13c{
  padding:32px;
  display:grid;
  grid-template-columns:220px 1fr;
  align-items:center;
  gap:34px;
}

.exam-result-ring-13c{
  width:190px;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    radial-gradient(
      circle at center,
      #fff 57%,
      transparent 58%
    ),
    conic-gradient(
      #3156d9 0 80%,
      #e5eafe 80% 100%
    );
}

.exam-result-ring-13c>div{
  text-align:center;
}

.exam-result-ring-13c strong,
.exam-result-ring-13c span{
  display:block;
}

.exam-result-ring-13c strong{
  color:#172139;
  font-size:48px;
}

.exam-result-ring-13c span{
  margin-top:2px;
  color:#8090a7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.exam-result-copy-13c h2{
  margin:7px 0;
  font-size:30px;
}

.exam-result-copy-13c>p{
  margin:0;
  color:#7a879c;
}

.exam-subject-results-13c{
  margin-top:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.exam-subject-result-13c{
  padding:15px 18px;
  border:1px solid #d7dfec;
  border-radius:12px;
  background:#f8faff;
}

.exam-subject-result-13c span{
  display:block;
  color:#7d8aa0;
  font-size:10px;
  font-weight:850;
}

.exam-subject-result-13c strong{
  display:block;
  margin-top:7px;
  font-family:'Bebas Neue',sans-serif;
  font-size:36px;
}

.exam-subject-result-13c.bio strong{
  color:#3156d9;
}

.exam-subject-result-13c.hem strong{
  color:#bf7b16;
}

.exam-subject-result-13c strong small{
  color:#98a3b4;
  font-family:inherit;
  font-size:20px;
}

.exam-subject-result-13c p{
  margin:1px 0 0;
  color:#7d8ba0;
  font-size:10px;
}

.exam-result-actions-13c{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.exam-result-actions-13c>button:last-child{
  min-height:58px;
  padding:0 22px;
  border:1px solid #ccd6e6;
  border-radius:12px;
  background:#fff;
  color:#42516a;
  font-weight:850;
  cursor:pointer;
}

.exam-review-13c{
  margin-top:24px;
}

.exam-review-head-13c{
  margin-bottom:15px;
}

.exam-review-head-13c h2{
  margin:5px 0 0;
}

.exam-review-question-13c{
  margin-bottom:14px;
  padding:25px;
  border-left:4px solid #159475;
}

.exam-review-question-13c.is-wrong{
  border-left-color:#c84751;
}

.exam-review-question-head-13c{
  display:flex;
  align-items:center;
  gap:12px;
  color:#8090a6;
  font-size:10px;
  font-weight:850;
}

.exam-review-question-head-13c>span{
  color:#3156d9;
}

.exam-review-question-head-13c>b{
  margin-left:auto;
  color:#159475;
}

.exam-review-question-13c.is-wrong .exam-review-question-head-13c>b{
  color:#c84751;
}

.exam-review-question-13c h3{
  margin:17px 0;
  color:#172139;
  font-size:20px;
  line-height:1.4;
}

@media(max-width:900px){
  .exam-rules-grid-13c{
    grid-template-columns:1fr 1fr;
  }

  .exam-question-map-13c{
    grid-template-columns:repeat(8,1fr);
  }

  .exam-result-hero-13c{
    grid-template-columns:170px 1fr;
  }

  .exam-result-ring-13c{
    width:155px;
    height:155px;
  }
}

@media(max-width:650px){
  .exam-builder-head-13c,
  .exam-live-top-13c,
  .exam-active-resume-13c{
    flex-direction:column;
    align-items:stretch;
  }

  .exam-builder-head-13c{
    padding:22px 20px 18px;
  }

  .exam-structure-badge-13c{
    display:grid;
    grid-template-columns:auto auto auto;
    align-items:center;
    justify-content:start;
    gap:8px;
    min-width:0;
    text-align:left;
  }

  .exam-structure-badge-13c strong{
    font-size:34px;
  }

  .exam-subject-readiness-13c{
    padding:18px 20px 0;
    grid-template-columns:1fr;
  }

  .exam-rules-grid-13c{
    padding:16px 20px 0;
    grid-template-columns:1fr 1fr;
  }

  .exam-ready-message-13c,
  .exam-not-ready-13c{
    margin-left:20px;
    margin-right:20px;
  }

  .exam-start-btn-13c{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
  }

  .exam-summary-cards-13c{
    grid-template-columns:1fr 1fr;
  }

  .exam-recent-row-13c{
    grid-template-columns:1fr auto;
  }

  .exam-recent-row-13c button{
    grid-column:1/-1;
  }

  .exam-live-top-13c h1{
    font-size:40px;
  }

  .exam-live-summary-13c{
    width:100%;
  }

  .exam-live-summary-13c>div{
    flex:1;
    min-width:0;
  }

  .exam-progress-13c{
    grid-template-columns:1fr;
    gap:8px;
  }

  .exam-progress-13c>div:first-child,
  .exam-progress-13c>div:last-child{
    justify-content:space-between;
  }

  .exam-question-card-13c{
    padding:20px;
  }

  .exam-question-card-13c h2{
    font-size:22px;
  }

  .exam-answer-grid-13c{
    grid-template-columns:1fr;
  }

  .exam-answer-13c strong{
    font-size:16px;
  }

  .exam-navigator-13c{
    padding:18px;
  }

  .exam-navigator-head-13c{
    align-items:flex-start;
    flex-direction:column;
  }

  .exam-question-map-13c{
    grid-template-columns:repeat(5,1fr);
  }

  .exam-live-actions-13c{
    grid-template-columns:1fr 1fr;
  }

  .exam-live-actions-13c button.is-danger{
    grid-row:2;
    grid-column:1/-1;
  }

  .exam-result-hero-13c{
    padding:24px 20px;
    grid-template-columns:1fr;
  }

  .exam-result-ring-13c{
    width:160px;
    height:160px;
    margin:0 auto;
  }

  .exam-result-copy-13c{
    text-align:center;
  }

  .exam-subject-results-13c{
    text-align:left;
  }

  .exam-result-actions-13c{
    flex-direction:column;
  }

  .exam-result-actions-13c button{
    width:100%;
  }

  .exam-review-question-13c{
    padding:19px;
  }
}


/* ============================================================
   13D — RESULTS & LEARNING ANALYTICS
   ============================================================ */

.results-loading-13d{
  padding:28px;
  color:#75839a;
}

.results-overview-grid-13d{
  display:grid;
  grid-template-columns:1.45fr repeat(3,1fr);
  gap:14px;
}

.results-score-card-13d{
  padding:22px;
  display:flex;
  align-items:center;
  gap:22px;
}

.results-score-ring-13d,
.results-detail-ring-13d{
  width:150px;
  height:150px;
  flex:0 0 150px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
}

.results-score-ring-13d>div,
.results-detail-ring-13d>div{
  text-align:center;
}

.results-score-ring-13d strong,
.results-detail-ring-13d strong{
  display:block;
  color:#172139;
  font-size:38px;
  line-height:1;
}

.results-score-ring-13d span,
.results-detail-ring-13d span{
  display:block;
  margin-top:5px;
  color:#8290a6;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.results-score-legend-13d{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.results-score-legend-13d span{
  color:#7b899e;
  font-size:11px;
}

.results-score-legend-13d b{
  display:inline-block;
  min-width:28px;
  color:#3f4d64;
  font-size:16px;
}

.results-score-legend-13d .is-correct b{
  color:#159475;
}

.results-score-legend-13d .is-wrong b{
  color:#c84751;
}

.results-metric-card-13d,
.results-progress-card-13d{
  min-height:194px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.results-metric-card-13d>strong,
.results-progress-card-13d>strong{
  display:block;
  font-family:'Bebas Neue',sans-serif;
  font-size:44px;
  line-height:1;
}

.results-metric-card-13d.blue>strong{
  color:#3156d9;
}

.results-metric-card-13d.amber>strong{
  color:#bf7b16;
}

.results-metric-card-13d>span,
.results-progress-card-13d>span{
  display:block;
  margin-top:9px;
  color:#7f8da3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.results-metric-card-13d>p,
.results-progress-card-13d>p{
  margin:8px 0 0;
  color:#8d99ac;
  font-size:10px;
  line-height:1.45;
}

.results-progress-card-13d>div{
  width:34px;
  height:34px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#eef2ff;
  color:#3156d9;
}

.results-progress-card-13d>div svg{
  width:19px;
  height:19px;
}

.results-progress-card-13d.positive>div{
  background:#eaf8f3;
  color:#159475;
}

.results-progress-card-13d.positive>strong{
  color:#159475;
}

.results-progress-card-13d.negative>div{
  background:#fff0f1;
  color:#c84751;
}

.results-progress-card-13d.negative>strong{
  color:#c84751;
}

.results-two-column-13d{
  margin-top:16px;
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:16px;
}

.results-panel-head-13d{
  padding:22px 24px 16px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #e3e8f1;
}

.results-panel-head-13d h2{
  margin:5px 0 0;
  font-size:22px;
}

.results-panel-head-13d>span{
  color:#8a97aa;
  font-size:10px;
}

.results-panel-head-13d>button{
  min-height:36px;
  padding:0 13px;
  border:1px solid #cbd6e7;
  border-radius:9px;
  background:#fff;
  color:#3156d9;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}

.results-panel-head-13d p{
  max-width:760px;
  margin:5px 0 0;
  color:#8592a7;
  font-size:11px;
  line-height:1.5;
}

.results-trend-chart-13d{
  height:255px;
  padding:24px 22px 18px;
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.results-trend-item-13d{
  min-width:0;
  height:100%;
  flex:1;
  padding:0;
  display:grid;
  grid-template-rows:1fr auto auto;
  gap:5px;
  border:0;
  background:transparent;
  cursor:pointer;
}

.results-trend-item-13d>div{
  min-height:145px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border-bottom:1px solid #e4e9f1;
}

.results-trend-item-13d>div>span{
  width:min(28px,72%);
  min-height:4px;
  border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,#3156d9,#6b83e6);
  transition:transform .15s ease;
}

.results-trend-item-13d:hover>div>span{
  transform:translateY(-2px);
}

.results-trend-item-13d>strong{
  color:#45546c;
  font-size:10px;
}

.results-trend-item-13d>small{
  color:#909bad;
  font-size:8px;
  font-weight:850;
}

.results-trend-note-13d{
  padding:0 24px 18px;
  display:flex;
  gap:16px;
  color:#9aa4b4;
  font-size:8px;
}

.results-subject-list-13d{
  padding:18px 22px 23px;
}

.results-subject-list-13d article{
  padding:12px 0;
  border-bottom:1px solid #edf0f5;
}

.results-subject-list-13d article:last-child{
  border-bottom:0;
}

.results-subject-copy-13d{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.results-subject-copy-13d strong{
  display:block;
  color:#35435b;
  font-size:13px;
}

.results-subject-copy-13d span{
  display:block;
  margin-top:3px;
  color:#8a96aa;
  font-size:9px;
}

.results-subject-copy-13d b{
  color:#159475;
  font-family:'Bebas Neue',sans-serif;
  font-size:26px;
}

.results-bar-13d{
  height:7px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:#ebeff5;
}

.results-bar-13d span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#3156d9;
}

.results-bar-13d.is-weak span{
  background:#bf7b16;
}

.results-bar-13d.is-strong span{
  background:#159475;
}

.results-lesson-list-13d{
  padding:9px 21px 20px;
}

.results-lesson-list-13d article{
  padding:13px 0;
  display:grid;
  grid-template-columns:34px 1fr 68px;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #edf0f5;
}

.results-lesson-list-13d article:last-child{
  border-bottom:0;
}

.results-lesson-rank-13d{
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:19px;
}

.results-lesson-main-13d strong{
  display:block;
  color:#36445c;
  font-size:12px;
}

.results-lesson-main-13d>span{
  display:block;
  margin-top:3px;
  color:#8b98ab;
  font-size:9px;
}

.results-lesson-main-13d .results-bar-13d{
  margin-top:7px;
}

.results-lesson-score-13d{
  text-align:right;
}

.results-lesson-score-13d b{
  display:block;
  color:#27364d;
  font-family:'Bebas Neue',sans-serif;
  font-size:24px;
}

.results-lesson-score-13d small{
  display:block;
  color:#9aa4b5;
  font-size:8px;
}

.results-mistakes-panel-13d{
  margin-top:16px;
}

.results-mistake-grid-13d{
  padding:20px 24px 24px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.results-mistake-grid-13d article{
  padding:17px;
  border:1px solid #e2d6d8;
  border-radius:13px;
  background:#fffafa;
}

.results-mistake-head-13d{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.results-mistake-head-13d>span{
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:17px;
}

.results-mistake-head-13d>b{
  padding:5px 8px;
  border-radius:999px;
  background:#fff0f1;
  color:#c84751;
  font-size:9px;
}

.results-mistake-grid-13d h3{
  margin:12px 0 6px;
  color:#29364d;
  font-size:14px;
  line-height:1.45;
}

.results-mistake-grid-13d p{
  margin:0;
  color:#8a96a9;
  font-size:9px;
}

.results-mistake-grid-13d article>div:last-child{
  margin-top:13px;
  padding-top:10px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #f0e4e5;
  color:#8995a8;
  font-size:9px;
}

.results-mistake-grid-13d article>div:last-child strong{
  color:#b7454f;
}

.results-history-panel-13d{
  margin-top:16px;
}

.results-history-head-13d{
  align-items:center;
}

.results-filter-tabs-13d{
  display:flex;
  gap:7px;
}

.results-filter-tabs-13d button{
  min-height:35px;
  padding:0 13px;
  border:1px solid #d4ddea;
  border-radius:999px;
  background:#fff;
  color:#77859b;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}

.results-filter-tabs-13d button.is-active{
  border-color:#3156d9;
  background:#edf1ff;
  color:#3156d9;
}

.results-session-list-13d{
  padding:0 22px 9px;
}

.results-session-list-13d article{
  padding:14px 0;
  display:grid;
  grid-template-columns:44px 1fr 90px 86px;
  align-items:center;
  gap:13px;
  border-bottom:1px solid #edf0f5;
}

.results-session-list-13d article:last-child{
  border-bottom:0;
}

.results-session-kind-13d{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:#eef2ff;
  color:#3156d9;
}

.results-session-kind-13d.is-exam{
  background:#fff5e5;
  color:#bf7b16;
}

.results-session-kind-13d svg{
  width:21px;
  height:21px;
}

.results-session-copy-13d strong,
.results-session-copy-13d span{
  display:block;
}

.results-session-copy-13d strong{
  color:#35435a;
  font-size:12px;
}

.results-session-copy-13d span{
  margin-top:3px;
  color:#8a96aa;
  font-size:8px;
}

.results-session-score-13d{
  text-align:right;
}

.results-session-score-13d strong{
  display:block;
  color:#159475;
  font-family:'Bebas Neue',sans-serif;
  font-size:25px;
}

.results-session-score-13d span{
  display:block;
  color:#929daf;
  font-size:8px;
}

.results-session-list-13d article>button{
  min-height:37px;
  border:1px solid #cdd7e7;
  border-radius:9px;
  background:#fff;
  color:#42516a;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}

.results-footnote-13d{
  margin:15px 2px 0;
  display:flex;
  align-items:center;
  gap:9px;
  color:#8a96a9;
  font-size:9px;
}

.results-footnote-13d svg{
  width:17px;
  height:17px;
}

.results-empty-13d{
  min-height:160px;
  padding:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  text-align:center;
  color:#8d99ab;
}

.results-empty-13d.compact{
  min-height:120px;
}

.results-empty-13d svg{
  width:30px;
  height:30px;
  color:#3156d9;
}

.results-empty-13d strong{
  color:#56647a;
  font-size:12px;
}

.results-empty-13d span{
  font-size:9px;
}

.results-back-13d{
  margin-bottom:10px;
  padding:0;
  border:0;
  background:transparent;
  color:#3156d9;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.results-detail-hero-13d{
  padding:30px;
  display:grid;
  grid-template-columns:180px 1fr;
  align-items:center;
  gap:30px;
}

.results-detail-ring-13d{
  width:160px;
  height:160px;
  flex-basis:160px;
}

.results-detail-copy-13d h2{
  margin:6px 0;
  font-size:28px;
}

.results-detail-copy-13d>p{
  margin:0;
  color:#7e8ba0;
  font-size:12px;
}

.results-detail-subjects-13d{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.results-detail-subjects-13d article{
  min-width:150px;
  padding:12px 14px;
  border:1px solid #d7dfec;
  border-radius:11px;
  background:#f8faff;
}

.results-detail-subjects-13d span,
.results-detail-subjects-13d strong,
.results-detail-subjects-13d b{
  display:block;
}

.results-detail-subjects-13d span{
  color:#8592a7;
  font-size:9px;
}

.results-detail-subjects-13d strong{
  margin-top:5px;
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:24px;
}

.results-detail-subjects-13d b{
  color:#738199;
  font-size:9px;
}

.results-detail-review-13d{
  margin-top:22px;
}

.results-detail-review-head-13d{
  margin-bottom:13px;
}

.results-detail-review-head-13d h2{
  margin:5px 0 0;
}

.results-question-review-13d{
  margin-bottom:13px;
  padding:24px;
  border-left:4px solid #159475;
}

.results-question-review-13d.is-wrong{
  border-left-color:#c84751;
}

.results-question-review-13d.is-unanswered{
  border-left-color:#9aa5b6;
}

.results-question-review-head-13d{
  display:flex;
  align-items:center;
  gap:12px;
  color:#8190a5;
  font-size:9px;
  font-weight:850;
}

.results-question-review-head-13d>span{
  color:#3156d9;
}

.results-question-review-head-13d>b{
  margin-left:auto;
  color:#159475;
}

.results-question-review-13d.is-wrong .results-question-review-head-13d>b{
  color:#c84751;
}

.results-question-review-13d.is-unanswered .results-question-review-head-13d>b{
  color:#8a96aa;
}

.results-question-review-13d h3{
  margin:16px 0;
  color:#1e2a41;
  font-size:18px;
  line-height:1.45;
}

@media(max-width:1100px){
  .results-overview-grid-13d{
    grid-template-columns:1fr 1fr;
  }

  .results-two-column-13d{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .results-overview-grid-13d{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .results-score-card-13d{
    grid-column:1/-1;
  }

  .results-metric-card-13d,
  .results-progress-card-13d{
    min-height:150px;
    padding:18px;
  }

  .results-metric-card-13d>strong,
  .results-progress-card-13d>strong{
    font-size:38px;
  }

  .results-mistake-grid-13d{
    grid-template-columns:1fr;
    padding:16px 18px 20px;
  }

  .results-history-head-13d{
    align-items:flex-start;
    flex-direction:column;
  }

  .results-session-list-13d{
    padding:0 17px 8px;
  }

  .results-session-list-13d article{
    grid-template-columns:40px 1fr auto;
  }

  .results-session-score-13d{
    grid-column:3;
    grid-row:1;
  }

  .results-session-list-13d article>button{
    grid-column:2/-1;
    width:100%;
  }

  .results-detail-hero-13d{
    grid-template-columns:1fr;
    padding:24px 20px;
    text-align:center;
  }

  .results-detail-ring-13d{
    margin:0 auto;
  }

  .results-detail-subjects-13d{
    justify-content:center;
    text-align:left;
  }

  .results-question-review-13d{
    padding:18px;
  }
}

@media(max-width:480px){
  .results-overview-grid-13d{
    grid-template-columns:1fr;
  }

  .results-score-card-13d{
    grid-column:auto;
    flex-direction:column;
    text-align:center;
  }

  .results-score-legend-13d{
    width:100%;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
  }

  .results-score-ring-13d{
    width:140px;
    height:140px;
    flex-basis:140px;
  }

  .results-trend-chart-13d{
    height:220px;
    padding-left:13px;
    padding-right:13px;
  }

  .results-trend-item-13d>strong{
    font-size:8px;
  }

  .results-lesson-list-13d article{
    grid-template-columns:28px 1fr 55px;
    gap:8px;
  }

  .results-filter-tabs-13d{
    width:100%;
  }

  .results-filter-tabs-13d button{
    flex:1;
  }
}


/* ============================================================
   13E — STUDY PLAN & PROGRESS PROFILE
   ============================================================ */

.study-loading-13e{
  padding:28px;
  color:#75839a;
}

.study-hero-13e{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:15px;
}

.study-today-card-13e{
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.study-today-copy-13e{
  max-width:760px;
}

.study-today-copy-13e h2{
  margin:7px 0 8px;
  font-size:30px;
}

.study-today-copy-13e p{
  margin:0;
  color:#738199;
  font-size:13px;
  line-height:1.65;
}

.study-daily-progress-13e{
  min-width:154px;
  text-align:center;
}

.study-daily-ring-13e{
  width:138px;
  height:138px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
}

.study-daily-ring-13e>div{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:4px;
}

.study-daily-ring-13e strong{
  color:#172139;
  font-family:'Bebas Neue',sans-serif;
  font-size:42px;
  line-height:1;
}

.study-daily-ring-13e span{
  color:#8996aa;
  font-size:15px;
  font-weight:800;
}

.study-daily-progress-13e>small{
  display:block;
  margin-top:10px;
  color:#8794a8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.study-profile-card-13e{
  padding:27px;
}

.study-profile-head-13e{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.study-profile-head-13e h2{
  margin:6px 0 0;
  font-size:22px;
}

.study-profile-head-13e>strong{
  color:#159475;
  font-family:'Bebas Neue',sans-serif;
  font-size:42px;
  line-height:1;
}

.study-profile-bar-13e{
  height:10px;
  margin-top:28px;
  overflow:hidden;
  border-radius:999px;
  background:#e9eef4;
}

.study-profile-bar-13e span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3156d9,#159475);
}

.study-profile-card-13e>small{
  display:block;
  margin-top:10px;
  color:#8a97aa;
  font-size:9px;
  line-height:1.45;
}

.study-state-grid-13e{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.study-state-card-13e{
  min-height:116px;
  padding:20px 22px;
  display:flex;
  justify-content:center;
  flex-direction:column;
}

.study-state-card-13e strong{
  display:block;
  font-family:'Bebas Neue',sans-serif;
  font-size:38px;
  line-height:1;
}

.study-state-card-13e span{
  display:block;
  margin-top:8px;
  color:#8390a5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.study-state-card-13e.amber strong{
  color:#bf7b16;
}

.study-state-card-13e.blue strong{
  color:#3156d9;
}

.study-state-card-13e.purple strong{
  color:#7450c8;
}

.study-state-card-13e.green strong{
  color:#159475;
}

.study-plan-panel-13e,
.study-focus-questions-13e{
  margin-top:16px;
  overflow:hidden;
}

.study-section-head-13e{
  padding:23px 26px 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #e2e8f1;
}

.study-section-head-13e h2{
  margin:6px 0 0;
  font-size:23px;
}

.study-section-head-13e p{
  max-width:820px;
  margin:6px 0 0;
  color:#8491a6;
  font-size:10px;
  line-height:1.55;
}

.study-focus-btn-13e{
  min-height:44px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  border-radius:10px;
  background:#159475;
  color:#fff;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(21,148,117,.15);
}

.study-focus-btn-13e svg{
  width:19px;
  height:19px;
}

.study-task-list-13e{
  padding:18px 22px 23px;
  display:flex;
  flex-direction:column;
  gap:11px;
}

.study-task-card-13e{
  padding:17px;
  display:grid;
  grid-template-columns:48px 1fr 180px;
  align-items:center;
  gap:16px;
  border:1px solid #dae2ed;
  border-radius:13px;
  background:#fff;
}

.study-task-card-13e.is-review{
  border-left:4px solid #bf7b16;
  background:#fffcf6;
}

.study-task-card-13e.is-explore{
  border-left:4px solid #3156d9;
  background:#fbfcff;
}

.study-task-card-13e.is-strengthen{
  border-left:4px solid #7450c8;
}

.study-task-card-13e.is-complete{
  border-color:#a7d9c9;
  border-left-color:#159475;
  background:#f3fbf8;
}

.study-task-no-13e{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#eef2ff;
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:20px;
}

.study-task-card-13e.is-review .study-task-no-13e{
  background:#fff3dc;
  color:#a96e15;
}

.study-task-card-13e.is-complete .study-task-no-13e{
  background:#e7f7f1;
  color:#159475;
}

.study-task-no-13e svg{
  width:23px;
  height:23px;
}

.study-task-meta-13e{
  display:flex;
  align-items:center;
  gap:9px;
}

.study-task-meta-13e span{
  color:#3156d9;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.study-task-card-13e.is-review .study-task-meta-13e span{
  color:#a96e15;
}

.study-task-meta-13e b{
  color:#8592a6;
  font-size:8px;
}

.study-task-main-13e h3{
  margin:5px 0 3px;
  color:#2b3850;
  font-size:15px;
}

.study-task-main-13e>p{
  margin:0;
  color:#7d8a9f;
  font-size:10px;
}

.study-task-stats-13e{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.study-task-stats-13e span{
  padding:4px 7px;
  border-radius:999px;
  background:#f0f3f8;
  color:#78869b;
  font-size:8px;
  font-weight:750;
}

.study-task-actions-13e{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.study-task-actions-13e button{
  min-height:38px;
  padding:0 12px;
  border:1px solid #ccd7e6;
  border-radius:9px;
  background:#fff;
  color:#48566d;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}

.study-task-actions-13e button.is-primary{
  border-color:#159475;
  background:#159475;
  color:#fff;
}

.study-task-actions-13e button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.study-two-column-13e{
  margin-top:16px;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:16px;
}

.study-week-panel-13e,
.study-subject-panel-13e{
  overflow:hidden;
}

.study-week-chart-13e{
  height:225px;
  padding:21px 25px 17px;
  display:flex;
  align-items:flex-end;
  gap:12px;
}

.study-week-day-13e{
  min-width:0;
  height:100%;
  flex:1;
  display:grid;
  grid-template-rows:1fr auto auto;
  gap:5px;
  text-align:center;
}

.study-week-day-13e>div{
  min-height:125px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border-bottom:1px solid #e5eaf2;
}

.study-week-day-13e>div span{
  width:min(34px,68%);
  min-height:4px;
  border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,#159475,#55b79a);
}

.study-week-day-13e strong{
  color:#445269;
  font-size:10px;
}

.study-week-day-13e small{
  color:#8e9aac;
  font-size:8px;
}

.study-week-legend-13e{
  padding:0 25px 18px;
  color:#959faf;
  font-size:8px;
}

.study-subject-list-13e{
  padding:13px 22px 20px;
}

.study-subject-list-13e article{
  padding:13px 0;
  border-bottom:1px solid #edf0f5;
}

.study-subject-list-13e article:last-child{
  border-bottom:0;
}

.study-subject-head-13e{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.study-subject-head-13e strong,
.study-subject-head-13e span{
  display:block;
}

.study-subject-head-13e strong{
  color:#344259;
  font-size:12px;
}

.study-subject-head-13e span{
  margin-top:3px;
  color:#8a96aa;
  font-size:8px;
}

.study-subject-head-13e b{
  color:#159475;
  font-family:'Bebas Neue',sans-serif;
  font-size:25px;
}

.study-subject-bar-13e{
  height:7px;
  margin-top:9px;
  overflow:hidden;
  border-radius:999px;
  background:#ebeff5;
}

.study-subject-bar-13e span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3156d9,#159475);
}

.study-subject-states-13e{
  margin-top:7px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#8d99ac;
  font-size:8px;
}

.study-focus-question-list-13e{
  padding:12px 22px 20px;
}

.study-focus-question-list-13e article{
  padding:13px 0;
  display:grid;
  grid-template-columns:34px 1fr 75px 120px;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #edf0f5;
}

.study-focus-question-list-13e article:last-child{
  border-bottom:0;
}

.study-focus-index-13e{
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:18px;
}

.study-focus-copy-13e strong,
.study-focus-copy-13e span{
  display:block;
}

.study-focus-copy-13e strong{
  color:#35435a;
  font-size:11px;
  line-height:1.42;
}

.study-focus-copy-13e span{
  margin-top:4px;
  color:#8b97aa;
  font-size:8px;
}

.study-focus-score-13e{
  text-align:right;
}

.study-focus-score-13e b,
.study-focus-score-13e span{
  display:block;
}

.study-focus-score-13e b{
  color:#c84751;
  font-family:'Bebas Neue',sans-serif;
  font-size:23px;
}

.study-focus-score-13e span{
  color:#929cad;
  font-size:8px;
}

.study-focus-question-list-13e button{
  min-height:37px;
  border:1px solid #cbd6e7;
  border-radius:9px;
  background:#fff;
  color:#3156d9;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}

.study-empty-13e{
  min-height:145px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  text-align:center;
  color:#8b97aa;
}

.study-empty-13e svg{
  width:29px;
  height:29px;
  color:#3156d9;
}

.study-empty-13e strong{
  color:#526077;
  font-size:12px;
}

.study-empty-13e span{
  font-size:9px;
}

.study-rule-13e{
  margin-top:15px;
  padding:15px 17px;
  display:flex;
  align-items:flex-start;
  gap:11px;
  border:1px solid #b4ded0;
  border-radius:12px;
  background:#f1faf7;
}

.study-rule-13e svg{
  width:21px;
  height:21px;
  flex:0 0 21px;
  color:#159475;
}

.study-rule-13e strong,
.study-rule-13e span{
  display:block;
}

.study-rule-13e strong{
  color:#16765f;
  font-size:10px;
}

.study-rule-13e span{
  margin-top:3px;
  color:#718197;
  font-size:9px;
  line-height:1.5;
}

@media(max-width:1050px){
  .study-hero-13e,
  .study-two-column-13e{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .study-state-grid-13e{
    grid-template-columns:1fr 1fr;
  }

  .study-task-card-13e{
    grid-template-columns:44px 1fr;
  }

  .study-task-actions-13e{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .study-focus-question-list-13e article{
    grid-template-columns:30px 1fr auto;
  }

  .study-focus-question-list-13e button{
    grid-column:2/-1;
  }
}

@media(max-width:560px){
  .study-today-card-13e{
    padding:22px 20px;
    align-items:flex-start;
    flex-direction:column;
  }

  .study-daily-progress-13e{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    gap:15px;
    text-align:left;
  }

  .study-daily-ring-13e{
    width:105px;
    height:105px;
    margin:0;
    flex:0 0 105px;
  }

  .study-daily-ring-13e strong{
    font-size:34px;
  }

  .study-profile-card-13e{
    padding:22px 20px;
  }

  .study-state-grid-13e{
    gap:9px;
  }

  .study-state-card-13e{
    min-height:100px;
    padding:17px;
  }

  .study-state-card-13e strong{
    font-size:34px;
  }

  .study-section-head-13e{
    padding:20px 18px 16px;
    flex-direction:column;
  }

  .study-focus-btn-13e{
    width:100%;
  }

  .study-task-list-13e{
    padding:15px 16px 18px;
  }

  .study-task-card-13e{
    padding:15px;
    grid-template-columns:38px 1fr;
    gap:11px;
  }

  .study-task-no-13e{
    width:38px;
    height:38px;
  }

  .study-task-actions-13e{
    grid-template-columns:1fr;
  }

  .study-week-chart-13e{
    height:205px;
    padding-left:15px;
    padding-right:15px;
    gap:7px;
  }

  .study-week-day-13e>div{
    min-height:110px;
  }

  .study-focus-question-list-13e{
    padding:10px 16px 18px;
  }

  .study-focus-question-list-13e article{
    grid-template-columns:26px 1fr auto;
    gap:8px;
  }

  .study-focus-copy-13e strong{
    font-size:10px;
  }
}

/* ============================================================
   13F — BOOK BATCH ENGINE
   ============================================================ */

.book-batch-link-13f{
  color:#7450c8!important;
}

.batch-loading-13f{
  padding:28px;
  color:#7d8a9f;
}

.batch-hero-13f{
  padding:25px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.batch-hero-copy-13f h2{
  margin:7px 0 5px;
  font-size:28px;
}

.batch-hero-copy-13f p{
  margin:0;
  color:#7f8ca1;
  font-size:11px;
}

.batch-book-selector-13f{
  width:min(390px,38%);
}

.batch-book-selector-13f span,
.batch-start-body-13f label>span{
  display:block;
  margin-bottom:7px;
  color:#748197;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.batch-book-selector-13f select,
.batch-start-body-13f select{
  width:100%;
  height:46px;
  padding:0 42px 0 14px;
  border:1px solid #cbd6e7;
  border-radius:10px;
  background:#fff;
  color:#253249;
  font:inherit;
  font-size:11px;
  font-weight:750;
}

.batch-migration-warning-13f{
  margin-top:13px;
  padding:16px 18px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #efd28d;
  border-radius:12px;
  background:#fff9e9;
}

.batch-migration-warning-13f svg{
  width:23px;
  height:23px;
  flex:0 0 23px;
  color:#ad7517;
}

.batch-migration-warning-13f strong,
.batch-migration-warning-13f span{
  display:block;
}

.batch-migration-warning-13f strong{
  color:#7b5819;
  font-size:11px;
}

.batch-migration-warning-13f span{
  margin-top:4px;
  color:#927442;
  font-size:10px;
  line-height:1.5;
}

.batch-live-grid-13f{
  margin-top:13px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.batch-stat-13f{
  min-height:118px;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.batch-stat-13f strong{
  display:block;
  font-family:'Bebas Neue',sans-serif;
  font-size:39px;
  line-height:1;
}

.batch-stat-13f span{
  display:block;
  margin-top:9px;
  color:#7e8ba0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}

.batch-stat-13f.blue strong{color:#3156d9}
.batch-stat-13f.purple strong{color:#7450c8}
.batch-stat-13f.green strong{color:#159475}
.batch-stat-13f.amber strong{color:#bf7b16}

.batch-pipeline-panel-13f,
.batch-start-panel-13f,
.batch-progress-panel-13f,
.batch-lessons-panel-13f,
.batch-events-panel-13f{
  margin-top:15px;
  overflow:hidden;
}

.batch-section-head-13f{
  padding:23px 26px 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  border-bottom:1px solid #e1e7f0;
}

.batch-section-head-13f h2{
  margin:6px 0 0;
  font-size:23px;
}

.batch-section-head-13f p{
  max-width:820px;
  margin:6px 0 0;
  color:#8190a5;
  font-size:10px;
  line-height:1.55;
}

.batch-job-badge-13f{
  min-width:170px;
  padding:11px 13px;
  border:1px solid #cbd8ef;
  border-radius:10px;
  background:#f4f7ff;
}

.batch-job-badge-13f span,
.batch-job-badge-13f strong{
  display:block;
}

.batch-job-badge-13f span{
  color:#728199;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.batch-job-badge-13f strong{
  margin-top:4px;
  color:#3156d9;
  font-size:10px;
}

.batch-job-badge-13f.is-waiting{
  border-color:#efd28d;
  background:#fffaf0;
}
.batch-job-badge-13f.is-waiting strong{color:#9e6a12}
.batch-job-badge-13f.is-complete{
  border-color:#acdccc;
  background:#f2fbf8;
}
.batch-job-badge-13f.is-complete strong{color:#159475}
.batch-job-badge-13f.is-failed{
  border-color:#efc2c6;
  background:#fff5f5;
}
.batch-job-badge-13f.is-failed strong{color:#bd4650}

.batch-phase-track-13f{
  padding:21px 24px 25px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}

.batch-phase-card-13f{
  min-height:128px;
  padding:15px;
  border:1px solid #dce3ee;
  border-radius:12px;
  background:#fbfcfe;
}

.batch-phase-card-13f.is-active{
  border-color:#3156d9;
  background:#f0f3ff;
  box-shadow:0 0 0 2px rgba(49,86,217,.06);
}

.batch-phase-card-13f.is-complete{
  border-color:#b9dfd3;
  background:#f4fbf8;
}

.batch-phase-no-13f{
  width:33px;
  height:33px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#e9eefb;
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:17px;
}

.batch-phase-card-13f.is-complete .batch-phase-no-13f{
  background:#e2f6ef;
  color:#159475;
}

.batch-phase-no-13f svg{
  width:19px;
  height:19px;
}

.batch-phase-card-13f>strong,
.batch-phase-card-13f>span,
.batch-phase-card-13f>small{
  display:block;
}

.batch-phase-card-13f>strong{
  margin-top:12px;
  color:#314057;
  font-size:10px;
}

.batch-phase-card-13f>span{
  margin-top:4px;
  color:#78869b;
  font-size:9px;
}

.batch-phase-card-13f>small{
  margin-top:9px;
  color:#9aa5b5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

.batch-start-body-13f{
  padding:22px 26px 10px;
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:13px;
}

.batch-safety-13f{
  padding:12px 26px 18px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.batch-safety-13f span{
  padding:7px 9px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #b8dfd2;
  border-radius:999px;
  background:#f2fbf8;
  color:#16745e;
  font-size:8px;
  font-weight:800;
}

.batch-safety-13f svg{
  width:13px;
  height:13px;
}

.batch-primary-btn-13f{
  width:calc(100% - 52px);
  min-height:56px;
  margin:0 26px 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:11px;
  background:#7450c8;
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(116,80,200,.18);
}

.batch-primary-btn-13f:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.batch-primary-btn-13f svg{
  width:21px;
  height:21px;
}

.batch-cost-13f{
  min-width:190px;
  text-align:right;
}

.batch-cost-13f span,
.batch-cost-13f strong{
  display:block;
}

.batch-cost-13f span{
  color:#8b97aa;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

.batch-cost-13f strong{
  margin-top:5px;
  color:#159475;
  font-family:'Bebas Neue',sans-serif;
  font-size:28px;
}

.batch-progress-grid-13f{
  padding:20px 25px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.batch-progress-grid-13f article{
  padding:14px;
  border:1px solid #dce4ef;
  border-radius:11px;
  background:#fbfcfe;
}

.batch-progress-grid-13f article>div:first-child{
  display:flex;
  align-items:baseline;
  gap:4px;
}

.batch-progress-grid-13f strong{
  color:#243248;
  font-family:'Bebas Neue',sans-serif;
  font-size:27px;
}

.batch-progress-grid-13f article>div:first-child span{
  color:#96a1b1;
  font-size:10px;
  font-weight:800;
}

.batch-progress-grid-13f p{
  min-height:26px;
  margin:5px 0 8px;
  color:#7f8ca0;
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em;
}

.batch-progress-bar-13f{
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e8edf4;
}

.batch-progress-bar-13f span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3156d9,#159475);
}

.batch-provider-13f{
  margin:0 25px 23px;
  padding:15px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid #c9d5ed;
  border-radius:11px;
  background:#f5f7ff;
}

.batch-provider-13f span,
.batch-provider-13f strong,
.batch-provider-13f small{
  display:block;
}

.batch-provider-13f span{
  color:#3156d9;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.batch-provider-13f strong{
  margin-top:4px;
  color:#2b3950;
  font-size:11px;
}

.batch-provider-13f small{
  max-width:600px;
  margin-top:3px;
  overflow-wrap:anywhere;
  color:#8a96a9;
  font-size:8px;
}

.batch-provider-13f button{
  min-height:39px;
  padding:0 15px;
  border:1px solid #3156d9;
  border-radius:9px;
  background:#3156d9;
  color:#fff;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.batch-human-gate-13f{
  margin:0 25px 23px;
  padding:18px;
  display:grid;
  grid-template-columns:45px 1fr 210px;
  align-items:center;
  gap:15px;
  border:1px solid #e7cc83;
  border-radius:12px;
  background:#fffaf0;
}

.batch-human-gate-13f.is-question{
  border-color:#c9d5ef;
  background:#f6f8ff;
}

.batch-human-gate-icon-13f{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:#fff1ce;
  color:#a36b11;
}

.batch-human-gate-13f.is-question .batch-human-gate-icon-13f{
  background:#eaf0ff;
  color:#3156d9;
}

.batch-human-gate-icon-13f svg{
  width:23px;
  height:23px;
}

.batch-human-gate-13f strong,
.batch-human-gate-13f p,
.batch-human-gate-13f span{
  display:block;
}

.batch-human-gate-13f strong{
  color:#3b4659;
  font-size:12px;
}

.batch-human-gate-13f p{
  margin:5px 0;
  color:#7e8a9d;
  font-size:9px;
  line-height:1.5;
}

.batch-human-gate-13f span{
  color:#92733b;
  font-size:8px;
  font-weight:800;
}

.batch-human-actions-13f{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.batch-human-actions-13f button{
  min-height:39px;
  border:1px solid #cbd6e7;
  border-radius:9px;
  background:#fff;
  color:#425169;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}

.batch-human-actions-13f button.is-primary{
  border-color:#159475;
  background:#159475;
  color:#fff;
}

.batch-human-actions-13f button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.batch-complete-13f,
.batch-failed-13f{
  margin:0 25px 23px;
  padding:17px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #afdccc;
  border-radius:11px;
  background:#f2fbf8;
}

.batch-failed-13f{
  border-color:#efc6c9;
  background:#fff5f5;
}

.batch-complete-13f>svg,
.batch-failed-13f>svg{
  width:26px;
  height:26px;
  color:#159475;
}

.batch-failed-13f>svg{color:#c84751}

.batch-complete-13f strong,
.batch-complete-13f span,
.batch-failed-13f strong,
.batch-failed-13f span{
  display:block;
}

.batch-complete-13f strong,
.batch-failed-13f strong{
  color:#344259;
  font-size:11px;
}

.batch-complete-13f span,
.batch-failed-13f span{
  margin-top:3px;
  color:#8491a4;
  font-size:9px;
}

.batch-lesson-table-13f{
  padding:7px 22px 15px;
}

.batch-lesson-row-13f{
  padding:12px 2px;
  display:grid;
  grid-template-columns:35px minmax(220px,1fr) 80px 90px 80px 110px;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #edf0f5;
}

.batch-lesson-row-13f:last-child{border-bottom:0}
.batch-lesson-row-13f.is-failed{background:#fff8f8}

.batch-lesson-seq-13f{
  color:#3156d9;
  font-family:'Bebas Neue',sans-serif;
  font-size:17px;
}

.batch-lesson-copy-13f strong,
.batch-lesson-copy-13f span{
  display:block;
}

.batch-lesson-copy-13f strong{
  color:#344259;
  font-size:10px;
}

.batch-lesson-copy-13f span{
  margin-top:3px;
  color:#929daf;
  font-size:8px;
}

.batch-lesson-chip-13f{text-align:center}
.batch-lesson-chip-13f b,
.batch-lesson-chip-13f span{display:block}
.batch-lesson-chip-13f b{
  color:#48566c;
  font-family:'Bebas Neue',sans-serif;
  font-size:19px;
}
.batch-lesson-chip-13f span{
  color:#99a3b3;
  font-size:7px;
}

.batch-lesson-status-13f{
  padding:7px 8px;
  border-radius:999px;
  background:#edf1ff;
  color:#3156d9;
  text-align:center;
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em;
}

.batch-lesson-status-13f.is-failed{
  background:#fff0f1;
  color:#c84751;
}

.batch-event-list-13f{
  padding:10px 22px 19px;
}

.batch-event-list-13f article{
  padding:11px 0;
  display:grid;
  grid-template-columns:130px 150px 1fr;
  gap:11px;
  border-bottom:1px solid #edf0f5;
}

.batch-event-list-13f article:last-child{border-bottom:0}
.batch-event-list-13f span{color:#919caf;font-size:8px}
.batch-event-list-13f strong{color:#3156d9;font-size:8px}
.batch-event-list-13f p{margin:0;color:#66748a;font-size:9px}

.batch-rule-13f{
  margin-top:15px;
  padding:16px 18px;
  display:flex;
  align-items:flex-start;
  gap:11px;
  border:1px solid #b4ded0;
  border-radius:12px;
  background:#f1faf7;
}

.batch-rule-13f>svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
  color:#159475;
}

.batch-rule-13f strong,
.batch-rule-13f span{display:block}
.batch-rule-13f strong{color:#14745d;font-size:10px}
.batch-rule-13f span{margin-top:4px;color:#718095;font-size:9px;line-height:1.55}

@media(max-width:1050px){
  .batch-live-grid-13f,
  .batch-progress-grid-13f{grid-template-columns:1fr 1fr}
  .batch-phase-track-13f{grid-template-columns:1fr 1fr}
  .batch-phase-card-13f:last-child{grid-column:1/-1}
  .batch-human-gate-13f{grid-template-columns:45px 1fr}
  .batch-human-actions-13f{grid-column:1/-1;flex-direction:row}
  .batch-human-actions-13f button{flex:1}
  .batch-lesson-row-13f{grid-template-columns:35px 1fr 80px 110px}
  .batch-lesson-chip-13f:nth-of-type(2){display:none}
}

@media(max-width:700px){
  .batch-hero-13f{align-items:flex-start;flex-direction:column;padding:21px 18px}
  .batch-book-selector-13f{width:100%}
  .batch-live-grid-13f,
  .batch-progress-grid-13f{grid-template-columns:1fr 1fr;gap:9px}
  .batch-start-body-13f{grid-template-columns:1fr;padding:18px}
  .batch-safety-13f{padding:8px 18px 16px}
  .batch-primary-btn-13f{width:calc(100% - 36px);margin:0 18px 20px}
  .batch-section-head-13f{padding:20px 18px 16px;flex-direction:column}
  .batch-cost-13f{min-width:0;text-align:left}
  .batch-phase-track-13f{padding:17px 18px 20px;grid-template-columns:1fr}
  .batch-phase-card-13f:last-child{grid-column:auto}
  .batch-progress-grid-13f{padding:17px 18px}
  .batch-provider-13f,
  .batch-human-gate-13f,
  .batch-complete-13f,
  .batch-failed-13f{margin-left:18px;margin-right:18px}
  .batch-provider-13f{align-items:flex-start;flex-direction:column}
  .batch-provider-13f button{width:100%}
  .batch-human-gate-13f{grid-template-columns:1fr}
  .batch-human-actions-13f{grid-column:auto;flex-direction:column}
  .batch-lesson-table-13f{padding:7px 16px 15px}
  .batch-lesson-row-13f{grid-template-columns:30px 1fr auto;gap:8px}
  .batch-lesson-chip-13f{display:none}
  .batch-lesson-status-13f{grid-column:3}
  .batch-event-list-13f{padding:8px 17px 16px}
  .batch-event-list-13f article{grid-template-columns:1fr;gap:4px}
}

@media(max-width:440px){
  .batch-live-grid-13f,
  .batch-progress-grid-13f{grid-template-columns:1fr}
}

/* ============================================================
   13G — BATCH CONTROL CENTER
   ============================================================ */

.batch-pricing-13g{
  margin-top:14px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);
  gap:24px;
  align-items:center;
}

.batch-pricing-copy-13g h2{
  margin:6px 0 7px;
  font-size:23px;
}

.batch-pricing-copy-13g p{
  max-width:760px;
  margin:0;
  color:#77859a;
  font-size:10px;
  line-height:1.6;
}

.batch-price-table-13g{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.batch-price-table-13g article{
  padding:15px 16px;
  border:1px solid #d8e0ed;
  border-radius:12px;
  background:#fafbfd;
}

.batch-price-table-13g article.is-batch{
  border-color:#a9ddcc;
  background:#f1faf7;
}

.batch-price-table-13g strong,
.batch-price-table-13g span{
  display:block;
}

.batch-price-table-13g strong{
  margin-bottom:8px;
  color:#46536a;
  font-size:9px;
  letter-spacing:.06em;
}

.batch-price-table-13g article.is-batch strong{
  color:#108267;
}

.batch-price-table-13g span{
  margin-top:5px;
  color:#7a8799;
  font-size:8px;
}

.batch-price-table-13g span b{
  color:#26344b;
  font-size:10px;
}

.batch-savings-13g{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.batch-savings-13g article{
  padding:13px 15px;
  border:1px solid #d9e1ed;
  border-radius:10px;
  background:#fbfcfe;
}

.batch-savings-13g article.is-saving{
  border-color:#b1dfd0;
  background:#f2fbf8;
}

.batch-savings-13g span,
.batch-savings-13g strong{
  display:block;
}

.batch-savings-13g span{
  color:#8490a2;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

.batch-savings-13g strong{
  margin-top:5px;
  color:#28364d;
  font-family:'Bebas Neue',sans-serif;
  font-size:25px;
}

.batch-savings-13g .is-saving strong{
  color:#159475;
}

.batch-control-13g{
  margin-top:15px;
  overflow:hidden;
}

.batch-control-actions-13g{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.batch-control-actions-13g button{
  min-height:38px;
  padding:0 13px;
  border:1px solid #cbd6e7;
  border-radius:9px;
  background:#fff;
  color:#3f4e66;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}

.batch-control-actions-13g button:hover:not(:disabled){
  border-color:#3156d9;
  color:#3156d9;
}

.batch-control-actions-13g button.is-danger{
  border-color:#efc5c9;
  background:#fff5f5;
  color:#be4650;
}

.batch-control-actions-13g button:disabled{
  opacity:.4;
  cursor:not-allowed;
}

.batch-control-grid-13g{
  padding:20px 25px 12px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.batch-control-grid-13g article{
  min-height:105px;
  padding:15px;
  border:1px solid #dce4ef;
  border-radius:11px;
  background:#fbfcfe;
}

.batch-control-grid-13g span,
.batch-control-grid-13g strong,
.batch-control-grid-13g small{
  display:block;
}

.batch-control-grid-13g span{
  color:#7c899d;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

.batch-control-grid-13g strong{
  margin-top:8px;
  color:#243248;
  font-family:'Bebas Neue',sans-serif;
  font-size:26px;
  line-height:1;
}

.batch-control-grid-13g small{
  margin-top:8px;
  max-width:100%;
  overflow:hidden;
  color:#98a3b3;
  font-size:7px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.batch-run-breakdown-13g{
  padding:0 25px 21px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.batch-run-breakdown-13g span{
  padding:7px 9px;
  border:1px solid #dce4ef;
  border-radius:999px;
  background:#f8fafd;
  color:#748297;
  font-size:7px;
}

.batch-run-breakdown-13g b{
  color:#34425a;
}

.batch-filter-bar-13g{
  padding:14px 22px 7px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.batch-filter-bar-13g button{
  min-height:34px;
  padding:0 13px;
  border:1px solid #d4deec;
  border-radius:999px;
  background:#fff;
  color:#76849a;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}

.batch-filter-bar-13g button.is-active{
  border-color:#3156d9;
  background:#eef2ff;
  color:#3156d9;
}

.batch-lesson-table-13g .batch-lesson-row-13g{
  grid-template-columns:35px minmax(220px,1fr) 74px 84px 74px 105px 150px;
}

.batch-lesson-row-13g[hidden]{
  display:none!important;
}

.batch-lesson-error-13g{
  display:block!important;
  margin-top:5px!important;
  color:#c04a53!important;
  font-size:7px!important;
  line-height:1.45;
}

.batch-lesson-actions-13g{
  display:flex;
  justify-content:flex-end;
  gap:5px;
}

.batch-lesson-actions-13g button{
  min-height:31px;
  padding:0 9px;
  border:1px solid #d0dbea;
  border-radius:8px;
  background:#fff;
  color:#516078;
  font-size:7px;
  font-weight:900;
  cursor:pointer;
}

.batch-lesson-actions-13g button.is-retry{
  border-color:#d8c08e;
  background:#fff9ec;
  color:#9b6916;
}

.batch-lesson-actions-13g button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

@media(max-width:1180px){
  .batch-pricing-13g{
    grid-template-columns:1fr;
  }

  .batch-control-grid-13g{
    grid-template-columns:1fr 1fr;
  }

  .batch-lesson-table-13g .batch-lesson-row-13g{
    grid-template-columns:35px minmax(180px,1fr) 70px 95px 140px;
  }

  .batch-lesson-table-13g .batch-lesson-chip-13f:nth-of-type(2),
  .batch-lesson-table-13g .batch-lesson-chip-13f:nth-of-type(3){
    display:none;
  }
}

@media(max-width:700px){
  .batch-pricing-13g{
    padding:20px 18px;
  }

  .batch-price-table-13g,
  .batch-savings-13g,
  .batch-control-grid-13g{
    grid-template-columns:1fr;
  }

  .batch-control-actions-13g{
    width:100%;
    justify-content:stretch;
  }

  .batch-control-actions-13g button{
    flex:1 1 100%;
  }

  .batch-control-grid-13g{
    padding:17px 18px 10px;
  }

  .batch-run-breakdown-13g{
    padding:0 18px 18px;
  }

  .batch-filter-bar-13g{
    padding:13px 16px 6px;
    overflow-x:auto;
    flex-wrap:nowrap;
  }

  .batch-filter-bar-13g button{
    flex:0 0 auto;
  }

  .batch-lesson-table-13g .batch-lesson-row-13g{
    padding:13px 0;
    grid-template-columns:30px minmax(0,1fr) auto;
    align-items:start;
  }

  .batch-lesson-table-13g .batch-lesson-chip-13f,
  .batch-lesson-table-13g .batch-lesson-status-13f{
    display:none;
  }

  .batch-lesson-actions-13g{
    grid-column:2/-1;
    justify-content:flex-start;
    padding-left:0;
  }

  .batch-lesson-actions-13g button{
    min-height:35px;
    font-size:8px;
  }
}

/* ================================================================
   13G1 — BOOK FACT REVIEW
   Masovna, ali kontrolisana ljudska provjera činjenica.
   ================================================================ */

.book-fact-loading-13g1{
  padding:28px;
  color:var(--muted);
  font-weight:700;
}

.book-fact-notice-13g1{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  padding:14px 18px;
  border:1px solid #b8e3d6;
  border-radius:14px;
  background:#edf9f5;
  color:#0f7258;
  font-size:14px;
  font-weight:800;
}
.book-fact-notice-13g1 svg{width:20px;height:20px;flex:0 0 20px}
.book-fact-notice-13g1.is-error{
  border-color:#efc5c8;
  background:#fff4f4;
  color:#a8434a;
}

.book-fact-hero-13g1{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,470px);
  gap:28px;
  align-items:end;
  padding:28px 32px;
  margin-bottom:18px;
}
.book-fact-hero-13g1 h2{
  margin:8px 0 7px;
  font-size:31px;
  line-height:1.12;
  letter-spacing:-.025em;
  color:var(--ink);
}
.book-fact-hero-13g1 p{margin:0;color:var(--muted);font-size:14px}
.book-fact-hero-13g1 label>span{
  display:block;
  margin-bottom:8px;
  color:#6e7891;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.book-fact-hero-13g1 select{
  width:100%;
  min-height:54px;
  border:1px solid var(--line-strong);
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  padding:0 48px 0 16px;
  font-weight:800;
  outline:none;
}

.book-fact-stats-13g1{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.book-fact-stats-13g1 article{
  min-height:116px;
  padding:22px 24px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.book-fact-stats-13g1 strong{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:44px;
  line-height:1;
  color:var(--ink);
}
.book-fact-stats-13g1 article:nth-child(1) strong{color:var(--green)}
.book-fact-stats-13g1 article:nth-child(2) strong{color:var(--blue)}
.book-fact-stats-13g1 article:nth-child(3) strong{color:var(--amber)}
.book-fact-stats-13g1 article:nth-child(4) strong{color:var(--purple)}
.book-fact-stats-13g1 span{
  margin-top:9px;
  color:#7f89a2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.book-fact-progress-13g1{
  padding:22px 26px;
  margin-bottom:18px;
}
.book-fact-progress-copy-13g1{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.book-fact-progress-copy-13g1>div{display:flex;flex-direction:column;gap:5px}
.book-fact-progress-copy-13g1 span{
  color:#7c87a0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.book-fact-progress-copy-13g1 strong{font-size:20px;color:var(--ink)}
.book-fact-progress-copy-13g1>b{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:36px;
  color:var(--green);
}
.book-fact-progress-bar-13g1{
  height:10px;
  margin:15px 0 10px;
  border-radius:999px;
  background:#edf1f7;
  overflow:hidden;
}
.book-fact-progress-bar-13g1 span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--blue),var(--green));
}
.book-fact-progress-foot-13g1{
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#8490aa;
  font-size:12px;
}

.book-fact-gate-13g1{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:26px;
  padding:24px 28px;
  margin-bottom:18px;
  border-color:#d4dcf1;
  background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);
}
.book-fact-gate-13g1.is-complete{
  border-color:#b6e0d3;
  background:linear-gradient(135deg,#f5fffb 0%,#eefaf6 100%);
}
.book-fact-gate-13g1 h2{margin:7px 0 6px;font-size:24px;color:var(--ink)}
.book-fact-gate-13g1 p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}
.book-fact-gate-13g1 button{
  min-height:52px;
  padding:0 22px;
  border:0;
  border-radius:12px;
  background:var(--green);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:14px;
  font-weight:900;
}
.book-fact-gate-13g1 button svg{width:20px;height:20px}
.book-fact-gate-13g1 button:disabled{background:#d8deeb;color:#97a1b6;cursor:not-allowed}

.book-fact-toolbar-13g1{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  margin-bottom:14px;
}
.book-fact-filter-row-13g1,
.book-fact-fact-filter13g1{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.book-fact-filter-row-13g1 button,
.book-fact-fact-filter13g1 button{
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#6e7891;
  font-size:12px;
  font-weight:850;
}
.book-fact-filter-row-13g1 button.is-active,
.book-fact-fact-filter13g1 button.is-active{
  border-color:#9fb2ff;
  background:var(--blue-soft);
  color:var(--blue);
}

.book-fact-layout-13g1{
  display:grid;
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.book-fact-lessons-13g1{
  position:sticky;
  top:18px;
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:10px;
}
.book-fact-lesson-list-13g1{display:flex;flex-direction:column;gap:7px}
.book-fact-lesson-row-13g1{
  width:100%;
  min-height:76px;
  padding:11px 11px;
  border:1px solid transparent;
  border-radius:13px;
  background:#f8faff;
  color:var(--text);
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  text-align:left;
  align-items:center;
}
.book-fact-lesson-row-13g1:hover{border-color:#ccd7ef;background:#fff}
.book-fact-lesson-row-13g1.is-active{
  border-color:#9fb2ff;
  background:#eef2ff;
  box-shadow:inset 4px 0 0 var(--blue);
}
.book-fact-lesson-row-13g1.stage-complete{background:#f1fbf7}
.book-fact-lesson-row-13g1.stage-problem{background:#fff8e8}
.book-fact-lesson-row-13g1.stage-waiting_ai{background:#f8f8fb}
.book-fact-lesson-row-13g1[hidden]{display:none!important}
.book-fact-lesson-no-13g1{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:21px;
  color:var(--blue);
}
.book-fact-lesson-main-13g1{min-width:0;display:flex;flex-direction:column;gap:5px}
.book-fact-lesson-main-13g1 strong{font-size:13px;white-space:normal;line-height:1.25;color:var(--ink)}
.book-fact-lesson-main-13g1 small{font-size:10px;color:#8a94aa;line-height:1.3}
.book-fact-lesson-stage-13g1{
  padding:6px 8px;
  border-radius:8px;
  background:#fff;
  color:#6f7a92;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.stage-complete .book-fact-lesson-stage-13g1{background:#dcf5ec;color:#0f7c5e}
.stage-problem .book-fact-lesson-stage-13g1{background:#fff0cf;color:#9a6710}
.book-fact-problem-count-13g1{
  grid-column:3;
  justify-self:end;
  margin-top:-6px;
  padding:2px 7px;
  border-radius:999px;
  background:#c64b54;
  color:#fff;
  font-size:9px;
}

.book-fact-review-13g1{overflow:hidden}
.book-fact-review-head-13g1{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px 20px;
  border-bottom:1px solid var(--line);
}
.book-fact-review-head-13g1 h2{margin:7px 0 5px;font-size:28px;line-height:1.12;color:var(--ink)}
.book-fact-review-head-13g1 p{margin:0;color:var(--muted);font-size:12px}
.book-fact-review-nav-13g1 button{
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:#4d5870;
  font-size:12px;
  font-weight:850;
}
.book-fact-lesson-stats-13g1{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:18px 26px 0;
}
.book-fact-lesson-stats-13g1>div{
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8faff;
}
.book-fact-lesson-stats-13g1 strong{display:block;font-size:24px;color:var(--ink)}
.book-fact-lesson-stats-13g1 span{display:block;margin-top:4px;color:#8993aa;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}

.book-fact-lesson-actions-13g1{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 26px 0;
}
.book-fact-lesson-actions-13g1 button{
  min-height:46px;
  padding:0 18px;
  border:0;
  border-radius:11px;
  background:var(--green);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
}
.book-fact-lesson-actions-13g1 button svg{width:19px;height:19px}
.book-fact-lesson-actions-13g1 button:disabled{background:#d7dfeb;color:#9ca6b9;cursor:not-allowed}
.book-fact-lesson-actions-13g1 small{color:#8b95aa;font-size:11px;line-height:1.45}
.book-fact-fact-filter13g1{padding:16px 26px 18px;border-bottom:1px solid var(--line)}

.book-fact-cards-13g1{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:20px 26px 28px;
}
.book-fact-card-13g1{
  position:relative;
  border:1px solid #dbe2ef;
  border-radius:16px;
  background:#fff;
  padding:20px;
  box-shadow:0 5px 18px rgba(27,43,80,.035);
}
.book-fact-card-13g1.status-accepted{border-color:#b9e2d6;background:#f2fcf8}
.book-fact-card-13g1.status-rejected{border-color:#efc5c8;background:#fff5f5}
.book-fact-card-13g1.is-problem:not(.status-rejected){border-color:#ead39f;background:#fffaf0}
.book-fact-card-13g1[hidden]{display:none!important}
.book-fact-meta-13g1{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#8994aa;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.book-fact-meta-13g1 .is-seq{color:var(--blue);font-weight:950}
.book-fact-meta-13g1 .is-status,
.book-fact-meta-13g1 .is-validation{
  padding:5px 8px;
  border-radius:999px;
  background:#eef2f8;
}
.status-accepted .book-fact-meta-13g1 .is-status,
.validation-supported .book-fact-meta-13g1 .is-validation{background:#dcf5ec;color:#0d7d5e}
.status-rejected .book-fact-meta-13g1 .is-status{background:#ffe0e2;color:#b43f48}
.validation-partial .book-fact-meta-13g1 .is-validation,
.validation-ambiguous .book-fact-meta-13g1 .is-validation{background:#fff0cf;color:#9a6710}
.validation-unsupported .book-fact-meta-13g1 .is-validation{background:#ffe0e2;color:#b43f48}
.book-fact-ready-13g1{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  padding:7px 10px;
  border-radius:999px;
  background:#dcf5ec;
  color:#0c7b5d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}
.book-fact-ready-13g1 svg{width:16px;height:16px}
.book-fact-text-13g1{
  margin-top:16px;
  color:#1b2437;
  font-size:17px;
  line-height:1.6;
  font-weight:560;
}
.book-fact-validation-note-13g1,
.book-fact-rejection-note-13g1,
.book-fact-duplicate-13g1{
  margin-top:16px;
  padding:13px 15px;
  border:1px solid #dce3ef;
  border-radius:12px;
  background:#f7f9fd;
}
.book-fact-validation-note-13g1 strong,
.book-fact-rejection-note-13g1 strong,
.book-fact-duplicate-13g1 strong{
  display:block;
  margin-bottom:5px;
  font-size:10px;
  letter-spacing:.08em;
  color:#59657d;
}
.book-fact-validation-note-13g1 p,
.book-fact-rejection-note-13g1 p{margin:0;color:#5f6c84;font-size:13px;line-height:1.55}
.book-fact-rejection-note-13g1{border-color:#d9dee8;background:#f3f5f8}
.book-fact-rejection-note-13g1 strong{color:#68748a}
.book-fact-rejection-note-13g1 p{color:#566176}
.book-fact-duplicate-13g1{border-color:#ecd69f;background:#fff8e9}
.book-fact-duplicate-13g1 strong{color:#9d6a11}
.book-fact-duplicate-13g1 span{font-size:13px;font-weight:900;color:#805816}
.book-fact-duplicate-13g1 small{display:block;margin-top:6px;color:#9a7a45;font-size:11px;line-height:1.4}

.book-fact-evidence-list-13g1{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.book-fact-evidence-13g1{
  padding:14px 15px;
  border:1px solid #dce4f1;
  border-left:4px solid #9eb2ff;
  border-radius:11px;
  background:#f6f8fc;
}
.book-fact-evidence-13g1.is-context{border-left-color:#c7a85e;background:#fffaf0}
.book-fact-evidence-13g1>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8a94aa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.book-fact-evidence-13g1 .evidence-id{padding:3px 7px;border-radius:7px;background:#e7edff;color:var(--blue);font-weight:950}
.book-fact-evidence-13g1 p{margin:9px 0 0;color:#4e5b72;font-size:13px;line-height:1.6}
.book-fact-no-evidence-13g1{margin-top:16px;padding:13px;border-radius:10px;background:#fff0f0;color:#a9454c;font-size:12px;font-weight:800}

.book-fact-actions-13g1{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(120px,.7fr) minmax(120px,.7fr);
  gap:10px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(211,220,235,.85);
}
.book-fact-actions-13g1 button,
.book-fact-inline-actions-13g1 button{
  min-height:46px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:#fff;
  color:#4a556d;
  font-size:14px;
  font-weight:900;
}
.book-fact-actions-13g1 button.is-accept{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
}
.book-fact-actions-13g1 button.is-accept svg{width:19px;height:19px}
.book-fact-actions-13g1 button.is-reject,
.book-fact-inline-actions-13g1 button.is-danger{border-color:#efb7bc;background:#fff5f5;color:#b6434b}

.book-fact-edit-13g1,
.book-fact-reject-13g1{
  display:none;
  margin-top:14px;
  padding:16px;
  border:1px solid #ced8ea;
  border-radius:12px;
  background:#fff;
}
.book-fact-edit-13g1.is-open,
.book-fact-reject-13g1.is-open{display:block}
.book-fact-edit-13g1 label>span,
.book-fact-reject-13g1 label>span{
  display:block;
  margin-bottom:6px;
  color:#69758d;
  font-size:11px;
  font-weight:900;
}
.book-fact-edit-13g1 textarea,
.book-fact-reject-13g1 textarea,
.book-fact-edit-13g1 select{
  width:100%;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  padding:11px 12px;
  font-size:14px;
  line-height:1.45;
  outline:none;
}
.book-fact-edit-13g1>div:nth-of-type(1){display:grid;grid-template-columns:1fr 140px;gap:12px;margin-top:12px}
.book-fact-edit-13g1 small{display:block;margin-top:10px;color:#8c96aa;font-size:10px;line-height:1.45}
.book-fact-inline-actions-13g1{display:flex!important;justify-content:flex-end;gap:9px!important;margin-top:12px!important}
.book-fact-inline-actions-13g1 button{min-width:130px;padding:0 14px}
.book-fact-inline-actions-13g1 button.is-primary{border-color:var(--blue);background:var(--blue);color:#fff}
.book-fact-empty-13g1{
  margin:24px 26px 28px;
  min-height:150px;
  border:1px dashed #cfd8e8;
  border-radius:14px;
  background:#fafbfe;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:24px;
  color:#75819a;
  text-align:left;
}
.book-fact-empty-13g1 svg{width:34px;height:34px;color:var(--blue)}
.book-fact-empty-13g1 strong{display:block;color:#283147;font-size:15px}
.book-fact-empty-13g1 span{display:block;margin-top:5px;font-size:12px;line-height:1.45}

@media(max-width:1180px){
  .book-fact-layout-13g1{grid-template-columns:280px minmax(0,1fr)}
  .book-fact-hero-13g1{grid-template-columns:1fr 360px}
  .book-fact-actions-13g1{grid-template-columns:1fr 1fr 1fr}
}

@media(max-width:900px){
  .book-fact-hero-13g1{grid-template-columns:1fr}
  .book-fact-stats-13g1{grid-template-columns:1fr 1fr}
  .book-fact-layout-13g1{grid-template-columns:1fr}
  .book-fact-lessons-13g1{position:static;max-height:370px}
  .book-fact-toolbar-13g1{align-items:flex-start;flex-direction:column}
}

@media(max-width:700px){
  .book-fact-notice-13g1{font-size:13px;padding:12px 14px}
  .book-fact-hero-13g1{padding:20px 18px;margin-bottom:14px}
  .book-fact-hero-13g1 h2{font-size:27px}
  .book-fact-hero-13g1 p{font-size:13px;line-height:1.5}
  .book-fact-hero-13g1 select{min-height:50px;font-size:15px}

  .book-fact-stats-13g1{gap:10px;margin-bottom:14px}
  .book-fact-stats-13g1 article{min-height:96px;padding:17px 18px}
  .book-fact-stats-13g1 strong{font-size:38px}
  .book-fact-stats-13g1 span{font-size:9px}

  .book-fact-progress-13g1{padding:18px;margin-bottom:14px}
  .book-fact-progress-copy-13g1 strong{font-size:17px}
  .book-fact-progress-copy-13g1>b{font-size:31px}
  .book-fact-progress-foot-13g1{flex-direction:column;gap:4px;font-size:11px}

  .book-fact-gate-13g1{grid-template-columns:1fr;padding:20px 18px;margin-bottom:14px}
  .book-fact-gate-13g1 h2{font-size:21px}
  .book-fact-gate-13g1 p{font-size:13px}
  .book-fact-gate-13g1 button{width:100%;justify-content:center;font-size:15px}

  .book-fact-toolbar-13g1{padding:16px;margin-bottom:10px}
  .book-fact-filter-row-13g1,
  .book-fact-fact-filter13g1{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    -webkit-overflow-scrolling:touch;
  }
  .book-fact-filter-row-13g1 button,
  .book-fact-fact-filter13g1 button{flex:0 0 auto;min-height:40px;font-size:12px}

  .book-fact-layout-13g1{gap:10px}
  .book-fact-lessons-13g1{max-height:320px;padding:8px}
  .book-fact-lesson-row-13g1{min-height:76px;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px}
  .book-fact-lesson-stage-13g1{grid-column:2;justify-self:start;margin-top:1px}
  .book-fact-problem-count-13g1{grid-column:1;grid-row:2;justify-self:center;margin:0}
  .book-fact-lesson-main-13g1 strong{font-size:13px}
  .book-fact-lesson-main-13g1 small{font-size:10px}

  .book-fact-review-head-13g1{padding:20px 18px 16px;flex-direction:column}
  .book-fact-review-head-13g1 h2{font-size:24px}
  .book-fact-review-nav-13g1{width:100%}
  .book-fact-review-nav-13g1 button{width:100%;min-height:44px;font-size:13px}
  .book-fact-lesson-stats-13g1{grid-template-columns:1fr 1fr;padding:15px 18px 0}
  .book-fact-lesson-stats-13g1 strong{font-size:23px}
  .book-fact-lesson-actions-13g1{padding:14px 18px 0;flex-direction:column;align-items:stretch}
  .book-fact-lesson-actions-13g1 button{width:100%;justify-content:center;font-size:14px}
  .book-fact-lesson-actions-13g1 small{font-size:11px}
  .book-fact-fact-filter13g1{padding:14px 18px 15px}

  .book-fact-cards-13g1{padding:16px 14px 24px;gap:13px}
  .book-fact-card-13g1{padding:17px 15px;border-radius:14px}
  .book-fact-meta-13g1{gap:7px;font-size:9.5px}
  .book-fact-text-13g1{font-size:16px;line-height:1.62}
  .book-fact-validation-note-13g1 p,
  .book-fact-rejection-note-13g1 p{font-size:13px}
  .book-fact-evidence-13g1{padding:13px 12px}
  .book-fact-evidence-13g1 p{font-size:13px;line-height:1.58}
  .book-fact-actions-13g1{grid-template-columns:1fr;gap:8px}
  .book-fact-actions-13g1 button{min-height:49px;font-size:15px}
  .book-fact-edit-13g1>div:nth-of-type(1){grid-template-columns:1fr}
  .book-fact-edit-13g1 textarea,
  .book-fact-reject-13g1 textarea,
  .book-fact-edit-13g1 select{font-size:16px}
  .book-fact-inline-actions-13g1{flex-direction:column}
  .book-fact-inline-actions-13g1 button{width:100%;min-height:47px;font-size:14px}
  .book-fact-empty-13g1{margin:18px 14px 24px}
}

/* ================================================================
   13G1-R1 — FACT REVIEW UI REBUILD + CACHE-SAFE RELEASE
   Final visual pass for whole-book human fact control.
   ================================================================ */

/* Strong local reset: these controls must never fall back to browser defaults. */
.book-fact-hero-13g1 *,
.book-fact-stats-13g1 *,
.book-fact-progress-13g1 *,
.book-fact-gate-13g1 *,
.book-fact-toolbar-13g1 *,
.book-fact-layout-13g1 *{
  box-sizing:border-box;
}

.book-fact-hero-13g1 button,
.book-fact-toolbar-13g1 button,
.book-fact-layout-13g1 button,
.book-fact-gate-13g1 button,
.book-fact-hero-13g1 select,
.book-fact-layout-13g1 select,
.book-fact-layout-13g1 textarea{
  font:inherit;
}

.book-fact-toolbar-13g1 button,
.book-fact-layout-13g1 button,
.book-fact-gate-13g1 button{
  cursor:pointer;
}

/* Hero */
.book-fact-hero-13g1{
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  align-items:center;
  padding:30px 32px;
  border-color:#d8e1f1;
  background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%);
  box-shadow:0 10px 30px rgba(31,48,86,.055);
}
.book-fact-hero-13g1 h2{
  font-size:32px;
  line-height:1.08;
}
.book-fact-hero-13g1 p{
  margin-top:8px;
  font-size:15px;
  line-height:1.5;
}
.book-fact-hero-13g1 label{
  display:block;
  padding:14px;
  border:1px solid #dce4f1;
  border-radius:15px;
  background:#fff;
}
.book-fact-hero-13g1 label>span{
  margin-left:2px;
}
.book-fact-hero-13g1 select{
  min-height:56px;
  border-color:#cfd9eb;
  border-radius:12px;
  font-size:15px;
  box-shadow:inset 0 0 0 1px rgba(56,88,215,.025);
}
.book-fact-hero-13g1 select:focus{
  border-color:#6e8cff;
  box-shadow:0 0 0 4px rgba(58,91,220,.10);
}

/* Four clear KPI cards */
.book-fact-stats-13g1{
  gap:16px;
}
.book-fact-stats-13g1 article{
  position:relative;
  min-height:124px;
  overflow:hidden;
  padding:23px 24px;
  border-color:#dbe3f0;
  box-shadow:0 8px 24px rgba(31,48,86,.05);
}
.book-fact-stats-13g1 article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:#dbe3f0;
}
.book-fact-stats-13g1 article:nth-child(1)::before{background:var(--green)}
.book-fact-stats-13g1 article:nth-child(2)::before{background:var(--blue)}
.book-fact-stats-13g1 article:nth-child(3)::before{background:var(--amber)}
.book-fact-stats-13g1 article:nth-child(4)::before{background:var(--purple)}
.book-fact-stats-13g1 strong{
  font-size:48px;
}
.book-fact-stats-13g1 span{
  margin-top:11px;
  font-size:10.5px;
}

/* Progress */
.book-fact-progress-13g1{
  padding:24px 28px;
  border-color:#dbe3f0;
  background:#fff;
  box-shadow:0 8px 24px rgba(31,48,86,.04);
}
.book-fact-progress-copy-13g1 strong{
  font-size:21px;
}
.book-fact-progress-copy-13g1>b{
  font-size:40px;
}
.book-fact-progress-bar-13g1{
  height:12px;
  margin-top:17px;
}
.book-fact-progress-foot-13g1{
  font-size:12.5px;
  line-height:1.45;
}

/* Human gate */
.book-fact-gate-13g1{
  padding:25px 28px;
  border-color:#d7e0f0;
  border-left:5px solid var(--blue);
  background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);
  box-shadow:0 8px 24px rgba(31,48,86,.04);
}
.book-fact-gate-13g1.is-complete{
  border-left-color:var(--green);
}
.book-fact-gate-13g1 h2{
  font-size:25px;
}
.book-fact-gate-13g1 p{
  max-width:840px;
  font-size:13.5px;
}
.book-fact-gate-13g1 button{
  min-width:210px;
  min-height:54px;
  justify-content:center;
  border-radius:12px;
  box-shadow:0 8px 18px rgba(18,137,103,.13);
}
.book-fact-gate-13g1 button:disabled{
  box-shadow:none;
}

/* Lesson filter strip */
.book-fact-toolbar-13g1{
  padding:18px 22px;
  border-color:#dbe3f0;
  background:#fff;
}
.book-fact-filter-row-13g1 button,
.book-fact-fact-filter13g1 button{
  min-height:40px;
  padding:0 15px;
  border-color:#d7e0ed;
  box-shadow:none;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.book-fact-filter-row-13g1 button:hover,
.book-fact-fact-filter13g1 button:hover{
  border-color:#aebfe3;
  transform:translateY(-1px);
}
.book-fact-filter-row-13g1 button.is-active,
.book-fact-fact-filter13g1 button.is-active{
  border-color:#8da5ff;
  background:#edf2ff;
  box-shadow:0 4px 12px rgba(52,82,205,.08);
}

/* Main two-column workbench */
.book-fact-layout-13g1{
  grid-template-columns:minmax(320px,360px) minmax(0,1fr);
  gap:18px;
}
.book-fact-lessons-13g1{
  top:16px;
  padding:12px;
  border-color:#dbe3f0;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,48,86,.05);
}
.book-fact-lesson-list-13g1{
  gap:8px;
}
.book-fact-lesson-row-13g1{
  appearance:none;
  min-height:82px;
  padding:12px;
  border-color:#e4e9f2;
  background:#f8faff;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.book-fact-lesson-row-13g1:hover{
  transform:translateY(-1px);
  border-color:#bfcce7;
  box-shadow:0 5px 14px rgba(31,48,86,.06);
}
.book-fact-lesson-row-13g1.is-active{
  border-color:#8ea7ff;
  background:#eef2ff;
  box-shadow:inset 4px 0 0 var(--blue),0 7px 18px rgba(52,82,205,.08);
}
.book-fact-lesson-row-13g1.stage-complete{
  border-color:#cce9df;
  background:#f2fbf8;
}
.book-fact-lesson-row-13g1.stage-problem{
  border-color:#ecd8a8;
  background:#fff9ec;
}
.book-fact-lesson-row-13g1.stage-waiting_ai{
  border-color:#e3e6ed;
  background:#fafbfc;
}
.book-fact-lesson-no-13g1{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:#e9efff;
  font-size:20px;
}
.stage-complete .book-fact-lesson-no-13g1{background:#ddf5ed;color:#0f7c5e}
.stage-problem .book-fact-lesson-no-13g1{background:#fff0cf;color:#9a6710}
.stage-waiting_ai .book-fact-lesson-no-13g1{background:#eef0f5;color:#788399}
.book-fact-lesson-main-13g1 strong{
  font-size:13.5px;
  line-height:1.28;
}
.book-fact-lesson-main-13g1 small{
  font-size:10.5px;
}
.book-fact-lesson-stage-13g1{
  border:1px solid #e0e5ef;
  font-size:9px;
  letter-spacing:.045em;
}

/* Detail panel */
.book-fact-review-13g1{
  min-width:0;
  border-color:#dbe3f0;
  box-shadow:0 10px 30px rgba(31,48,86,.05);
}
.book-fact-review-head-13g1{
  padding:26px 28px 22px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.book-fact-review-head-13g1 h2{
  font-size:30px;
}
.book-fact-review-head-13g1 p{
  font-size:13px;
}
.book-fact-review-nav-13g1 button{
  min-height:44px;
  padding:0 16px;
  border-color:#cdd8ea;
  background:#fff;
}
.book-fact-review-nav-13g1 button:hover{
  border-color:#8fa6db;
  background:#f7f9ff;
}
.book-fact-lesson-stats-13g1{
  gap:12px;
  padding:20px 28px 0;
}
.book-fact-lesson-stats-13g1>div{
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px 16px;
  background:#f7f9fd;
}
.book-fact-lesson-stats-13g1 strong{
  font-family:"Bebas Neue","Arial Narrow",sans-serif;
  font-size:30px;
}
.book-fact-lesson-stats-13g1 span{
  font-size:9.5px;
}
.book-fact-lesson-actions-13g1{
  padding:17px 28px 0;
}
.book-fact-lesson-actions-13g1 button{
  min-height:48px;
  padding:0 20px;
  box-shadow:0 7px 16px rgba(18,137,103,.12);
}
.book-fact-lesson-actions-13g1 small{
  max-width:580px;
  font-size:11.5px;
}
.book-fact-fact-filter13g1{
  padding:17px 28px 19px;
}

/* Fact cards */
.book-fact-cards-13g1{
  gap:18px;
  padding:22px 28px 30px;
}
.book-fact-card-13g1{
  padding:22px;
  border-radius:17px;
  border-color:#dbe3ef;
  box-shadow:0 7px 20px rgba(31,48,86,.035);
}
.book-fact-card-13g1.status-accepted{
  border-color:#b9e1d5;
  background:#f1fbf7;
}
.book-fact-card-13g1.status-rejected{
  border-color:#d9dee8;
  background:#f7f8fb;
  box-shadow:none;
}
.book-fact-card-13g1.is-problem:not(.status-rejected){
  border-color:#e7cf98;
  background:#fff9ed;
}
.book-fact-meta-13g1{
  gap:8px;
  font-size:10px;
}
.book-fact-meta-13g1>span{
  line-height:1.3;
}
.book-fact-meta-13g1 .is-seq{
  padding:5px 8px;
  border-radius:8px;
  background:#e9efff;
}
.book-fact-text-13g1{
  margin-top:18px;
  font-size:17.5px;
  line-height:1.62;
  font-weight:560;
}
.book-fact-validation-note-13g1,
.book-fact-rejection-note-13g1,
.book-fact-duplicate-13g1{
  padding:15px 16px;
}
.book-fact-validation-note-13g1 p,
.book-fact-rejection-note-13g1 p,
.book-fact-duplicate-13g1 span{
  font-size:13.5px;
}
.book-fact-evidence-list-13g1{
  gap:10px;
}
.book-fact-evidence-13g1{
  padding:15px 16px;
  border-radius:12px;
}
.book-fact-evidence-13g1 p{
  font-size:13.5px;
  line-height:1.62;
}
.book-fact-actions-13g1{
  grid-template-columns:minmax(165px,1fr) minmax(135px,.72fr) minmax(135px,.72fr);
  gap:11px;
  margin-top:20px;
  padding-top:18px;
}
.book-fact-actions-13g1 button,
.book-fact-inline-actions-13g1 button{
  min-height:48px;
  font-size:14.5px;
}
.book-fact-actions-13g1 button.is-accept{
  box-shadow:0 7px 16px rgba(18,137,103,.14);
}
.book-fact-actions-13g1 button.is-secondary:hover{
  border-color:#9eafd2;
  background:#f8faff;
}
.book-fact-actions-13g1 button.is-reject:hover,
.book-fact-inline-actions-13g1 button.is-danger:hover{
  border-color:#dc8f97;
  background:#fff0f1;
}
.book-fact-edit-13g1,
.book-fact-reject-13g1{
  padding:18px;
  border-radius:13px;
}
.book-fact-edit-13g1 textarea,
.book-fact-reject-13g1 textarea,
.book-fact-edit-13g1 select{
  min-height:44px;
}

/* Tablet: lesson list becomes a horizontal rail, detail gets full width. */
@media(max-width:1000px){
  .book-fact-hero-13g1{grid-template-columns:1fr}
  .book-fact-layout-13g1{grid-template-columns:1fr}
  .book-fact-lessons-13g1{
    position:static;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    padding:10px;
    scrollbar-width:thin;
  }
  .book-fact-lesson-list-13g1{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(280px,340px);
    gap:10px;
  }
  .book-fact-lesson-row-13g1{
    height:100%;
  }
}

@media(max-width:700px){
  .book-fact-hero-13g1{
    padding:19px 16px;
    border-radius:17px;
  }
  .book-fact-hero-13g1 h2{font-size:27px}
  .book-fact-hero-13g1 label{padding:10px}
  .book-fact-hero-13g1 select{min-height:52px;font-size:15px}

  .book-fact-stats-13g1{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .book-fact-stats-13g1 article{
    min-height:104px;
    padding:17px 16px;
    border-radius:14px;
  }
  .book-fact-stats-13g1 strong{font-size:40px}
  .book-fact-stats-13g1 span{font-size:9px;line-height:1.25}

  .book-fact-progress-13g1{padding:18px 16px}
  .book-fact-progress-copy-13g1{align-items:center}
  .book-fact-progress-copy-13g1 strong{font-size:17px}
  .book-fact-progress-copy-13g1>b{font-size:32px}
  .book-fact-progress-foot-13g1{font-size:11px}

  .book-fact-gate-13g1{
    padding:19px 16px;
    border-left-width:4px;
  }
  .book-fact-gate-13g1 h2{font-size:21px}
  .book-fact-gate-13g1 button{min-width:0;width:100%}

  .book-fact-toolbar-13g1{padding:15px 14px}
  .book-fact-filter-row-13g1 button,
  .book-fact-fact-filter13g1 button{min-height:41px;padding:0 14px}

  .book-fact-lessons-13g1{padding:8px}
  .book-fact-lesson-list-13g1{grid-auto-columns:minmax(255px,84vw)}
  .book-fact-lesson-row-13g1{min-height:84px}

  .book-fact-review-head-13g1{padding:20px 16px 17px}
  .book-fact-review-head-13g1 h2{font-size:24px}
  .book-fact-lesson-stats-13g1{padding:14px 16px 0;gap:8px}
  .book-fact-lesson-stats-13g1>div{min-height:72px;padding:12px}
  .book-fact-lesson-stats-13g1 strong{font-size:27px}
  .book-fact-lesson-actions-13g1{padding:14px 16px 0}
  .book-fact-fact-filter13g1{padding:14px 16px 15px}

  .book-fact-cards-13g1{padding:15px 12px 24px}
  .book-fact-card-13g1{padding:17px 14px}
  .book-fact-text-13g1{font-size:16.5px;line-height:1.62}
  .book-fact-validation-note-13g1 p,
  .book-fact-rejection-note-13g1 p,
  .book-fact-evidence-13g1 p{font-size:13.5px}
  .book-fact-actions-13g1{grid-template-columns:1fr}
  .book-fact-actions-13g1 button{min-height:50px;font-size:15px}
}

/* ================================================================
   13G2 · Anti-Cue Question Engine
   ================================================================ */
.question-anti-cue-audit-btn{
  margin-top:16px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 20px;
  border-radius:14px;
  font-weight:800;
}
.question-anti-cue-audit-btn svg{width:20px;height:20px}
.question-anti-cue-warning{
  margin:14px 0 0;
  border:1px solid #f0c978;
  background:#fff8e8;
  border-radius:16px;
  padding:15px 17px;
  display:grid;
  gap:5px;
}
.question-anti-cue-warning strong{
  font-size:12px;
  letter-spacing:.08em;
  color:#94610a;
}
.question-anti-cue-warning span{
  color:#6d5527;
  line-height:1.55;
}
.question-anti-cue-warning.is-fail{
  border-color:#efb4b8;
  background:#fff1f2;
}
.question-anti-cue-warning.is-fail strong{color:#bb3e49}
.question-anti-cue-warning.is-fail span{color:#7d3f45}
.question-review-card-12d.has-anti-cue-warning{
  box-shadow:inset 4px 0 0 #d49a24;
}
.question-review-card-12d.has-anti-cue-fail{
  box-shadow:inset 4px 0 0 #cf4854;
}
.question-generator-safety span:nth-last-child(-n+2){
  border-color:#b6e2d3;
  background:#f2fbf7;
}
@media (max-width:760px){
  .question-anti-cue-audit-btn{width:100%;min-height:58px;font-size:16px}
  .question-anti-cue-warning{padding:14px}
}

/* 13G2 — per-question AI option rebalancing */
.question-review-btn.is-rebalance{
  border-color:#bba6ff;
  background:#f4f0ff;
  color:#6240bd;
  font-weight:800;
}
.question-review-btn.is-rebalance:hover:not(:disabled){
  background:#ece5ff;
  border-color:#8f70eb;
}
.question-review-btn.is-rebalance:disabled{opacity:.62;cursor:wait}
@media (max-width:760px){
  .question-review-btn.is-rebalance{grid-column:1/-1;min-height:52px;font-size:16px}
}

/* ================================================================
   14I — BLOOM TAXONOMY + REAL DIFFICULTY
   ================================================================ */
.question-bloom-profile-14i{
  margin-top:18px;
  padding:22px;
}
.question-bloom-head-14i{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
}
.question-bloom-head-14i h2{
  margin:4px 0 6px;
}
.question-bloom-head-14i p{
  margin:0;
  max-width:780px;
  color:var(--muted,#64748b);
  line-height:1.55;
}
.question-bloom-average-14i{
  min-width:170px;
  padding:14px 16px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  background:rgba(248,250,252,.88);
  text-align:right;
}
.question-bloom-average-14i span{
  display:block;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#64748b;
}
.question-bloom-average-14i strong{
  display:block;
  margin-top:4px;
  font-size:1.35rem;
  color:#0f172a;
}
.question-bloom-grid-14i{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.question-bloom-grid-14i>div{
  min-height:82px;
  padding:14px 12px;
  border:1px solid rgba(15,23,42,.09);
  border-radius:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.question-bloom-grid-14i strong{
  font-size:1.4rem;
  line-height:1;
  color:#0f172a;
}
.question-bloom-grid-14i span{
  margin-top:7px;
  color:#64748b;
  font-size:.82rem;
  font-weight:700;
}
.question-bloom-grid-14i .is-unclassified{
  border-style:dashed;
  background:rgba(248,250,252,.72);
}
.question-bloom-badge-14i,
.question-difficulty-badge-14i{
  white-space:nowrap;
}
.question-bloom-badge-14i{
  font-weight:800!important;
}
.question-bloom-badge-14i.is-unclassified{
  border-style:dashed!important;
  opacity:.78;
}
.question-cognitive-edit-14i{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.question-classification-note-14i{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin:8px 0 14px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(14,116,144,.06);
  border:1px solid rgba(14,116,144,.12);
  color:#475569;
  font-size:.82rem;
  line-height:1.45;
}
.question-classification-note-14i strong{
  color:#0f172a;
  white-space:nowrap;
}
.question-inline-classify-14i{
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(14,116,144,.24);
  border-radius:10px;
  background:rgba(14,116,144,.08);
  color:#0e7490;
  font-weight:800;
  cursor:pointer;
}
.question-inline-classify-14i:hover{
  background:rgba(14,116,144,.14);
}

@media (max-width:980px){
  .question-bloom-grid-14i{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:700px){
  .question-bloom-head-14i{flex-direction:column;}
  .question-bloom-average-14i{width:100%;text-align:left;}
  .question-bloom-grid-14i{grid-template-columns:repeat(2,minmax(0,1fr));}
  .question-cognitive-edit-14i{grid-template-columns:1fr;}
  .question-classification-note-14i{flex-direction:column;gap:3px;}
}
.question-bloom-average-14i small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
}
.question-legacy-classify-14i{
  margin-top:14px;
  padding:14px 15px;
  border:1px solid rgba(14,116,144,.15);
  border-radius:14px;
  background:rgba(14,116,144,.045);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.question-legacy-classify-14i>div{display:grid;gap:4px;}
.question-legacy-classify-14i strong{color:#0f172a;}
.question-legacy-classify-14i span{color:#64748b;font-size:.84rem;line-height:1.45;}
.question-legacy-classify-14i button{flex:0 0 auto;}
.question-legacy-classify-14i.is-done{
  border-style:dashed;
  background:rgba(22,163,74,.045);
}
@media (max-width:760px){
  .question-legacy-classify-14i{align-items:stretch;flex-direction:column;}
  .question-legacy-classify-14i button{width:100%;min-height:48px;}
}

/* ========================================================================
   14J — NASTAVNIČKI BLOOM TESTOVI
   ======================================================================== */
.bloom-loading-14j{display:flex;align-items:center;gap:16px;padding:28px}.bloom-loading-14j>div{width:48px;height:48px;border-radius:15px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.bloom-loading-14j svg{width:24px;height:24px}.bloom-loading-14j strong,.bloom-loading-14j span{display:block}.bloom-loading-14j span{margin-top:4px;color:var(--muted);font-size:13px}
.bloom-migration-14j{display:flex;align-items:flex-start;gap:22px;padding:30px}.bloom-migration-icon-14j{width:68px;height:68px;flex:0 0 68px;border-radius:20px;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-family:"Bebas Neue",sans-serif;font-size:30px}.bloom-migration-14j h2{margin:6px 0 10px;color:var(--ink)}.bloom-migration-14j p{margin:0;color:var(--muted);line-height:1.7}
.bloom-hero-14j{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;position:relative}.bloom-hero-14j:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-145px;background:var(--purple-soft);opacity:.7}.bloom-hero-14j>div{position:relative;z-index:1}.bloom-hero-14j h2{font-family:"Bebas Neue",sans-serif;font-size:36px;letter-spacing:.02em;margin:6px 0 8px;color:var(--ink)}.bloom-hero-14j p{margin:0;max-width:760px;color:var(--muted);line-height:1.65}.bloom-hero-facts-14j{display:flex;gap:10px;flex:0 0 auto}.bloom-hero-facts-14j div{min-width:90px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.82);text-align:center}.bloom-hero-facts-14j strong{display:block;font-size:20px;color:var(--ink)}.bloom-hero-facts-14j span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bloom-api-warning-14j{margin-top:16px;padding:16px 20px;border-color:#efd7a5;background:#fffaf0}.bloom-api-warning-14j strong,.bloom-api-warning-14j span{display:block}.bloom-api-warning-14j strong{color:#75500f}.bloom-api-warning-14j span{margin-top:4px;color:#8b7245;font-size:13px}
.bloom-builder-grid-14j{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;align-items:start}.bloom-builder-main-14j{display:grid;gap:18px}.bloom-builder-side-14j{display:grid;gap:18px;position:sticky;top:22px}.bloom-step-14j{padding:0;overflow:hidden}.bloom-step-head-14j{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.bloom-step-head-14j>div:nth-child(2){min-width:0}.bloom-step-head-14j span{font-size:11px;letter-spacing:.11em;color:var(--purple);font-weight:800}.bloom-step-head-14j h3{margin:3px 0 0;color:var(--ink);font-size:20px}.bloom-step-head-14j>b{margin-left:auto;font-size:12px;background:var(--purple-soft);color:var(--purple);padding:8px 11px;border-radius:999px}.bloom-step-no-14j{width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Bebas Neue",sans-serif;font-size:22px}
.bloom-subject-toolbar-14j{padding:18px 24px;display:flex;align-items:end;justify-content:space-between;gap:16px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.bloom-subject-toolbar-14j label{display:grid;gap:7px;min-width:min(330px,100%)}.bloom-subject-toolbar-14j label span,.bloom-settings-grid-14j label>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bloom-subject-toolbar-14j select,.bloom-settings-grid-14j input,.bloom-settings-grid-14j select,.bloom-custom-dist-14j input{height:44px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--text);padding:0 12px;outline:none}.bloom-subject-toolbar-14j select:focus,.bloom-settings-grid-14j input:focus,.bloom-settings-grid-14j select:focus,.bloom-custom-dist-14j input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,82,216,.08)}.bloom-select-actions-14j{display:flex;gap:8px}.bloom-select-actions-14j button{height:40px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:11px;padding:0 13px;font-size:12px;font-weight:700}
.bloom-book-group-14j{padding:20px 24px;border-bottom:1px solid var(--line)}.bloom-book-group-14j:last-child{border-bottom:0}.bloom-book-head-14j{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.bloom-book-head-14j span{display:block;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bloom-book-head-14j strong{display:block;margin-top:3px;color:var(--ink)}.bloom-book-head-14j small{color:var(--muted);font-size:11px}.bloom-lesson-grid-14j{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bloom-lesson-choice-14j{position:relative;border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:grid;grid-template-columns:24px 32px minmax(0,1fr);gap:9px;align-items:center;background:#fff;cursor:pointer;transition:var(--ease)}.bloom-lesson-choice-14j:hover{border-color:#bdc9e2;transform:translateY(-1px)}.bloom-lesson-choice-14j.is-selected{border-color:#b9a5e7;background:#faf8ff;box-shadow:0 0 0 2px rgba(122,85,200,.07)}.bloom-lesson-choice-14j input{position:absolute;opacity:0;pointer-events:none}.bloom-lesson-check-14j{width:24px;height:24px;border:1px solid var(--line-strong);border-radius:8px;display:grid;place-items:center;background:#fff;color:#fff}.bloom-lesson-choice-14j.is-selected .bloom-lesson-check-14j{background:var(--purple);border-color:var(--purple)}.bloom-lesson-check-14j svg{width:14px;height:14px}.bloom-lesson-no-14j{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted)}.bloom-lesson-copy-14j{min-width:0}.bloom-lesson-copy-14j strong,.bloom-lesson-copy-14j small{display:block}.bloom-lesson-copy-14j strong{font-size:13px;color:var(--text);line-height:1.35}.bloom-lesson-copy-14j small{margin-top:4px;font-size:10px;color:var(--muted)}
.bloom-settings-grid-14j{padding:20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bloom-settings-grid-14j.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-settings-grid-14j label{display:grid;gap:7px}.bloom-input-unit-14j{position:relative}.bloom-input-unit-14j input{width:100%;padding-right:46px}.bloom-input-unit-14j b{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted)}
.bloom-distribution-head-14j{padding:3px 24px 12px;display:flex;justify-content:space-between;gap:18px;align-items:center}.bloom-distribution-head-14j strong,.bloom-distribution-head-14j span{display:block}.bloom-distribution-head-14j strong{color:var(--ink)}.bloom-distribution-head-14j span{margin-top:3px;font-size:12px;color:var(--muted)}.bloom-segment-14j{display:flex;padding:3px;background:#eef1f7;border-radius:12px}.bloom-segment-14j button{border:0;background:transparent;color:var(--muted);height:34px;border-radius:9px;padding:0 12px;font-size:11px;font-weight:800}.bloom-segment-14j button.is-active{background:#fff;color:var(--purple);box-shadow:0 2px 7px rgba(31,45,78,.08)}
.bloom-auto-dist-14j{padding:0 24px 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.bloom-dist-item-14j{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface-soft);text-align:center}.bloom-dist-item-14j span,.bloom-dist-item-14j strong{display:block}.bloom-dist-item-14j span{font-size:10px;color:var(--muted);line-height:1.2}.bloom-dist-item-14j strong{margin-top:5px;font-size:20px;color:var(--ink)}.bloom-dist-item-14j[data-bloom-level="UNDERSTAND"],.bloom-dist-item-14j[data-bloom-level="APPLY"],.bloom-dist-item-14j[data-bloom-level="ANALYZE"]{background:#f8f6ff}.bloom-dist-item-14j[data-bloom-level="EVALUATE"],.bloom-dist-item-14j[data-bloom-level="CREATE"]{background:#fff8f0}.bloom-custom-dist-14j{margin:0 24px 18px;padding:14px;border:1px dashed #c8b9e9;border-radius:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#fcfbff}.bloom-custom-dist-14j label{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px}.bloom-custom-dist-14j label span{font-size:11px;color:var(--text);font-weight:700}.bloom-custom-dist-14j input{width:72px}.bloom-dist-sum-14j{grid-column:1/-1;border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#f1f3f8}.bloom-dist-sum-14j span{font-size:11px;color:var(--muted)}.bloom-dist-sum-14j strong{font-size:14px}.bloom-dist-sum-14j small{margin-left:auto;font-size:10px}.bloom-dist-sum-14j.is-ok{background:var(--green-soft);color:var(--green)}.bloom-dist-sum-14j.is-bad{background:var(--danger-soft);color:var(--danger)}.bloom-fallback-note-14j{margin:0;padding:0 24px 22px;color:var(--muted);font-size:12px;line-height:1.6}.bloom-fallback-note-14j strong{color:var(--text)}
.bloom-generate-bar-14j{padding:20px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface-soft)}.bloom-generate-bar-14j strong,.bloom-generate-bar-14j span{display:block}.bloom-generate-bar-14j strong{color:var(--ink)}.bloom-generate-bar-14j span{margin-top:4px;font-size:11px;color:var(--muted);line-height:1.5}.bloom-generate-btn-14j{min-width:210px;display:flex;align-items:center;justify-content:center;gap:8px}.bloom-generate-btn-14j svg{width:18px;height:18px}.bloom-generate-btn-14j.is-loading svg{animation:bloomPulse14J 1.1s linear infinite}@keyframes bloomPulse14J{50%{opacity:.35}}
.bloom-builder-side-14j>.panel{padding:18px}.bloom-side-head-14j{padding-bottom:12px;border-bottom:1px solid var(--line)}.bloom-side-head-14j span,.bloom-side-head-14j strong{display:block}.bloom-side-head-14j span{font-size:10px;letter-spacing:.11em;color:var(--muted);font-weight:800}.bloom-side-head-14j strong{margin-top:4px;color:var(--ink)}.bloom-recent-list-14j{display:grid}.bloom-recent-row-14j{border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 2px;display:flex;text-align:left;justify-content:space-between;gap:10px}.bloom-recent-row-14j:last-child{border-bottom:0}.bloom-recent-row-14j:hover strong{color:var(--blue)}.bloom-recent-copy-14j{min-width:0}.bloom-recent-copy-14j span,.bloom-recent-copy-14j strong,.bloom-recent-copy-14j small{display:block}.bloom-recent-copy-14j span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.bloom-recent-copy-14j strong{margin-top:4px;font-size:12px;color:var(--text);line-height:1.35}.bloom-recent-copy-14j small{margin-top:5px;font-size:9px;color:var(--muted)}.bloom-recent-side-14j{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:7px}.bloom-recent-side-14j b{font-size:10px;color:var(--blue)}.bloom-status-14j{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.bloom-status-14j.is-ready{background:var(--green-soft);color:var(--green)}.bloom-status-14j.is-running{background:var(--purple-soft);color:var(--purple)}.bloom-status-14j.is-failed{background:var(--danger-soft);color:var(--danger)}.bloom-status-14j.is-archived,.bloom-status-14j.is-neutral{background:#edf0f6;color:var(--muted)}.bloom-roadmap-card-14j span,.bloom-roadmap-card-14j strong{display:block}.bloom-roadmap-card-14j>span{font-size:10px;color:var(--purple);font-weight:800;letter-spacing:.1em}.bloom-roadmap-card-14j strong{margin-top:11px;color:var(--ink);font-size:13px}.bloom-roadmap-card-14j p{margin:4px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.bloom-empty-14j{padding:22px 4px;text-align:center}.bloom-empty-14j strong,.bloom-empty-14j span{display:block}.bloom-empty-14j strong{font-size:12px;color:var(--text)}.bloom-empty-14j span{font-size:10px;color:var(--muted);margin-top:5px}
.bloom-detail-actions-14j{display:flex;gap:9px;margin-bottom:14px}.bloom-test-title-14j{padding:26px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.bloom-test-title-14j h2{font-family:"Bebas Neue",sans-serif;font-size:34px;letter-spacing:.02em;margin:6px 0;color:var(--ink)}.bloom-test-title-14j p{margin:0;color:var(--muted);line-height:1.55;font-size:12px}.bloom-test-title-14j.is-generating{background:linear-gradient(120deg,#fff,#faf8ff)}.bloom-progress-14j{margin-top:16px;padding:28px;display:flex;align-items:center;gap:20px;border-color:#d7ccef;background:#fcfbff}.bloom-progress-orbit-14j{width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.bloom-progress-orbit-14j svg{width:27px;height:27px;animation:bloomPulse14J 1.1s linear infinite}.bloom-progress-14j span{font-size:10px;color:var(--purple);font-weight:800;letter-spacing:.1em}.bloom-progress-14j h3{margin:5px 0;color:var(--ink)}.bloom-progress-14j p{margin:4px 0 0;color:var(--muted);font-size:12px}
.bloom-test-kpis-14j{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.bloom-test-kpis-14j article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;box-shadow:var(--shadow)}.bloom-test-kpis-14j span,.bloom-test-kpis-14j strong,.bloom-test-kpis-14j small{display:block}.bloom-test-kpis-14j span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.bloom-test-kpis-14j strong{font-size:24px;color:var(--ink);margin:4px 0}.bloom-test-kpis-14j small{font-size:10px;color:var(--muted)}.bloom-profile-14j{margin-top:16px;padding:22px 0 4px}.bloom-profile-head-14j{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 24px 16px}.bloom-profile-head-14j h3{margin:4px 0 0;color:var(--ink)}.bloom-profile-head-14j small{color:var(--green);font-weight:700}.bloom-warnings-14j{margin-top:16px;padding:18px 22px;border-color:#edd9b0;background:#fffcf5}.bloom-warnings-14j strong{color:#78530e}.bloom-warnings-14j p{margin:7px 0 0;color:#8a7040;font-size:12px;line-height:1.5}.bloom-test-meta-14j{margin-top:16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.bloom-test-meta-14j div{padding:16px 18px;border-right:1px solid var(--line)}.bloom-test-meta-14j div:last-child{border-right:0}.bloom-test-meta-14j span,.bloom-test-meta-14j strong{display:block}.bloom-test-meta-14j span{font-size:9px;color:var(--muted);letter-spacing:.08em}.bloom-test-meta-14j strong{margin-top:4px;font-size:12px;color:var(--text)}.bloom-student-instructions-14j{margin-top:16px;padding:20px 22px}.bloom-student-instructions-14j p{margin:7px 0 0;color:var(--text);line-height:1.65;font-size:13px}
.bloom-question-list-14j{display:grid;gap:14px;margin-top:16px}.bloom-question-card-14j{padding:23px 25px}.bloom-question-top-14j{display:flex;align-items:center;gap:12px}.bloom-question-index-14j{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Bebas Neue",sans-serif;font-size:21px}.bloom-question-tags-14j{display:flex;flex-wrap:wrap;gap:6px}.bloom-question-tags-14j span{height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#f0f2f7;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.bloom-question-tags-14j span.is-bloom{background:var(--purple-soft);color:var(--purple)}.bloom-question-card-14j>h3{font-size:16px;line-height:1.55;color:var(--ink);margin:16px 0 0}.bloom-options-14j{margin:15px 0 0;padding-left:34px;display:grid;gap:7px}.bloom-options-14j li{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:12px}.bloom-options-14j li.is-correct{border-color:#a8dbc9;background:#f0fbf7}.bloom-answer-14j,.bloom-evidence-14j{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.bloom-answer-14j summary,.bloom-evidence-14j summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:11px;font-weight:800;color:var(--text);background:var(--surface-soft)}.bloom-answer-14j summary::-webkit-details-marker,.bloom-evidence-14j summary::-webkit-details-marker{display:none}.bloom-answer-14j>div,.bloom-evidence-14j>div{padding:14px}.bloom-answer-14j span{display:block;font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bloom-answer-14j p{margin:5px 0 12px;line-height:1.6;font-size:12px}.bloom-answer-14j p:last-child{margin-bottom:0}.bloom-evidence-14j blockquote{margin:0 0 10px;padding:12px 13px;border-left:3px solid #c8b9e9;background:#faf9fd;border-radius:0 10px 10px 0}.bloom-evidence-14j blockquote:last-child{margin-bottom:0}.bloom-evidence-14j blockquote strong{font-size:10px;color:var(--purple)}.bloom-evidence-14j blockquote p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.55}.bloom-next-note-14j{margin-top:16px;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.bloom-next-note-14j>div+div{border-left:1px solid var(--line);padding-left:22px}.bloom-next-note-14j span,.bloom-next-note-14j strong{display:block}.bloom-next-note-14j span{font-family:"Bebas Neue",sans-serif;font-size:20px;color:var(--purple)}.bloom-next-note-14j strong{margin-top:3px;color:var(--ink)}.bloom-next-note-14j p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
@media(max-width:1180px){.bloom-builder-grid-14j{grid-template-columns:1fr}.bloom-builder-side-14j{position:static;grid-template-columns:1fr 1fr}.bloom-auto-dist-14j{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.bloom-hero-14j{align-items:flex-start;flex-direction:column}.bloom-hero-facts-14j{width:100%}.bloom-hero-facts-14j div{flex:1;min-width:0}.bloom-step-head-14j{padding:18px}.bloom-subject-toolbar-14j{padding:15px 18px;align-items:stretch;flex-direction:column}.bloom-select-actions-14j button{flex:1}.bloom-book-group-14j{padding:17px 18px}.bloom-book-head-14j{align-items:flex-start;flex-direction:column;gap:5px}.bloom-lesson-grid-14j{grid-template-columns:1fr}.bloom-settings-grid-14j,.bloom-settings-grid-14j.is-two{grid-template-columns:1fr;padding:18px}.bloom-distribution-head-14j{padding:0 18px 12px;align-items:flex-start;flex-direction:column}.bloom-auto-dist-14j{padding:0 18px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-custom-dist-14j{margin:0 18px 16px;grid-template-columns:1fr}.bloom-custom-dist-14j label{grid-template-columns:1fr 80px}.bloom-fallback-note-14j{padding:0 18px 18px}.bloom-generate-bar-14j{padding:18px;align-items:stretch;flex-direction:column}.bloom-generate-btn-14j{width:100%}.bloom-builder-side-14j{grid-template-columns:1fr}.bloom-test-kpis-14j{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-test-meta-14j{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-test-meta-14j div:nth-child(2){border-right:0}.bloom-test-meta-14j div:nth-child(-n+2){border-bottom:1px solid var(--line)}.bloom-next-note-14j{grid-template-columns:1fr}.bloom-next-note-14j>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}.bloom-question-card-14j{padding:18px}.bloom-question-top-14j{align-items:flex-start}.bloom-test-title-14j{padding:22px;flex-direction:column}.bloom-progress-14j{align-items:flex-start;padding:22px}}
@media(max-width:480px){.bloom-hero-14j{padding:22px}.bloom-hero-14j h2{font-size:30px}.bloom-hero-facts-14j{gap:6px}.bloom-hero-facts-14j div{padding:11px 8px}.bloom-detail-actions-14j{flex-wrap:wrap}.bloom-test-kpis-14j{grid-template-columns:1fr 1fr;gap:8px}.bloom-question-tags-14j span{font-size:8px}.bloom-auto-dist-14j{grid-template-columns:1fr 1fr}.bloom-profile-head-14j{padding:0 18px 14px;align-items:flex-start;flex-direction:column}.bloom-test-meta-14j{grid-template-columns:1fr}.bloom-test-meta-14j div{border-right:0!important;border-bottom:1px solid var(--line)}.bloom-test-meta-14j div:last-child{border-bottom:0}.bloom-progress-orbit-14j{width:46px;height:46px;flex-basis:46px}}

/* 14J-R2 — Bloom Batch mode */
.bloom-execution-head-14j{padding-top:2px;margin-top:2px;border-top:1px dashed var(--line);padding-top:16px}
.bloom-segment-14j button:disabled{opacity:.42;cursor:not-allowed}
.bloom-batch-actions-14j{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.bloom-batch-actions-14j .primary-btn{min-height:42px}
.bloom-batch-actions-14j small{font-size:10px;color:var(--muted);word-break:break-all}
.bloom-test-meta-14j{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:780px){
  .bloom-test-meta-14j{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bloom-test-meta-14j div{border-bottom:1px solid var(--line)}
  .bloom-test-meta-14j div:nth-child(2){border-right:0}
  .bloom-test-meta-14j div:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:480px){
  .bloom-test-meta-14j{grid-template-columns:1fr}
  .bloom-test-meta-14j div:last-child{grid-column:auto}
  .bloom-batch-actions-14j{align-items:stretch;flex-direction:column}
  .bloom-batch-actions-14j .primary-btn{width:100%}
}

/* ========================================================================
   14K — BLOOM TEST EDITOR
   ======================================================================== */
.bloom-edit-meta-btn-14k{margin-left:auto}
.bloom-edit-revision-14k{display:block;margin-top:9px;color:var(--muted);font-size:10px;font-weight:700}
.bloom-editor-banner-14k{margin-top:16px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#cfc4ef;background:linear-gradient(120deg,#fff,#fbf9ff)}
.bloom-editor-banner-14k h3{margin:5px 0 5px;color:var(--ink)}
.bloom-editor-banner-14k p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:850px}
.bloom-question-actions-14k{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:16px 0 5px;padding:12px 14px;border:1px solid #dfe5f0;border-radius:16px;background:linear-gradient(180deg,#fbfcff 0%,#f7f9fd 100%)}
.bloom-reorder-group-14k{display:flex;align-items:center;gap:10px;min-width:max-content}
.bloom-reorder-group-14k>span{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bloom-reorder-group-14k>div{display:flex;gap:7px}
.bloom-mini-btn-14k{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid #d8dfeb;border-radius:11px;background:#fff;color:#53617a;font-size:18px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}
.bloom-mini-btn-14k:hover:not(:disabled){transform:translateY(-1px);border-color:#9eb0e8;color:var(--blue);box-shadow:0 5px 14px rgba(47,82,216,.10)}
.bloom-main-actions-14k{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.bloom-action-btn-14k{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 2px 7px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.bloom-action-btn-14k:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.10)}
.bloom-action-btn-14k small{margin-left:-3px;font-size:8px;font-weight:700;letter-spacing:.04em;opacity:.65}
.bloom-action-icon-14k{display:inline-grid;place-items:center;width:20px;height:20px;font-size:17px;line-height:1;font-weight:900}
.bloom-edit-btn-14k{border-color:#bfd0fb;background:#edf3ff;color:#244bbf}
.bloom-edit-btn-14k:hover:not(:disabled){border-color:#8eabf1;background:#e5eeff;color:#163ea9}
.bloom-ai-replace-btn-14k{border-color:#d4c4f2;background:linear-gradient(135deg,#f8f4ff,#f2edff);color:#6944bb}
.bloom-ai-replace-btn-14k:hover:not(:disabled){border-color:#bda4eb;background:linear-gradient(135deg,#f4edff,#ece4ff);color:#5736a0}
.bloom-ai-spark-14k{font-size:15px}
.bloom-delete-btn-14k{border-color:#f0d5d7;background:#fffafa;color:#a9474e;box-shadow:none}
.bloom-delete-btn-14k:hover:not(:disabled){border-color:#e8b9bd;background:#fff3f4;color:#963941}
.bloom-mini-btn-14k:disabled,.bloom-action-btn-14k:disabled,.bloom-question-actions-14k button:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}
.bloom-question-card-14j.is-human-edit-14k{box-shadow:inset 4px 0 0 #2f52d8,var(--shadow)}
.bloom-question-card-14j.is-ai-replaced-14k{box-shadow:inset 4px 0 0 #7b57c7,var(--shadow)}
.bloom-question-tags-14j span.is-editor-source-14k{background:#eef3ff;color:#2f52d8}
.bloom-modal-backdrop-14k{position:fixed;inset:0;z-index:10000;background:rgba(11,18,35,.52);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto}
.bloom-modal-14k{width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px rgba(11,18,35,.28);padding:24px}
.bloom-modal-wide-14k{width:min(980px,100%)}
.bloom-modal-head-14k{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.bloom-modal-head-14k h3{margin:5px 0 0;color:var(--ink);font-size:22px}
.bloom-modal-close-14k{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}
.bloom-modal-copy-14k{margin:-6px 0 18px;color:var(--muted);line-height:1.6;font-size:12px}
.bloom-field-14k{display:grid;gap:7px;margin-bottom:14px}
.bloom-field-14k>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bloom-field-14k input,.bloom-field-14k select,.bloom-field-14k textarea{width:100%;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--text);padding:11px 12px;outline:none;font:inherit;box-sizing:border-box}
.bloom-field-14k input,.bloom-field-14k select{min-height:44px}
.bloom-field-14k textarea{resize:vertical;line-height:1.55}
.bloom-field-14k input:focus,.bloom-field-14k select:focus,.bloom-field-14k textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,82,216,.08)}
.bloom-form-grid-14k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bloom-mcq-editor-14k{padding:14px 14px 2px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.bloom-mcq-editor-14k[hidden]{display:none!important}
.bloom-source-note-14k{margin:4px 0 18px;padding:12px 14px;border:1px solid #eadbb7;border-radius:12px;background:#fffbf2;color:#816a3d;font-size:11px;line-height:1.55}
.bloom-modal-actions-14k{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}
.bloom-modal-actions-14k button{min-width:130px}
@media(max-width:780px){
  .bloom-editor-banner-14k{align-items:stretch;flex-direction:column}
  .bloom-editor-banner-14k .primary-btn{width:100%}
  .bloom-form-grid-14k{grid-template-columns:1fr 1fr}
  .bloom-modal-backdrop-14k{padding:10px;align-items:flex-start}
  .bloom-modal-14k{max-height:none;border-radius:16px;padding:18px}
  .bloom-main-actions-14k{width:100%;margin-left:0}
  .bloom-action-btn-14k{flex:1}
}
@media(max-width:520px){
  .bloom-form-grid-14k{grid-template-columns:1fr}
  .bloom-modal-actions-14k{flex-direction:column-reverse}
  .bloom-modal-actions-14k button{width:100%}
  .bloom-question-actions-14k{align-items:stretch;gap:12px;padding:12px}
  .bloom-reorder-group-14k{width:100%;justify-content:space-between}
  .bloom-main-actions-14k{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  .bloom-delete-btn-14k{grid-column:1/-1}
  .bloom-action-btn-14k small{display:none}
  .bloom-edit-meta-btn-14k{margin-left:0;width:100%}
}

/* ========================================================================
   14L — BLOOM TEST PUBLISHING, STUDENT VIEW & WORD EXPORT
   ======================================================================== */
.bloom-publish-panel-14l{margin-top:16px;padding:22px;border:1px solid #d7deeb;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);overflow:hidden}
.bloom-publish-panel-14l.is-published{border-color:#b9e2d2;background:linear-gradient(135deg,#fff 0%,#f2fbf7 100%)}
.bloom-publish-head-14l{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.bloom-publish-head-14l h3{margin:5px 0 5px;font-size:20px;color:var(--ink)}
.bloom-publish-head-14l p{margin:0;max-width:850px;color:var(--muted);font-size:12px;line-height:1.6}
.bloom-publication-badge-14l{flex:0 0 auto;padding:8px 11px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em}
.bloom-publication-badge-14l.is-live{background:#dff5eb;color:#167458}.bloom-publication-badge-14l.is-private{background:#eef1f7;color:#69748a}
.bloom-publish-stats-14l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.bloom-publish-stats-14l>div{padding:13px 14px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;min-width:0}
.bloom-publish-stats-14l span{display:block;font-size:8px;font-weight:900;letter-spacing:.09em;color:#8b95aa;margin-bottom:6px}
.bloom-publish-stats-14l strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#222b40}
.bloom-publish-stats-14l .is-warning{border-color:#edcf8f;background:#fffaf0}.bloom-publish-stats-14l .is-warning strong{color:#9a6511}
.bloom-points-warning-14l{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;margin-bottom:16px;border:1px solid #ecd59f;border-radius:14px;background:#fffaf0}
.bloom-points-warning-14l div{display:grid;gap:3px}.bloom-points-warning-14l strong{font-size:12px;color:#73551b}.bloom-points-warning-14l span{font-size:10px;line-height:1.5;color:#8c7445}
.bloom-publish-actions-14l{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bloom-publish-actions-14l>a{text-decoration:none}
.bloom-publish-btn-14l{background:linear-gradient(135deg,#2f52d8,#3d63ee)}.bloom-unpublish-btn-14l{border-color:#e7c5c9;color:#9a424b;background:#fff8f8}
.bloom-word-btn-14l{display:inline-flex;align-items:center;justify-content:center}.bloom-word-btn-14l.is-key{border-color:#d5c4ee;background:#f8f4ff;color:#6645a6}
.bloom-security-note-14l{margin-top:15px;padding-top:13px;border-top:1px solid #e4e8f0;color:#727d91;font-size:10px;line-height:1.55}
.bloom-security-note-14l strong{color:#414d64}
.bloom-phase14l-missing{margin-top:16px}

.student-bloom-test-grid-14l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.student-bloom-test-card-14l{border:1px solid #dbe2ef;border-radius:19px;background:#fff;padding:20px;text-align:left;cursor:pointer;display:grid;gap:16px;box-shadow:0 7px 22px rgba(25,38,70,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;color:inherit}
.student-bloom-test-card-14l:hover{transform:translateY(-2px);border-color:#aabcee;box-shadow:0 12px 28px rgba(35,63,145,.09)}
.student-bloom-test-card-14l>div:first-child{display:grid;gap:5px}.student-bloom-test-card-14l span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#5a6fb6}.student-bloom-test-card-14l strong{font-size:17px;color:#1d2638}.student-bloom-test-card-14l small{font-size:10px;color:#8b95a7}
.student-bloom-test-stats-14l{display:flex;gap:8px}.student-bloom-test-stats-14l b{min-width:72px;padding:10px 11px;border-radius:12px;background:#f6f8fc;color:#202b42;font-size:15px;display:grid;gap:2px}.student-bloom-test-stats-14l b small{font-size:8px;font-weight:700;color:#8792a7;text-transform:uppercase;letter-spacing:.06em}
.student-bloom-test-card-14l>i{font-style:normal;font-size:10px;font-weight:900;color:#2f52d8}
.student-bloom-detail-hero-14l{position:relative;padding:24px 25px;border:1px solid #d9e1ef;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f7ff);margin-bottom:16px}
.student-bloom-detail-hero-14l>span{display:block;margin-top:18px;font-size:9px;font-weight:900;letter-spacing:.1em;color:#5371cf}.student-bloom-detail-hero-14l h1{margin:6px 0 7px;font-size:27px;color:#172033}.student-bloom-detail-hero-14l p{margin:0;color:#7c879c;font-size:11px}.student-bloom-detail-hero-14l>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.student-bloom-detail-hero-14l>div b{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #dce3ef;font-size:10px;color:#41506c}
.student-bloom-back-14l{border:0;background:transparent;color:#53627e;font-weight:800;font-size:10px;cursor:pointer;padding:0}
.student-bloom-instructions-14l{padding:16px 18px;border:1px solid #dce4f1;border-radius:16px;background:#fff;margin-bottom:14px}.student-bloom-instructions-14l strong{display:block;font-size:10px;color:#33415f;margin-bottom:5px}.student-bloom-instructions-14l p{margin:0;font-size:11px;line-height:1.6;color:#707c91}
.student-bloom-toolbar-14l{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding:14px 16px;border:1px solid #dce3ef;border-radius:16px;background:#fff}.student-bloom-toolbar-14l>div{display:grid;gap:3px}.student-bloom-toolbar-14l strong{font-size:12px;color:#25314a}.student-bloom-toolbar-14l span{font-size:9px;color:#8691a4}.student-bloom-word-14l{flex:0 0 auto;padding:10px 14px;border-radius:11px;background:#2f52d8;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
.student-bloom-question-list-14l{display:grid;gap:13px}.student-bloom-question-14l{border:1px solid #dce3ee;border-radius:19px;background:#fff;padding:19px 20px;box-shadow:0 4px 14px rgba(24,36,64,.035)}
.student-bloom-qhead-14l{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.student-bloom-qhead-14l>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#151d31;color:#fff;font-weight:900}.student-bloom-qhead-14l>div{margin-left:auto;display:flex;align-items:center;gap:10px}.student-bloom-qhead-14l small{font-size:8px;color:#8792a7;text-transform:uppercase;letter-spacing:.06em}.student-bloom-qhead-14l strong{padding:6px 9px;border-radius:999px;background:#eef3ff;color:#2e55ca;font-size:9px}
.student-bloom-question-14l h3{margin:0;font-size:15px;line-height:1.55;color:#1b2437}.student-bloom-options-14l{display:grid;gap:8px;margin-top:15px}.student-bloom-options-14l>div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#f7f9fc;border:1px solid #e5eaf2}.student-bloom-options-14l b{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#2f52d8;font-size:9px;border:1px solid #dbe2ee}.student-bloom-options-14l span{font-size:11px;line-height:1.45;color:#4b576f}

@media(max-width:900px){.bloom-publish-stats-14l{grid-template-columns:1fr 1fr}.student-bloom-test-grid-14l{grid-template-columns:1fr}}
@media(max-width:600px){.bloom-publish-head-14l,.bloom-points-warning-14l,.student-bloom-toolbar-14l{align-items:stretch;flex-direction:column}.bloom-publish-stats-14l{grid-template-columns:1fr 1fr}.bloom-publish-actions-14l{display:grid;grid-template-columns:1fr}.bloom-publish-actions-14l>*{width:100%}.student-bloom-detail-hero-14l{padding:19px}.student-bloom-question-14l{padding:16px}.student-bloom-test-stats-14l{display:grid;grid-template-columns:repeat(3,1fr)}.student-bloom-test-stats-14l b{min-width:0}}

/* --------------------------------------------------------------------------
   14M — ONLINE BLOOM ASSESSMENT BRIDGE
   -------------------------------------------------------------------------- */
.bloom-online-panel-14m{overflow:hidden;border:1px solid rgba(45,63,110,.11);background:linear-gradient(145deg,#fff 0%,#fbfcff 72%,#f7f4ff 100%)}
.bloom-online-loading-14m,.bloom-online-migration-14m,.bloom-online-error-14m{display:grid;gap:8px;padding:6px 2px}
.bloom-online-loading-14m strong,.bloom-online-migration-14m h3,.bloom-online-error-14m strong{font-size:22px;color:#151a2a}
.bloom-online-loading-14m small{color:#6d7690}.bloom-online-migration-14m p,.bloom-online-error-14m p{margin:0;color:#69728a;line-height:1.6}
.bloom-online-head-14m{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e7ebf3}
.bloom-online-head-14m h3{margin:5px 0 8px;font-size:25px;line-height:1.15;color:#111728}.bloom-online-head-14m p{margin:0;max-width:780px;color:#68728d;line-height:1.6}
.bloom-online-zero-api-14m{flex:0 0 auto;border-radius:999px;padding:9px 14px;background:#eaf9f2;color:#11785c;font:700 12px/1 'JetBrains Mono',monospace;letter-spacing:.06em}
.bloom-online-kpis-14m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.bloom-online-kpis-14m>div{padding:14px 16px;border:1px solid #e4e9f2;border-radius:16px;background:#fff}.bloom-online-kpis-14m span{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#8a94ad}.bloom-online-kpis-14m strong{display:block;margin-top:5px;font-size:26px;color:#111729}
.bloom-online-warning-14m{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:14px 16px;border-radius:15px;background:#fff6e7;border:1px solid #f2ddaf}.bloom-online-warning-14m strong{color:#8b5a00}.bloom-online-warning-14m span{color:#836f49;font-size:13px}
.bloom-online-assign-grid-14m{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.7fr);gap:16px}.bloom-online-settings-14m,.bloom-online-students-14m{border:1px solid #e3e8f1;border-radius:19px;background:#fff;padding:18px}.bloom-online-settings-14m h4,.bloom-online-students-14m h4,.bloom-online-section-head-14m h4,.bloom-online-review-queue-14m h4{margin:0;color:#171c2d;font-size:18px}
.bloom-online-settings-14m{display:grid;gap:13px;align-content:start}.bloom-online-settings-14m label{display:grid;gap:6px}.bloom-online-settings-14m label>span{font-size:11px;font-weight:800;letter-spacing:.06em;color:#727d98}.bloom-online-settings-14m input,.bloom-online-settings-14m select{width:100%;min-height:43px;border:1px solid #d8deea;border-radius:12px;padding:9px 11px;background:#fbfcff;color:#182033;font:600 14px 'Public Sans',sans-serif}.bloom-online-inline-14m{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.bloom-online-inline-14m b{font-size:12px;color:#75809a}
.bloom-online-students-head-14m{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bloom-online-students-head-14m small{display:block;margin-top:3px;color:#8a94aa}.bloom-online-students-head-14m>div:last-child{display:flex;flex-wrap:wrap;gap:6px}.bloom-online-students-head-14m button{border:0;background:#f2f4fa;color:#52607e;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.bloom-online-students-head-14m button:hover{background:#e8ecf6}
.bloom-online-student-grid-14m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:290px;overflow:auto;padding-right:3px}.bloom-online-student-check-14m{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #e3e8f1;border-radius:13px;background:#fbfcff;cursor:pointer;transition:.18s ease}.bloom-online-student-check-14m:hover{border-color:#bcc7df;transform:translateY(-1px)}.bloom-online-student-check-14m.is-assigned{background:#f7f5ff;border-color:#d9d0f5}.bloom-online-student-check-14m input{width:17px;height:17px;accent-color:#6653d8}.bloom-online-student-check-14m span{min-width:0}.bloom-online-student-check-14m strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#192033;font-size:13px}.bloom-online-student-check-14m small{display:block;margin-top:2px;color:#8a94aa;font-size:10px}.bloom-online-student-check-14m>b{font-size:12px;color:#6554d6}.bloom-online-assign-btn-14m{width:100%;margin-top:12px;justify-content:center}
.bloom-online-monitor-14m{margin-top:18px}.bloom-online-section-head-14m{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.bloom-online-section-head-14m span,.bloom-online-review-queue-14m>div:first-child span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#735ee0}
.bloom-online-assignment-list-14m{display:grid;gap:7px}.bloom-online-assignment-list-14m article{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e9f1;border-radius:13px;background:#fff}.bloom-online-assignment-list-14m article>div strong{display:block;color:#202638}.bloom-online-assignment-list-14m article>div small{display:block;margin-top:3px;color:#8a93a9;font-size:11px}.bloom-online-assignment-list-14m article>span{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;white-space:nowrap}.bloom-online-assignment-list-14m article>span.is-ready{background:#eef4ff;color:#365eaa}.bloom-online-assignment-list-14m article>span.is-progress{background:#fff5da;color:#856100}.bloom-online-assignment-list-14m article>span.is-review{background:#fff0e8;color:#a94f1a}.bloom-online-assignment-list-14m article>span.is-graded{background:#e9f8f1;color:#13735b}.bloom-online-assignment-list-14m article>span.is-muted{background:#f0f2f5;color:#7a8292}.bloom-online-assignment-list-14m article>b{font-size:12px;color:#17203a}.bloom-online-assignment-list-14m article>button{border:1px solid #d9dfeb;border-radius:9px;background:#f8f9fc;padding:7px 9px;color:#34415f;font-size:11px;font-weight:800;cursor:pointer}.bloom-online-assignment-list-14m article>button:hover{background:#eef1f7}.bloom-online-assignment-list-14m article>button.is-toggle{color:#8a4b58}.bloom-online-empty-14m{padding:18px;border:1px dashed #d8deea;border-radius:14px;color:#8a94aa;text-align:center}
.bloom-online-review-queue-14m{margin-top:18px;padding:16px;border-radius:17px;border:1px solid #efdfbd;background:#fffaf0}.bloom-online-review-queue-14m>div:first-child{margin-bottom:10px}.bloom-online-review-queue-14m>div:last-child{display:grid;gap:7px}.bloom-online-review-queue-14m button{display:grid;grid-template-columns:1fr auto;gap:3px 12px;text-align:left;border:1px solid #eadbbd;border-radius:12px;background:#fff;padding:11px 12px;cursor:pointer}.bloom-online-review-queue-14m button strong{color:#2a2e3b}.bloom-online-review-queue-14m button small{grid-column:1;color:#8d7d61}.bloom-online-review-queue-14m button b{grid-row:1/3;grid-column:2;align-self:center;color:#8059cd;font-size:12px}
.bloom-online-grade-backdrop-14m{position:fixed;inset:0;z-index:2500;background:rgba(11,15,28,.64);backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px}.bloom-online-grade-modal-14m{width:min(1080px,100%);max-height:94vh;overflow:auto;background:#f7f9fc;border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.28);padding:22px}.bloom-online-grade-head-14m{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:4px 4px 18px}.bloom-online-grade-head-14m h2{margin:5px 0 4px;font-size:25px;color:#141a2b}.bloom-online-grade-head-14m p{margin:0;color:#75809a}.bloom-online-grade-head-14m>button{width:38px;height:38px;border:0;border-radius:11px;background:#e8ebf2;color:#3d4558;font-size:22px;cursor:pointer}.bloom-online-grade-summary-14m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.bloom-online-grade-summary-14m>div{padding:11px 13px;border:1px solid #e1e6ef;background:#fff;border-radius:13px}.bloom-online-grade-summary-14m span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#8a94aa}.bloom-online-grade-summary-14m strong{display:block;margin-top:4px;color:#1d2436}
.bloom-online-grade-list-14m{display:grid;gap:12px}.bloom-online-grade-list-14m>article{background:#fff;border:1px solid #e1e6ef;border-radius:17px;padding:16px}.bloom-online-grade-qhead-14m{display:flex;align-items:center;gap:10px}.bloom-online-grade-qhead-14m>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#151b2d;color:#fff;font-weight:900}.bloom-online-grade-qhead-14m>div{flex:1}.bloom-online-grade-qhead-14m>div strong{display:block;color:#5d4ec6;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.bloom-online-grade-qhead-14m>div small{color:#8490a8}.bloom-online-grade-qhead-14m>b{border-radius:999px;padding:6px 9px;font-size:9px;letter-spacing:.08em}.bloom-online-grade-qhead-14m>b.is-auto{background:#e9f8f1;color:#1b765e}.bloom-online-grade-qhead-14m>b.is-manual{background:#fff0e8;color:#a55220}.bloom-online-grade-list-14m h3{font-size:16px;line-height:1.55;color:#161d30}.bloom-online-answer-14m{padding:12px 13px;border-radius:12px;background:#f4f6fa}.bloom-online-answer-14m span,.bloom-online-grade-list-14m details span{font-size:10px;font-weight:900;letter-spacing:.06em;color:#7b87a0}.bloom-online-answer-14m p,.bloom-online-grade-list-14m details p{margin:5px 0 0;line-height:1.55;color:#2c3449;white-space:pre-wrap}.bloom-online-grade-list-14m details{margin-top:10px;border:1px solid #e8e2fa;border-radius:11px;background:#fbfaff;padding:9px 11px}.bloom-online-grade-list-14m details summary{cursor:pointer;color:#6454bf;font-size:12px;font-weight:800}.bloom-online-grade-list-14m details>div{padding-top:10px}.bloom-online-grade-fields-14m{display:grid;grid-template-columns:180px 1fr;gap:10px;margin-top:11px}.bloom-online-grade-fields-14m label{display:grid;gap:5px}.bloom-online-grade-fields-14m label span,.bloom-online-feedback-14m>span{font-size:10px;font-weight:900;letter-spacing:.06em;color:#7b87a0}.bloom-online-grade-fields-14m input,.bloom-online-feedback-14m textarea{width:100%;border:1px solid #dce2ec;border-radius:10px;padding:9px 10px;background:#fff;color:#172034}.bloom-online-feedback-14m{display:grid;gap:6px;margin-top:14px}.bloom-online-grade-actions-14m{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:-22px;margin:18px -22px -22px;padding:14px 22px;background:rgba(247,249,252,.96);border-top:1px solid #e2e6ee;backdrop-filter:blur(8px)}

.student-bloom-online-card-14m{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:18px 20px;border-radius:19px;border:1px solid #dde3ee;background:#fff}.student-bloom-online-card-14m>div:first-child>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#7562db}.student-bloom-online-card-14m strong{display:block;margin-top:5px;font-size:20px;color:#151c2d}.student-bloom-online-card-14m p{margin:5px 0 0;color:#748099;line-height:1.55}.student-bloom-online-card-14m.is-ready{background:linear-gradient(130deg,#f8f6ff,#fff);border-color:#d8d0f6}.student-bloom-online-card-14m.is-progress{background:linear-gradient(130deg,#fff9e9,#fff);border-color:#efdfb5}.student-bloom-online-card-14m.is-review{background:#fff8f3;border-color:#efd8c8}.student-bloom-online-card-14m.is-graded{background:linear-gradient(130deg,#eefaf5,#fff);border-color:#cce9dc}.student-bloom-online-result-actions-14m{display:flex;gap:8px;flex-wrap:wrap}.student-online-mini-status-14m{display:inline-block;border-radius:999px;padding:3px 6px;font-style:normal;font-size:9px;font-weight:900}.student-online-mini-status-14m.is-progress{background:#fff1c8;color:#806000}.student-online-mini-status-14m.is-review{background:#ffeadf;color:#a34c1c}.student-online-mini-status-14m.is-graded{background:#e4f7ef;color:#147058}.student-online-mini-status-14m.is-ready{background:#eaf1ff;color:#3f61a7}.student-online-mini-status-14m.is-muted{background:#eef0f4;color:#788092}.student-bloom-test-card-14l.has-online-14m{box-shadow:0 8px 28px rgba(83,70,165,.08)}
.student-online-hero-14m{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:12px;padding:22px;border:1px solid #dfe4ee;border-radius:22px;background:linear-gradient(145deg,#fff,#f6f5ff)}.student-online-hero-14m>button,.student-online-result-hero-14m>button{align-self:start;border:0;background:#edf0f6;border-radius:10px;padding:8px 11px;color:#51607c;font-weight:800;cursor:pointer}.student-online-hero-14m>div:nth-child(2)>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#6c58d2}.student-online-hero-14m h1{margin:5px 0 4px;font-size:31px;color:#121829}.student-online-hero-14m p{margin:0;color:#7a849b}.student-online-timer-14m{min-width:128px;text-align:center;border:1px solid #d8def0;border-radius:18px;background:#fff;padding:12px 16px}.student-online-timer-14m small{display:block;color:#8791aa;font-size:9px;font-weight:900;letter-spacing:.11em}.student-online-timer-14m strong{display:block;margin-top:3px;font:700 27px 'JetBrains Mono',monospace;color:#273254}.student-online-timer-14m.is-warning{background:#fff2e9;border-color:#efc5aa}.student-online-timer-14m.is-warning strong{color:#a4471b}
.student-online-progress-14m{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:11px 15px;border-radius:15px;background:#fff;border:1px solid #e1e6ef}.student-online-progress-14m>div:first-child span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#8b95aa}.student-online-progress-14m>div:first-child strong{display:block;margin-top:2px;color:#1d263b}.student-online-progressbar-14m{height:7px;border-radius:999px;background:#edf0f5;overflow:hidden}.student-online-progressbar-14m i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7160d8,#8d74e9);transition:width .2s}.student-online-progress-14m>span{font-size:11px;color:#7a859d}
.student-online-question-list-14m{display:grid;gap:12px}.student-online-question-14m{padding:20px;border:1px solid #dfe5ef;border-radius:20px;background:#fff}.student-online-qhead-14m{display:flex;align-items:center;gap:10px}.student-online-qhead-14m>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#161c2f;color:#fff;font-weight:900}.student-online-qhead-14m>div{flex:1}.student-online-qhead-14m small{display:block;color:#8a94aa}.student-online-qhead-14m strong{display:block;margin-top:1px;color:#526079;font-size:11px}.student-online-qhead-14m>b{font-size:10px;color:#6d7890}.student-online-qhead-14m>b.is-saving{color:#9b6b00}.student-online-qhead-14m>b.is-error{color:#b24141}.student-online-question-14m h2{margin:16px 0;font-size:18px;line-height:1.55;color:#151c2e}
.student-online-options-14m{display:grid;gap:8px}.student-online-options-14m label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e0e5ef;border-radius:13px;background:#fbfcff;cursor:pointer}.student-online-options-14m label:has(input:checked){border-color:#a99be6;background:#f7f4ff}.student-online-options-14m input{width:17px;height:17px;accent-color:#6f5ad5}.student-online-options-14m b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#edf0f6;color:#414d68;font-size:11px}.student-online-options-14m span{color:#263047;line-height:1.45}.student-online-binary-14m{display:flex;gap:10px}.student-online-binary-14m label{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border:1px solid #dfe5ef;border-radius:12px;background:#fbfcff;font-weight:800;color:#39445f;cursor:pointer}.student-online-binary-14m label:has(input:checked){border-color:#a99be6;background:#f6f3ff;color:#5946bc}.student-online-short-14m,.student-online-long-14m{width:100%;border:1px solid #d8dfeb;border-radius:13px;background:#fbfcff;padding:12px 13px;color:#1b2439;font:500 14px/1.55 'Public Sans',sans-serif;resize:vertical}.student-online-short-14m:focus,.student-online-long-14m:focus{outline:2px solid rgba(111,90,213,.16);border-color:#9e8fe2}
.student-online-submitbar-14m{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding:13px 15px;border:1px solid #d8dfea;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 12px 38px rgba(31,39,67,.13);backdrop-filter:blur(10px)}.student-online-submitbar-14m strong{display:block;color:#1a2134}.student-online-submitbar-14m span{display:block;margin-top:2px;color:#7e899f;font-size:11px}
.student-online-result-hero-14m{position:relative;padding:24px;border-radius:23px;border:1px solid #dfe5ed;background:#fff}.student-online-result-hero-14m>span{display:block;margin-top:20px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#6e5bd1}.student-online-result-hero-14m h1{margin:5px 0;font-size:31px;color:#141a2b}.student-online-result-hero-14m h2{margin:12px 0 4px;color:#2b344b}.student-online-result-hero-14m p{margin:5px 0;color:#77839a}.student-online-result-hero-14m.is-graded{background:linear-gradient(135deg,#effaf6,#fff)}.student-online-result-hero-14m.is-pending{background:linear-gradient(135deg,#fff8ed,#fff)}.student-online-result-score-14m{display:flex;align-items:baseline;gap:7px;margin-top:14px}.student-online-result-score-14m strong{font:700 52px/1 'Bebas Neue',sans-serif;letter-spacing:.03em;color:#1b6f59}.student-online-result-score-14m span{color:#66758c}.student-online-result-score-14m b{margin-left:12px;border-radius:999px;padding:7px 10px;background:#dff4ec;color:#136d55}
.student-online-bloom-result-14m,.student-online-feedback-result-14m,.student-online-result-answers-14m{margin-top:14px;padding:19px;border-radius:19px;border:1px solid #e0e5ee;background:#fff}.student-online-bloom-result-14m>div:first-child>span,.student-online-feedback-result-14m>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#735fce}.student-online-bloom-result-14m h2,.student-online-result-answers-14m h2{margin:4px 0 14px;color:#171e31}.student-online-bloom-result-14m>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.student-online-bloom-result-14m article{padding:12px;border:1px solid #e3e7ef;border-radius:13px}.student-online-bloom-result-14m article>span{display:block;font-size:10px;font-weight:800;color:#7f899e}.student-online-bloom-result-14m article>strong{display:block;margin-top:3px;font-size:22px;color:#262e45}.student-online-bloom-result-14m article>small{color:#8a94a8}.student-online-bloom-result-14m article>i{display:block;height:5px;margin-top:8px;background:#edf0f5;border-radius:999px;overflow:hidden}.student-online-bloom-result-14m article>i>b{display:block;height:100%;background:#6d5bd1;border-radius:inherit}.student-online-feedback-result-14m p{margin:8px 0 0;line-height:1.65;color:#30394f;white-space:pre-wrap}.student-online-result-answers-14m{display:grid;gap:9px}.student-online-result-answers-14m>h2{margin-bottom:3px}.student-online-result-answers-14m article{padding:13px;border-radius:13px;background:#f7f9fc;border:1px solid #e7ebf2}.student-online-result-answers-14m article>div{display:flex;justify-content:space-between;align-items:center}.student-online-result-answers-14m article>div span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#20273a;color:#fff;font-weight:900}.student-online-result-answers-14m article>div strong{font-size:11px;color:#58657d}.student-online-result-answers-14m h3{font-size:14px;line-height:1.5;color:#232b41}.student-online-result-answers-14m p{margin:0;white-space:pre-wrap;color:#5b667d;line-height:1.55}

@media(max-width:980px){.bloom-online-assign-grid-14m{grid-template-columns:1fr}.bloom-online-kpis-14m{grid-template-columns:repeat(2,1fr)}.bloom-online-assignment-list-14m article{grid-template-columns:1fr auto auto}.bloom-online-assignment-list-14m article>button{grid-row:2}.bloom-online-grade-summary-14m{grid-template-columns:repeat(2,1fr)}.student-online-bloom-result-14m>div:last-child{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.bloom-online-head-14m,.student-bloom-online-card-14m{flex-direction:column;align-items:stretch}.bloom-online-kpis-14m{grid-template-columns:repeat(2,1fr)}.bloom-online-student-grid-14m{grid-template-columns:1fr;max-height:330px}.bloom-online-students-head-14m{align-items:flex-start;flex-direction:column}.bloom-online-assignment-list-14m article{grid-template-columns:1fr auto}.bloom-online-assignment-list-14m article>b{grid-column:2}.bloom-online-grade-backdrop-14m{padding:0}.bloom-online-grade-modal-14m{height:100dvh;max-height:none;border-radius:0;padding:16px}.bloom-online-grade-fields-14m{grid-template-columns:1fr}.bloom-online-grade-actions-14m{margin:18px -16px -16px;padding:12px 16px;flex-wrap:wrap}.student-online-hero-14m{grid-template-columns:1fr}.student-online-hero-14m>button{justify-self:start}.student-online-timer-14m{width:100%}.student-online-progress-14m{grid-template-columns:auto 1fr}.student-online-progress-14m>span{grid-column:1/-1}.student-online-binary-14m{flex-direction:column}.student-online-submitbar-14m{bottom:6px;align-items:stretch;flex-direction:column}.student-online-submitbar-14m button{width:100%}.student-online-bloom-result-14m>div:last-child{grid-template-columns:1fr}.student-online-result-score-14m{flex-wrap:wrap}.student-online-result-score-14m b{margin-left:0}.student-bloom-online-result-actions-14m{width:100%}.student-bloom-online-result-actions-14m button{flex:1}}
.student-home-online-14m{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 16px;padding:16px 18px;border:1px solid #d9d2f5;border-radius:18px;background:linear-gradient(125deg,#f8f5ff,#fff);text-align:left;cursor:pointer;box-shadow:0 9px 28px rgba(84,68,170,.07)}.student-home-online-14m>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#6a57d2;color:#fff}.student-home-online-14m>span svg{width:22px;height:22px}.student-home-online-14m small{display:block;color:#7460d3;font-size:9px;font-weight:900;letter-spacing:.12em}.student-home-online-14m strong{display:block;margin-top:3px;color:#181e30;font-size:17px}.student-home-online-14m p{margin:3px 0 0;color:#7b859b;font-size:12px}.student-home-online-14m>b{color:#6452c8;font-size:12px}@media(max-width:620px){.student-home-online-14m{grid-template-columns:auto 1fr}.student-home-online-14m>b{grid-column:2}}

/* ========================================================================
   15A — TRAJNA MEMORIJA UČENJA · ZNAM / PONOVI KASNIJE
   ======================================================================== */
.student-memory-panel-15a{margin:0 0 16px;padding:18px 20px;border:1px solid #dbe2ef;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f7f9ff 62%,#f7f3ff 100%);box-shadow:0 8px 26px rgba(30,43,77,.045)}
.student-memory-head-15a{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.student-memory-head-15a>div>span{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:#6c57ce}.student-memory-head-15a h3{margin:5px 0 0;font-size:18px;line-height:1.35;color:#151c2f}.student-memory-head-15a>small{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#e8f7f1;color:#197057;font-size:9px;font-weight:900;letter-spacing:.06em}
.student-memory-kpis-15a{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.student-memory-kpis-15a article{padding:12px 13px;border:1px solid #e1e6ef;border-radius:14px;background:rgba(255,255,255,.9)}.student-memory-kpis-15a strong{display:block;font-size:23px;line-height:1;color:#1b2439}.student-memory-kpis-15a span{display:block;margin-top:5px;font-size:9px;font-weight:800;letter-spacing:.05em;color:#818ba1}.student-memory-kpis-15a .is-known{border-color:#cce9dc;background:#f5fcf9}.student-memory-kpis-15a .is-known strong{color:#187056}.student-memory-kpis-15a .is-repeat{border-color:#f0d5a9;background:#fffaf2}.student-memory-kpis-15a .is-repeat strong{color:#9a6512}.student-memory-kpis-15a .is-new strong{color:#526078}.student-memory-kpis-15a .is-quiz{border-color:#d9d2f2;background:#faf8ff}.student-memory-kpis-15a .is-quiz strong{color:#6551c7}
.student-memory-panel-15a>p{margin:13px 0 0;padding-top:12px;border-top:1px solid #e7eaf1;color:#737e94;font-size:10px;line-height:1.6}.student-memory-panel-15a>p b{color:#3b4660}.student-memory-panel-15a>p em{font-style:normal;font-weight:800;color:#6651c5}
.student-memory-missing-15a{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:14px 16px;border:1px solid #ead7aa;border-radius:17px;background:#fffaf0}.student-memory-missing-15a>div:first-child{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff0cd;color:#986d19}.student-memory-missing-15a svg{width:20px;height:20px}.student-memory-missing-15a>div:last-child{display:grid;gap:3px}.student-memory-missing-15a strong{font-size:12px;color:#6c531e}.student-memory-missing-15a span{font-size:10px;line-height:1.5;color:#8a7447}
.student-review-card-meta-14e{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.student-review-card-meta-14e>span{flex:1;min-width:220px}.student-memory-status-15a{flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:8px!important;font-weight:900;letter-spacing:.06em;white-space:nowrap}.student-memory-status-15a.is-new{background:#eef1f6;color:#68748b}.student-memory-status-15a.is-known{background:#def4ea;color:#176f55}.student-memory-status-15a.is-repeat{background:#fff0d3;color:#956315}
.student-memory-history-15a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 3px}.student-memory-history-15a>div{padding:11px 12px;border-radius:13px;border:1px solid #e3e7ef;background:#f8faff}.student-memory-history-15a small{display:block;font-size:7px!important;font-weight:900;letter-spacing:.1em;color:#8a94a9}.student-memory-history-15a strong{display:block!important;margin:4px 0 2px!important;font-size:18px!important;line-height:1!important;color:#273149!important}.student-memory-history-15a span{display:block!important;font-size:8px!important;color:#7c879d!important}
.student-review-actions-15a button{position:relative;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.student-review-actions-15a button:hover:not(:disabled){transform:translateY(-1px)}.student-review-actions-15a button.is-current{box-shadow:inset 0 0 0 2px rgba(79,62,171,.12)}.student-review-actions-15a button[data-student-review-mark-14e="REPEAT"].is-current{border-color:#e6bd70;background:#fff5df;color:#865811}.student-review-actions-15a button.is-known.is-current{border-color:#78c9aa;background:#eaf9f3;color:#12674e}.student-review-actions-15a button:disabled{opacity:.65;cursor:wait}
.student-memory-finish-15a{display:grid;gap:4px;margin:14px auto 2px;padding:10px 14px;max-width:430px;border-radius:13px;background:#f5f7fb;border:1px solid #e2e7ef}.student-memory-finish-15a span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#8a94a8}.student-memory-finish-15a b{font-size:11px;color:#3d4860}
@media(max-width:720px){.student-memory-kpis-15a{grid-template-columns:repeat(2,minmax(0,1fr))}.student-memory-history-15a{grid-template-columns:1fr}.student-memory-head-15a{flex-direction:column}.student-memory-head-15a>small{align-self:flex-start}.student-review-card-meta-14e>span{min-width:0;width:100%}.student-memory-status-15a{margin-left:0}}

/* ==========================================================================
   15B — RAZMAKNUTO PONAVLJANJE / SPACED REPETITION
   ========================================================================== */
.student-spaced-panel-15b{position:relative;overflow:hidden}.student-spaced-panel-15b:after{content:"";position:absolute;right:-54px;top:-62px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(72,93,216,.08),rgba(72,93,216,0) 70%);pointer-events:none}
.student-spaced-summary-15b{display:grid;grid-template-columns:minmax(0,150px) minmax(0,170px) 1fr;gap:9px;margin-top:10px}.student-spaced-summary-15b>article,.student-spaced-rule-15b{border:1px solid #e1e6ef;border-radius:14px;background:#fff;padding:11px 13px;min-width:0}.student-spaced-summary-15b>article small{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:#9099ad}.student-spaced-summary-15b>article strong{display:block;margin:4px 0 3px;font-size:19px;line-height:1;color:#28334d}.student-spaced-summary-15b>article span{display:block;font-size:8px;line-height:1.45;color:#7d879c}.student-spaced-summary-15b>article.is-due{border-color:#f1c3ba;background:#fff7f5}.student-spaced-summary-15b>article.is-due strong{color:#b74b3e}.student-spaced-rule-15b{display:flex;align-items:center;gap:10px;background:#f7f8fc}.student-spaced-rule-15b b{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;color:#4e5b78}.student-spaced-rule-15b b svg{width:15px;height:15px;color:#6555c7}.student-spaced-rule-15b span{font-size:8px;line-height:1.55;color:#7a859b}
.student-spaced-missing-15b{display:flex;gap:8px;align-items:center;margin-top:10px;padding:10px 12px;border:1px dashed #ddc98f;border-radius:13px;background:#fffbef}.student-spaced-missing-15b strong{font-size:9px;color:#755b18}.student-spaced-missing-15b span{font-size:8px;line-height:1.45;color:#8a7748}
.student-spaced-card-15b{display:grid;grid-template-columns:1fr minmax(110px,.36fr);gap:8px;margin:10px 0 2px}.student-spaced-card-15b>div{padding:11px 12px;border:1px solid #e1e6ef;border-radius:13px;background:#f8faff}.student-spaced-card-15b small{display:block;font-size:7px!important;font-weight:900;letter-spacing:.1em;color:#8a95a9}.student-spaced-card-15b strong{display:block!important;margin:4px 0 2px!important;font-size:13px!important;line-height:1.25!important;color:#34405a!important}.student-spaced-card-15b span{display:block!important;font-size:8px!important;line-height:1.45;color:#7d879c!important}.student-spaced-card-15b.is-due>div:first-child{border-color:#efc8bf;background:#fff7f5}.student-spaced-card-15b.is-due>div:first-child strong{color:#b3493e!important}.student-spaced-card-15b.is-upcoming>div:first-child{border-color:#d9d5f2;background:#faf9ff}.student-spaced-card-15b.is-upcoming>div:first-child strong{color:#5c50b6!important}
@media(max-width:760px){.student-spaced-summary-15b{grid-template-columns:repeat(2,minmax(0,1fr))}.student-spaced-rule-15b{grid-column:1/-1;align-items:flex-start}.student-spaced-card-15b{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.student-spaced-summary-15b{grid-template-columns:1fr}.student-spaced-rule-15b{grid-column:auto;flex-direction:column}.student-spaced-card-15b{grid-template-columns:1fr}}

/* ==========================================================================
   15C — DANAS ZA PONAVLJANJE · DNEVNI GLOBALNI KRUG
   ========================================================================== */
.student-daily-home-15c{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:18px 20px;border:1px solid #d8e1ef;border-radius:21px;background:linear-gradient(125deg,#fff 0%,#f7faff 58%,#f5f3ff 100%);text-align:left;cursor:pointer;color:inherit;box-shadow:0 10px 30px rgba(29,45,86,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.student-daily-home-15c:hover{transform:translateY(-1px);border-color:#bfcbed;box-shadow:0 14px 34px rgba(29,45,86,.09)}
.student-daily-home-15c.is-ready{border-color:#c9d5ff;background:linear-gradient(125deg,#f7f9ff,#fff 55%,#f3f0ff)}.student-daily-home-15c.is-later{border-color:#ddd7ef;background:linear-gradient(125deg,#fbfaff,#fff)}.student-daily-home-15c.is-done{border-color:#cde8dc;background:linear-gradient(125deg,#f7fcfa,#fff)}
.student-daily-home-icon-15c{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#344fc5;color:#fff}.student-daily-home-15c.is-later .student-daily-home-icon-15c{background:#7966c7}.student-daily-home-15c.is-done .student-daily-home-icon-15c{background:#2c8a69}.student-daily-home-icon-15c svg{width:24px;height:24px}
.student-daily-home-copy-15c{min-width:0}.student-daily-home-copy-15c>small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#586fc9}.student-daily-home-copy-15c>strong{display:block;margin-top:4px;font-size:19px;line-height:1.25;color:#172036}.student-daily-home-copy-15c>p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#7a869b}
.student-daily-home-chips-15c{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.student-daily-chip-15c{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #dfe5ef}.student-daily-chip-15c b{font-size:8px;color:#58647b}.student-daily-chip-15c em{font-style:normal;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#eef2ff;color:#3654c6;font-size:8px;font-weight:900}.student-daily-chip-15c.is-muted{font-size:8px;color:#8a94a6}
.student-daily-home-side-15c{display:grid;justify-items:end;gap:9px;min-width:112px}.student-daily-home-side-15c>span{display:grid;justify-items:end}.student-daily-home-side-15c>span strong{font-size:22px;line-height:1;color:#293650}.student-daily-home-side-15c>span small{margin-top:3px;font-size:8px;color:#8a95a8}.student-daily-home-side-15c>b{font-size:10px;color:#3453ca}

.student-daily-hero-15c{margin-bottom:16px;padding:22px;border:1px solid #d9e2f0;border-radius:23px;background:linear-gradient(135deg,#fff,#f7f9ff 62%,#f5f2ff);box-shadow:0 9px 28px rgba(24,40,82,.045)}.student-daily-hero-top-15c{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:16px}.student-daily-hero-top-15c>button{border:0;background:transparent;padding:3px 0;color:#64718a;font-size:9px;font-weight:900;cursor:pointer}.student-daily-hero-top-15c>div:nth-child(2)>span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#5e56be}.student-daily-hero-top-15c h1{margin:5px 0 4px;font-size:28px;line-height:1.15;color:#171f33}.student-daily-hero-top-15c p{margin:0;color:#7b869b;font-size:11px}.student-daily-zero-15c{display:grid;justify-items:center;padding:8px 11px;border-radius:13px;background:#e9f7f1;border:1px solid #caebdc}.student-daily-zero-15c b{font-size:14px;color:#197159}.student-daily-zero-15c small{font-size:7px;font-weight:900;letter-spacing:.08em;color:#4e927d}
.student-daily-kpis-15c{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.student-daily-kpis-15c article{padding:12px 13px;border:1px solid #e0e6ef;border-radius:14px;background:rgba(255,255,255,.9)}.student-daily-kpis-15c strong{display:block;font-size:22px;color:#25314a}.student-daily-kpis-15c span{display:block;margin-top:4px;font-size:8px;font-weight:800;color:#8792a6}.student-daily-kpis-15c .is-due{border-color:#edc8c0;background:#fff7f5}.student-daily-kpis-15c .is-due strong{color:#b34c40}.student-daily-kpis-15c .is-done{border-color:#cae8db;background:#f5fcf9}.student-daily-kpis-15c .is-done strong{color:#25765e}.student-daily-progress-15c{height:5px;margin-top:14px;border-radius:999px;background:#e7eaf2;overflow:hidden}.student-daily-progress-15c span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#405bd0,#745ec7)}

.student-daily-card-15c{padding:21px 22px;border:1px solid #dae2ef;border-radius:23px;background:#fff;box-shadow:0 8px 28px rgba(25,39,75,.045)}.student-daily-card-15c>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.student-daily-card-15c>header>div:first-child{display:grid;gap:3px}.student-daily-card-15c>header>div:first-child>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#556cc3}.student-daily-card-15c>header>div:first-child>strong{font-size:12px;color:#2f3b54}.student-daily-card-15c>header>div:first-child>small{font-size:8px;color:#919bad}.student-daily-card-15c>header>div:last-child{display:grid;justify-items:end;gap:3px}.student-daily-card-15c>header>div:last-child>b{font-size:14px;color:#1f2c46}.student-daily-card-15c>header>div:last-child>span{font-size:8px;color:#8994a8}.student-daily-card-progress-15c{height:4px;margin:13px 0 21px;border-radius:999px;background:#e8ebf2;overflow:hidden}.student-daily-card-progress-15c span{display:block;height:100%;background:#405bd0;border-radius:inherit}
.student-daily-question-15c{max-width:850px;margin:0 auto;text-align:center;padding:18px 10px 22px}.student-daily-question-15c small{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#929baf}.student-daily-question-15c h2{margin:9px 0 0;font-size:21px;line-height:1.45;color:#172034}
.student-daily-reveal-15c{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto;padding:12px 18px;border:0;border-radius:13px;background:#334fc6;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.student-daily-reveal-15c svg{width:17px;height:17px}
.student-daily-answer-15c{margin-top:5px;padding:18px;border-radius:18px;background:#f7f9fd;border:1px solid #e0e6ef}.student-daily-answer-15c>span{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#24745c}.student-daily-answer-15c h3{display:flex;gap:9px;align-items:flex-start;margin:7px 0 13px;font-size:15px;line-height:1.5;color:#1c283e}.student-daily-answer-15c h3>b{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#2b8366;color:#fff;font-size:10px}.student-daily-options-15c{display:grid;grid-template-columns:1fr 1fr;gap:7px}.student-daily-options-15c>div{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:11px;background:#fff;border:1px solid #e1e6ee}.student-daily-options-15c>div>b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eef1f6;color:#657189;font-size:8px}.student-daily-options-15c>div>span{font-size:9px;line-height:1.45;color:#59657b}.student-daily-options-15c>div.is-correct{border-color:#bde2d3;background:#f4fbf8}.student-daily-options-15c>div.is-correct>b{background:#2d8669;color:#fff}.student-daily-answer-15c>p{margin:12px 0 0;font-size:9px;line-height:1.6;color:#67738a}.student-daily-answer-15c blockquote{margin:11px 0 0;padding:10px 12px;border-left:3px solid #8090d7;background:#fff;font-size:9px;line-height:1.55;color:#6d7890}.student-daily-answer-actions-15c{display:flex;justify-content:flex-end;margin-top:10px}.student-daily-answer-actions-15c button{padding:8px 11px;border:1px solid #d8e0ed;border-radius:10px;background:#fff;color:#50617e;font-size:8px;font-weight:900;cursor:pointer}
.student-daily-decision-15c{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.student-daily-decision-15c button{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 15px;border:1px solid #e8cf9e;border-radius:14px;background:#fff9ef;color:#8d6119;cursor:pointer}.student-daily-decision-15c button.is-known{border-color:#bfe1d4;background:#f2fbf7;color:#1d755a}.student-daily-decision-15c button svg{width:20px;height:20px}.student-daily-decision-15c button span{display:grid;text-align:left;gap:2px}.student-daily-decision-15c button strong{font-size:10px}.student-daily-decision-15c button small{font-size:8px;font-weight:500;opacity:.78}.student-daily-decision-15c button:disabled{opacity:.6;cursor:wait}

.student-daily-empty-15c{display:grid;justify-items:center;text-align:center;gap:7px;padding:40px 22px;border:1px solid #dce4ef;border-radius:22px;background:#fff}.student-daily-empty-15c>div:first-child{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#eaf7f2;color:#26775e}.student-daily-empty-15c.is-waiting>div:first-child{background:#f3efff;color:#6d59c4}.student-daily-empty-15c svg{width:25px;height:25px}.student-daily-empty-15c>span{margin-top:5px;font-size:8px;font-weight:900;letter-spacing:.12em;color:#6b7b9a}.student-daily-empty-15c h2{margin:1px 0;font-size:20px;color:#1a2439}.student-daily-empty-15c p{max-width:620px;margin:0;font-size:10px;line-height:1.65;color:#79859b}.student-daily-empty-15c button{margin-top:8px;padding:10px 14px;border:0;border-radius:11px;background:#334fc6;color:#fff;font-size:9px;font-weight:900;cursor:pointer}
.student-daily-subjects-15c{margin-top:16px;padding:18px 20px;border:1px solid #dfe5ee;border-radius:20px;background:#fff}.student-daily-subjects-15c>div:first-child>span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;color:#7281a2}.student-daily-subjects-15c h2{margin:4px 0 13px;font-size:16px;color:#202b41}.student-daily-subjects-15c>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.student-daily-subjects-15c article{padding:11px 12px;border:1px solid #e1e6ef;border-radius:13px;background:#f9fafe}.student-daily-subjects-15c article span{display:block;font-size:8px;font-weight:900;color:#65728c}.student-daily-subjects-15c article strong{display:block;margin:4px 0 2px;font-size:20px;color:#2d3951}.student-daily-subjects-15c article small{font-size:7px;color:#929bad}.student-daily-subjects-15c>div:last-child>p{font-size:9px;color:#8590a4}

@media(max-width:800px){.student-daily-home-15c{grid-template-columns:auto 1fr}.student-daily-home-side-15c{grid-column:2;grid-template-columns:auto auto;align-items:center;justify-self:stretch;justify-content:space-between}.student-daily-home-side-15c>span{justify-items:start}.student-daily-hero-top-15c{grid-template-columns:1fr auto}.student-daily-hero-top-15c>button{grid-column:1/-1;justify-self:start}.student-daily-kpis-15c{grid-template-columns:1fr 1fr}.student-daily-subjects-15c>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.student-daily-home-15c{padding:15px;gap:12px}.student-daily-home-icon-15c{width:44px;height:44px;border-radius:13px}.student-daily-home-copy-15c>strong{font-size:16px}.student-daily-home-chips-15c{grid-column:1/-1}.student-daily-hero-15c{padding:17px}.student-daily-hero-top-15c h1{font-size:23px}.student-daily-kpis-15c{grid-template-columns:1fr 1fr}.student-daily-card-15c{padding:16px}.student-daily-card-15c>header{flex-direction:column}.student-daily-card-15c>header>div:last-child{justify-items:start}.student-daily-question-15c h2{font-size:18px}.student-daily-options-15c{grid-template-columns:1fr}.student-daily-decision-15c{grid-template-columns:1fr}.student-daily-subjects-15c>div:last-child{grid-template-columns:1fr}.student-daily-home-side-15c{grid-column:1/-1}}

/* ========================================================================
   15D — EXPLAINABLE MASTERY / STVARNA SAVLADANOST
   ======================================================================== */
.student-mastery-ring-15d{--mastery:0;position:relative;width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#3e5bc8 calc(var(--mastery)*1%),#e8ecf4 0);isolation:isolate}.student-mastery-ring-15d:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;z-index:-1}.student-mastery-ring-15d strong{font-size:18px;line-height:1;color:#25324c}.student-mastery-ring-15d small{margin-top:3px;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8b96aa}.student-mastery-ring-15d.is-large{width:108px;height:108px;flex-basis:108px}.student-mastery-ring-15d.is-large:before{inset:9px}.student-mastery-ring-15d.is-large strong{font-size:27px}.student-mastery-ring-15d.is-large small{font-size:8px}
.student-lesson-mastery-15d{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #dce3ef;border-radius:18px;background:linear-gradient(135deg,#fff,#f7f9ff);box-shadow:0 6px 20px rgba(25,39,75,.035)}.student-lesson-mastery-15d.is-stable{border-color:#bfe3d5;background:linear-gradient(135deg,#f9fffc,#f2faf7)}.student-lesson-mastery-15d.is-strong{border-color:#c9d8f7}.student-lesson-mastery-15d.is-developing,.student-lesson-mastery-15d.is-starting{border-color:#ead9b9;background:linear-gradient(135deg,#fff,#fffaf1)}.student-lesson-mastery-copy-15d{min-width:0}.student-lesson-mastery-copy-15d>span{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#5c6eb7}.student-lesson-mastery-copy-15d>strong{display:block;margin-top:3px;font-size:15px;color:#202c43}.student-lesson-mastery-copy-15d>p{margin:4px 0 6px;font-size:9px;line-height:1.5;color:#77849a}.student-lesson-mastery-copy-15d>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.student-lesson-mastery-copy-15d>div b,.student-lesson-mastery-copy-15d>div em,.student-lesson-mastery-copy-15d>div small{font-size:8px;font-style:normal}.student-lesson-mastery-copy-15d>div b{color:#43516b}.student-lesson-mastery-copy-15d>div em{padding:4px 7px;border-radius:999px;background:#eef2f9;color:#65738c}.student-lesson-mastery-copy-15d>div small{font-weight:900;color:#2d8065}.student-lesson-mastery-copy-15d>div small.is-down{color:#b14e4e}.student-mastery-toggle-15d{border:1px solid #d8e0ec;border-radius:11px;background:#fff;color:#52617a;padding:9px 11px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}.student-mastery-toggle-15d span{margin-left:4px}.student-lesson-mastery-15d.is-open .student-mastery-toggle-15d span{display:inline-block;transform:rotate(180deg)}.student-mastery-details-15d{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:13px;border-top:1px dashed #dfe5ef}.student-mastery-details-15d[hidden]{display:none!important}.student-mastery-details-15d article{padding:9px 10px;border:1px solid #e1e6ef;border-radius:12px;background:#fff}.student-mastery-details-15d article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.student-mastery-details-15d article span{font-size:8px;font-weight:900;color:#69768d}.student-mastery-details-15d article b{font-size:10px;color:#2c3850}.student-mastery-details-15d article i{display:block;height:4px;margin:7px 0 5px;border-radius:999px;background:#edf0f5;overflow:hidden}.student-mastery-details-15d article em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#405bd0,#6b5bc7)}.student-mastery-details-15d article small{font-size:7px;color:#929cad}.student-mastery-action-15d{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f3f6ff;border:1px solid #dbe3fa;color:#3551bd}.student-mastery-action-15d>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e5ebff}.student-mastery-action-15d svg{width:16px;height:16px}.student-mastery-action-15d small{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;color:#7484bc}.student-mastery-action-15d strong{display:block;margin-top:2px;font-size:9px;color:#344b9f}.student-lesson-mastery-15d.is-disabled{grid-template-columns:auto 1fr;padding:12px 14px}.student-lesson-mastery-15d.is-disabled>div{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0f2f7;color:#788499}.student-lesson-mastery-15d.is-disabled svg{width:19px;height:19px}.student-lesson-mastery-15d.is-disabled span{display:grid;gap:2px}.student-lesson-mastery-15d.is-disabled small{font-size:7px;font-weight:900;color:#8a94a6}.student-lesson-mastery-15d.is-disabled strong{font-size:10px;color:#4b576d}.student-lesson-mastery-15d.is-disabled em{font-size:8px;font-style:normal;color:#929bad}
.student-mastery-overview-15d{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:16px 0;padding:22px;border:1px solid #d9e1ee;border-radius:23px;background:linear-gradient(135deg,#fff 0%,#f8f9ff 62%,#f6f3ff 100%);box-shadow:0 8px 28px rgba(27,42,78,.045)}.student-mastery-overview-copy-15d>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#645abe}.student-mastery-overview-copy-15d h2{margin:4px 0 5px;font-size:21px;color:#1c273d}.student-mastery-overview-copy-15d p{max-width:760px;margin:0;font-size:9px;line-height:1.65;color:#78859b}.student-mastery-overview-copy-15d>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}.student-mastery-overview-copy-15d b,.student-mastery-overview-copy-15d em{font-size:8px;font-style:normal}.student-mastery-overview-copy-15d b{color:#33475f}.student-mastery-overview-copy-15d em{padding-left:9px;border-left:1px solid #d9dfeb;color:#8490a4}.student-mastery-trust-15d{min-width:125px;padding:13px 14px;border-radius:15px;background:#fff;border:1px solid #e0e6ef;text-align:center}.student-mastery-trust-15d strong{display:block;font-size:22px;color:#2b3953}.student-mastery-trust-15d span{display:block;margin-top:4px;font-size:7px;line-height:1.35;color:#8b95a8}.student-mastery-overview-15d.is-disabled,.student-mastery-overview-15d.is-empty{grid-template-columns:auto 1fr;gap:12px}.student-mastery-overview-15d.is-disabled>div,.student-mastery-overview-15d.is-empty>div{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef1f7;color:#6f7c93}.student-mastery-overview-15d.is-disabled strong,.student-mastery-overview-15d.is-empty strong{font-size:12px;color:#39465c}.student-mastery-overview-15d.is-disabled span,.student-mastery-overview-15d.is-empty span{font-size:9px;color:#8792a5}
.student-subject-mastery-card-15d>b{color:#334fc6}.student-mastery-lesson-row-15d{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e0e5ed;border-radius:13px;background:#fff;text-align:left;cursor:pointer;margin-bottom:7px}.student-mastery-lesson-row-15d>span{display:grid;gap:2px;min-width:0}.student-mastery-lesson-row-15d small{font-size:7px;color:#8a95a8}.student-mastery-lesson-row-15d strong{font-size:10px;color:#2f3c54}.student-mastery-lesson-row-15d em{font-size:7px;font-style:normal;color:#7c889e}.student-mastery-lesson-row-15d>b{font-size:17px;color:#a84c4c}.student-mastery-lesson-row-15d.is-strong>b{color:#25775f}.student-admin-progress-kpis-14f .is-mastery-15d{border-color:#cbd7f5;background:#f7f9ff}.student-admin-progress-kpis-14f .is-mastery-15d strong{color:#344fc4}.student-admin-mastery-15d{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:16px 18px;border:1px solid #d9e1ef;border-radius:17px;background:linear-gradient(135deg,#fff,#f7f9ff)}.student-admin-mastery-15d span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#625db6}.student-admin-mastery-15d h3{margin:3px 0;font-size:15px;color:#243149}.student-admin-mastery-15d p{margin:0;max-width:640px;font-size:8px;line-height:1.55;color:#8290a4}
@media(max-width:900px){.student-mastery-details-15d{grid-template-columns:1fr 1fr 1fr}.student-mastery-overview-15d{grid-template-columns:auto 1fr}.student-mastery-trust-15d{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px}.student-mastery-trust-15d strong{font-size:18px}.student-mastery-trust-15d span{margin:0}}
@media(max-width:620px){.student-lesson-mastery-15d{grid-template-columns:auto 1fr}.student-mastery-toggle-15d{grid-column:1/-1;width:100%}.student-mastery-details-15d{grid-template-columns:1fr 1fr}.student-mastery-action-15d{grid-column:1/-1}.student-mastery-overview-15d{grid-template-columns:1fr;justify-items:start}.student-mastery-ring-15d.is-large{width:88px;height:88px;flex-basis:88px}.student-mastery-trust-15d{grid-column:auto;width:100%;box-sizing:border-box}.student-admin-mastery-15d{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.student-mastery-details-15d{grid-template-columns:1fr}.student-lesson-mastery-15d{padding:12px}.student-mastery-ring-15d{width:65px;height:65px;flex-basis:65px}.student-mastery-ring-15d strong{font-size:15px}.student-lesson-mastery-copy-15d>p{font-size:8px}}
.student-mastery-bloom-15d{margin:16px 0;padding:18px 20px;border:1px solid #dfe5ef;border-radius:20px;background:#fff}.student-mastery-bloom-15d>.student-section-head-14d{margin-bottom:13px}.student-mastery-bloom-15d>.student-section-head-14d>small{font-size:8px;color:#909bad}.student-mastery-bloom-grid-15d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.student-mastery-bloom-grid-15d article{padding:11px 12px;border:1px solid #e1e6ef;border-radius:13px;background:#fafbfe}.student-mastery-bloom-grid-15d article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.student-mastery-bloom-grid-15d strong{font-size:9px;color:#4d5a70}.student-mastery-bloom-grid-15d b{font-size:11px;color:#344fc6}.student-mastery-bloom-grid-15d article>span{display:block;height:4px;margin-top:8px;border-radius:999px;background:#e8ecf4;overflow:hidden}.student-mastery-bloom-grid-15d i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#405bd0,#735bc6)}.student-mastery-bloom-15d.is-empty{display:grid;grid-template-columns:auto 1fr;gap:12px}.student-mastery-bloom-15d.is-empty span{font-size:8px;font-weight:900;color:#756fb3}.student-mastery-bloom-15d.is-empty h2{margin:3px 0;font-size:16px;color:#263249}.student-mastery-bloom-15d.is-empty p{margin:0;align-self:center;font-size:9px;line-height:1.6;color:#8792a5}.student-lesson-bloom-profile-15d{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;padding:9px 10px;border:1px dashed #dce3ef;border-radius:11px;background:#fbfcff}.student-lesson-bloom-profile-15d span{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#fff;border:1px solid #e1e6ef}.student-lesson-bloom-profile-15d b,.student-lesson-bloom-profile-15d em{font-size:7px;font-style:normal}.student-lesson-bloom-profile-15d b{color:#65728a}.student-lesson-bloom-profile-15d em{font-weight:900;color:#405bc4}
@media(max-width:700px){.student-mastery-bloom-grid-15d{grid-template-columns:1fr 1fr}}@media(max-width:430px){.student-mastery-bloom-grid-15d{grid-template-columns:1fr}}

/* ========================================================================
   15E — Smart Quiz 2.0
   ======================================================================== */
.student-smart-signals-15e article{min-width:0}
.student-smart-signals-15e article strong{font-variant-numeric:tabular-nums}
.student-smart-explain-15e{display:flex;gap:14px;align-items:flex-start;margin:14px 0 18px;padding:15px 17px;border:1px solid rgba(83,99,255,.18);border-radius:18px;background:linear-gradient(135deg,rgba(83,99,255,.08),rgba(123,92,255,.035))}
.student-smart-explain-15e>span,.student-smart-explain-15e>span svg{width:22px;height:22px;flex:0 0 22px}
.student-smart-explain-15e strong{display:block;margin-bottom:4px;font-size:14px}
.student-smart-explain-15e p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.quiz-smart-profile-15e{grid-template-columns:repeat(5,minmax(0,1fr))}
.quiz-smart-explain-15e{border-color:rgba(91,91,214,.2);background:linear-gradient(135deg,rgba(91,91,214,.09),rgba(112,68,213,.035))}
.quiz-smart-next-15e{border-top-color:rgba(91,91,214,.28)}
.quiz-strategy-card-13b:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.65)}
.quiz-smart-plan-15e{margin:16px 0 20px;padding:18px;border:1px solid rgba(91,91,214,.18);border-radius:22px;background:linear-gradient(145deg,rgba(91,91,214,.075),rgba(255,255,255,.02));box-shadow:0 10px 28px rgba(24,27,58,.045)}
.quiz-smart-plan-head-15e{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.quiz-smart-plan-head-15e>span,.quiz-smart-plan-head-15e svg{width:25px;height:25px;flex:0 0 25px}
.quiz-smart-plan-head-15e small{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}
.quiz-smart-plan-head-15e strong{display:block;font-size:15px}
.quiz-smart-plan-reasons-15e{display:flex;flex-wrap:wrap;gap:8px}
.quiz-smart-plan-reasons-15e>span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.quiz-smart-plan-reasons-15e>span b{font-size:13px;color:var(--text)}
.quiz-smart-plan-focus-15e{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.quiz-smart-plan-focus-15e>div{display:flex;flex-direction:column;gap:5px}
.quiz-smart-plan-focus-15e small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.quiz-smart-plan-focus-15e b{font-size:12px;font-weight:650}
.quiz-smart-plan-focus-15e em{font-style:normal;color:var(--muted);font-weight:700;margin-left:4px}
.quiz-smart-why-15e{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:13px 14px;border-radius:16px;border:1px solid rgba(91,91,214,.16);background:rgba(91,91,214,.055)}
.quiz-smart-why-15e>span,.quiz-smart-why-15e svg{width:20px;height:20px;flex:0 0 20px}
.quiz-smart-why-15e small{display:block;font-size:9px;font-weight:850;letter-spacing:.11em;color:var(--muted);margin-bottom:3px}
.quiz-smart-why-15e strong{display:block;font-size:13px;margin-bottom:3px}
.quiz-smart-why-15e p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.quiz-smart-result-reason-15e{display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;padding:5px 8px;border-radius:999px;background:rgba(91,91,214,.07);border:1px solid rgba(91,91,214,.14);font-size:10px;font-weight:750;color:var(--muted)}
.quiz-smart-result-reason-15e svg{width:13px;height:13px}
@media(max-width:900px){.quiz-smart-profile-15e{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-smart-plan-focus-15e{grid-template-columns:1fr}}
@media(max-width:560px){.student-smart-explain-15e{border-radius:15px}.quiz-smart-plan-15e{padding:14px;border-radius:18px}.quiz-smart-plan-reasons-15e>span{font-size:11px}.quiz-smart-plan-focus-15e{gap:9px}}

/* ========================================================================== 
   15E-R2 · API COST CONTROL + BATCH DEFAULTS
   ========================================================================== */
.fact-ai-mode-switch-15e2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.fact-ai-mode-switch-15e2 button{border:1px solid var(--line,#dfe5ec);background:var(--surface,#fff);border-radius:14px;padding:12px 14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:.18s ease}
.fact-ai-mode-switch-15e2 button strong{font-size:.82rem;letter-spacing:.06em}
.fact-ai-mode-switch-15e2 button span{font-size:.76rem;color:var(--muted,#6b7280);line-height:1.35}
.fact-ai-mode-switch-15e2 button.is-active{border-color:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 12%,transparent)}
.fact-ai-mode-switch-15e2 button[data-fact-execution-mode="BATCH"].is-active,.fact-ai-mode-switch-15e2 button[data-fact-validation-mode="BATCH"].is-active{color:#5b3fd1;background:#f7f5ff}

.question-bulk-15e2{margin-bottom:18px;overflow:hidden}
.question-bulk-head-15e2{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.question-bulk-head-15e2 h2{margin:4px 0 7px;font-size:1.45rem}
.question-bulk-head-15e2 p{margin:0;max-width:850px;color:var(--muted,#667085);line-height:1.55}
.question-bulk-badge-15e2{flex:none;border-radius:999px;padding:8px 11px;background:#eee9ff;color:#5b3fd1;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.question-bulk-grid-15e2{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(170px,.7fr) minmax(180px,.7fr);gap:12px;margin-top:18px;align-items:stretch}
.question-bulk-grid-15e2 label{display:flex;flex-direction:column;gap:7px}
.question-bulk-grid-15e2 label>span{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--muted,#667085)}
.question-bulk-grid-15e2 select{width:100%;min-height:46px;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--surface,#fff);padding:0 12px}
.question-bulk-summary-15e2{border:1px solid var(--line,#dfe5ec);border-radius:14px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;background:#fafbfc}
.question-bulk-summary-15e2 strong{font-size:1.55rem;grid-row:1/3}
.question-bulk-summary-15e2 span{font-weight:700;font-size:.82rem}.question-bulk-summary-15e2 small{color:var(--muted,#667085);font-size:.74rem}
.question-bulk-note-15e2{margin:12px 0;background:#f8fafc;border-left:3px solid #7c5ce5;padding:10px 12px;border-radius:8px;color:#586174;font-size:.82rem;line-height:1.45}
.question-bulk-start-15e2{width:100%;justify-content:center}

.api-usage-loading-15e2{display:flex;align-items:center;gap:15px;min-height:120px}.api-usage-loading-15e2 .lesson-loading{margin:0}
.api-usage-hero-15e2{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(360px,1.25fr);gap:14px;margin-bottom:16px}
.api-usage-total-15e2,.api-usage-kpis-15e2,.api-usage-authority-15e2{border:1px solid var(--line,#dfe5ec);background:var(--surface,#fff);border-radius:18px;padding:18px}
.api-usage-total-15e2{grid-row:1/3;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#171a26,#2d214f);color:#fff;border:0}
.api-usage-total-15e2>span{font-size:.72rem;font-weight:800;letter-spacing:.1em;opacity:.7}.api-usage-total-15e2>strong{font-size:2.8rem;line-height:1.1;margin:8px 0}.api-usage-total-15e2>small{opacity:.72;line-height:1.4}
.api-usage-kpis-15e2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.api-usage-kpis-15e2 div{padding:8px 10px;border-right:1px solid var(--line,#e5e7eb)}.api-usage-kpis-15e2 div:last-child{border-right:0}.api-usage-kpis-15e2 span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--muted,#667085)}.api-usage-kpis-15e2 strong{display:block;font-size:1.35rem;margin-top:5px}
.api-usage-authority-15e2{padding:14px 18px;display:flex;gap:10px;align-items:flex-start}.api-usage-authority-15e2 strong{white-space:nowrap;font-size:.84rem}.api-usage-authority-15e2 span{font-size:.8rem;color:var(--muted,#667085);line-height:1.45}
.api-usage-period-15e2{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.api-usage-period-15e2 h2{margin:3px 0 0}.api-usage-period-15e2 select{min-width:140px;border:1px solid var(--line,#dfe5ec);border-radius:12px;padding:10px;background:var(--surface,#fff)}
.api-usage-daily-15e2{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.api-usage-day-row-15e2{display:grid;grid-template-columns:92px minmax(120px,1fr) 90px 100px;gap:10px;align-items:center}.api-usage-day-row-15e2>span{font-size:.78rem;color:var(--muted,#667085)}.api-usage-day-row-15e2>strong{text-align:right}.api-usage-day-row-15e2>small{text-align:right;color:var(--muted,#667085)}
.api-usage-bar-track-15e2,.api-usage-mini-bar-15e2{height:8px;background:#edf0f4;border-radius:999px;overflow:hidden}.api-usage-bar-track-15e2 i,.api-usage-mini-bar-15e2 i{height:100%;display:block;background:linear-gradient(90deg,#7c5ce5,#a989ff);border-radius:inherit}
.api-usage-two-15e2{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:16px}.api-usage-breakdown-15e2,.api-usage-models-15e2{display:flex;flex-direction:column;gap:10px}.api-usage-break-row-15e2{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(90px,.7fr) 90px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#edf0f4)}.api-usage-break-row-15e2:last-child{border-bottom:0}.api-usage-break-row-15e2>div:first-child strong{margin-right:7px}.api-usage-break-row-15e2 small{display:block;color:var(--muted,#667085);font-size:.72rem;margin-top:4px}.api-usage-break-row-15e2>strong{text-align:right}
.api-usage-mode-15e2{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:800;letter-spacing:.06em;background:#eef2f6;color:#526071}.api-usage-mode-15e2.is-batch{background:#eee9ff;color:#5b3fd1}.api-usage-mode-15e2.is-standard{background:#e8f3ff;color:#2368a2}
.api-usage-models-15e2>div{padding:11px 0;border-bottom:1px solid var(--line,#edf0f4);position:relative}.api-usage-models-15e2>div:last-child{border:0}.api-usage-models-15e2>div>div{display:flex;gap:8px;align-items:center}.api-usage-models-15e2 small{display:block;color:var(--muted,#667085);padding-right:80px;margin-top:4px;line-height:1.35}.api-usage-models-15e2 b{position:absolute;right:0;bottom:13px}
.api-usage-price-grid-15e2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.api-usage-price-grid-15e2 article{border:1px solid var(--line,#e1e6ed);border-radius:14px;padding:14px}.api-usage-price-grid-15e2 h3{margin:0 0 2px}.api-usage-price-grid-15e2 article>small{color:var(--muted,#667085)}.api-usage-price-grid-15e2 article>div{margin-top:12px;display:flex;flex-direction:column;gap:3px;padding:9px;border-radius:10px;background:#f8fafc}.api-usage-price-grid-15e2 article>div.is-batch{background:#f3efff}.api-usage-price-grid-15e2 article>div span{font-size:.65rem;font-weight:800;letter-spacing:.07em;color:var(--muted,#667085)}.api-usage-price-grid-15e2 article>div b{font-size:.8rem}
.api-usage-recent-15e2{margin-top:16px}.api-usage-table-wrap-15e2{overflow:auto}.api-usage-table-wrap-15e2 table{width:100%;border-collapse:collapse;min-width:880px}.api-usage-table-wrap-15e2 th,.api-usage-table-wrap-15e2 td{padding:10px;border-bottom:1px solid var(--line,#edf0f4);text-align:left;font-size:.76rem}.api-usage-table-wrap-15e2 th{font-size:.65rem;letter-spacing:.06em;color:var(--muted,#667085);position:sticky;top:0;background:var(--surface,#fff)}.api-usage-footnote-15e2{margin:14px 0 5px;padding:11px 13px;border-radius:11px;background:#fff8e8;color:#785c18;font-size:.78rem;line-height:1.45}

@media(max-width:900px){
  .question-bulk-grid-15e2{grid-template-columns:1fr 1fr}.question-bulk-summary-15e2{grid-column:1/-1}
  .api-usage-hero-15e2{grid-template-columns:1fr}.api-usage-total-15e2{grid-row:auto}.api-usage-two-15e2{grid-template-columns:1fr}.api-usage-price-grid-15e2{grid-template-columns:1fr}.api-usage-authority-15e2{flex-direction:column}.api-usage-kpis-15e2{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .fact-ai-mode-switch-15e2,.question-bulk-grid-15e2{grid-template-columns:1fr}.question-bulk-summary-15e2{grid-column:auto}.question-bulk-head-15e2{flex-direction:column}.question-bulk-badge-15e2{align-self:flex-start}
  .api-usage-kpis-15e2{grid-template-columns:1fr}.api-usage-kpis-15e2 div{border-right:0;border-bottom:1px solid var(--line,#e5e7eb)}.api-usage-kpis-15e2 div:last-child{border-bottom:0}.api-usage-day-row-15e2{grid-template-columns:76px 1fr 72px}.api-usage-day-row-15e2>small{grid-column:2/-1;text-align:left}.api-usage-break-row-15e2{grid-template-columns:1fr 80px}.api-usage-mini-bar-15e2{grid-column:1/-1;grid-row:2}.api-usage-period-15e2{align-items:flex-end}.api-usage-period-15e2 h2{font-size:1.2rem}
}

/* ========================================================================== 
   15E-R2-R1 · API DASHBOARD VISUAL REDESIGN
   Cleaner density, stronger hierarchy, no full-width empty cards.
   ========================================================================== */
.api-usage-page-15e2{
  width:min(100%,1440px);
  margin:0 auto;
}
.api-usage-page-15e2>.page-head{margin-bottom:20px}
.api-usage-page-15e2>.page-head .page-sub{max-width:760px}

.api-usage-summary-grid-15e2{
  display:grid;
  grid-template-columns:minmax(250px,1.25fr) repeat(3,minmax(170px,.75fr));
  gap:14px;
  margin-bottom:14px;
}
.api-usage-summary-card-15e2{
  min-height:132px;
  padding:20px 21px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(28,45,85,.045);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.api-usage-summary-card-15e2>span,
.api-usage-summary-top-15e2{
  font-size:10px;
  font-weight:850;
  letter-spacing:.13em;
  color:var(--muted);
}
.api-usage-summary-card-15e2>strong{
  margin-top:9px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.025em;
  color:var(--ink);
}
.api-usage-summary-card-15e2>small{
  margin-top:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}
.api-usage-summary-card-15e2.is-primary{
  background:linear-gradient(135deg,#253b95 0%,#4d46c8 58%,#6d4bd8 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 16px 34px rgba(63,66,176,.18);
}
.api-usage-summary-card-15e2.is-primary::after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  right:-75px;top:-90px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025);
}
.api-usage-summary-card-15e2.is-primary strong{color:#fff;font-size:38px;position:relative;z-index:1}
.api-usage-summary-card-15e2.is-primary small{color:rgba(255,255,255,.70);position:relative;z-index:1}
.api-usage-summary-top-15e2{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);position:relative;z-index:1}
.api-usage-summary-dot-15e2{width:7px;height:7px;border-radius:50%;background:#b7c4ff;box-shadow:0 0 0 5px rgba(183,196,255,.12)}

.api-usage-source-note-15e2{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 15px;
  margin-bottom:16px;
  border:1px solid #d9e4fb;
  border-radius:15px;
  background:#f7f9ff;
}
.api-usage-source-icon-15e2{
  flex:0 0 28px;
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#e8edff;
  color:var(--blue);
  font-size:13px;
  font-weight:900;
}
.api-usage-source-note-15e2 strong{display:block;font-size:12px;color:#26324d}
.api-usage-source-note-15e2 span{display:block;margin-top:3px;font-size:11px;line-height:1.45;color:var(--muted)}

.api-usage-chart-panel-15e2,
.api-usage-operations-panel-15e2,
.api-usage-model-panel-15e2,
.api-usage-recent-15e2,
.api-usage-pricing-details-15e2{box-shadow:0 8px 24px rgba(28,45,85,.04)}

.api-usage-panel-head-15e2{
  min-height:78px;
  padding:17px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--line);
}
.api-usage-panel-head-15e2.is-compact{min-height:72px;padding:16px 18px}
.api-usage-panel-head-15e2 h2{margin:3px 0 0;font-size:18px;line-height:1.2;color:var(--ink)}
.api-usage-panel-head-15e2 p{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--muted)}
.api-usage-eyebrow-15e2{display:block;font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--blue);text-transform:uppercase}
.api-usage-period-control-15e2{display:flex;align-items:center;gap:10px;flex:none}
.api-usage-period-control-15e2>span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.api-usage-period-control-15e2 select{
  min-width:124px;
  height:40px;
  padding:0 34px 0 12px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:#fff;
  color:var(--ink);
  outline:none;
}
.api-usage-period-control-15e2 select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,82,216,.09)}

.api-usage-daily-list-15e2{display:grid;gap:0;padding:4px 18px 10px}
.api-usage-day-15e2{
  display:grid;
  grid-template-columns:150px minmax(160px,1fr) 92px;
  gap:14px;
  align-items:center;
  min-height:54px;
  border-bottom:1px solid #edf1f7;
}
.api-usage-day-15e2:last-child{border-bottom:0}
.api-usage-day-date-15e2 strong{display:block;font-size:12px;color:#394259}
.api-usage-day-date-15e2 small{display:block;margin-top:2px;font-size:10px;color:var(--muted)}
.api-usage-day-bar-15e2{height:7px;background:#eef2f7;border-radius:999px;overflow:hidden}
.api-usage-day-bar-15e2 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a62dc,#8a63ee)}
.api-usage-day-cost-15e2{text-align:right;font-size:14px;color:#2c3650}

.api-usage-insights-grid-15e2{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.api-usage-operation-list-15e2{padding:0 18px 8px}
.api-usage-operation-row-15e2{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  column-gap:16px;
  row-gap:8px;
  padding:14px 0;
  border-bottom:1px solid #edf1f7;
}
.api-usage-operation-row-15e2:last-child{border-bottom:0}
.api-usage-operation-title-15e2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.api-usage-operation-title-15e2>strong{font-size:12.5px;color:#273149}
.api-usage-operation-main-15e2>small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}
.api-usage-operation-value-15e2{text-align:right}
.api-usage-operation-value-15e2>strong{display:block;font-size:13.5px;color:#273149}
.api-usage-operation-value-15e2>small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}
.api-usage-operation-bar-15e2{grid-column:1/-1;height:5px;background:#eef2f7;border-radius:999px;overflow:hidden}
.api-usage-operation-bar-15e2 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5368df,#8a63ee)}

.api-usage-mode-15e2{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:0 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#eef2f6;
  color:#526071;
  white-space:nowrap;
}
.api-usage-mode-15e2.is-batch{background:#eee9ff;color:#6544d7}
.api-usage-mode-15e2.is-standard{background:#e8f3ff;color:#2368a2}

.api-usage-model-card-list-15e2{display:grid;gap:10px;padding:14px}
.api-usage-model-card-15e2{
  padding:14px;
  border:1px solid #e2e7f0;
  border-radius:15px;
  background:#fbfcff;
}
.api-usage-model-top-15e2{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.api-usage-model-top-15e2>div{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.api-usage-model-top-15e2 strong{font-size:12.5px;color:#273149}
.api-usage-model-top-15e2>b{font-size:15px;color:#273149;white-space:nowrap}
.api-usage-model-stats-15e2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid #e8ecf4}
.api-usage-model-stats-15e2 span{min-width:0}
.api-usage-model-stats-15e2 b{display:block;font-size:10px;color:#3c465e;overflow:hidden;text-overflow:ellipsis}
.api-usage-model-stats-15e2 small{display:block;margin-top:2px;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}

.api-usage-pricing-details-15e2{margin-top:16px;overflow:hidden}
.api-usage-pricing-details-15e2>summary{
  min-height:72px;
  padding:15px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.api-usage-pricing-details-15e2>summary::-webkit-details-marker{display:none}
.api-usage-pricing-details-15e2>summary strong{display:block;margin-top:3px;font-size:15px;color:var(--ink)}
.api-usage-pricing-details-15e2>summary small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:var(--muted)}
.api-usage-chevron-15e2{flex:none;width:30px;height:30px;border-radius:9px;background:#f1f4f9;display:grid;place-items:center;color:#67728b;font-size:16px;transition:transform var(--ease)}
.api-usage-pricing-details-15e2[open] .api-usage-chevron-15e2{transform:rotate(180deg)}
.api-usage-pricing-details-15e2[open]>summary{border-bottom:1px solid var(--line)}
.api-usage-price-grid-15e2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}
.api-usage-price-grid-15e2 article{border:1px solid #e1e6ef;border-radius:15px;padding:14px;background:#fff}
.api-usage-price-title-15e2 h3{margin:0;font-size:14px;color:#303a52}
.api-usage-price-title-15e2 small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}
.api-usage-price-pair-15e2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.api-usage-price-pair-15e2 section{padding:10px;border-radius:11px;background:#f7f9fc}
.api-usage-price-pair-15e2 section.is-batch{background:#f3efff}
.api-usage-price-pair-15e2 span{display:block;margin-bottom:6px;font-size:8px;font-weight:900;letter-spacing:.09em;color:var(--muted)}
.api-usage-price-pair-15e2 b{display:block;font-size:10px;line-height:1.45;color:#3b445a}

.api-usage-recent-15e2{margin-top:16px}
.api-usage-table-wrap-15e2{max-height:430px;overflow:auto}
.api-usage-table-wrap-15e2 table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}
.api-usage-table-wrap-15e2 th,
.api-usage-table-wrap-15e2 td{padding:11px 16px;border-bottom:1px solid #edf1f7;text-align:left;font-size:10.5px;color:#4c566f;white-space:nowrap}
.api-usage-table-wrap-15e2 th{position:sticky;top:0;z-index:2;background:#f8faff;font-size:8.5px;font-weight:900;letter-spacing:.09em;color:#8994ad;text-transform:uppercase}
.api-usage-table-wrap-15e2 td strong{font-size:10.5px;color:#303a52}
.api-usage-time-cell-15e2{font-variant-numeric:tabular-nums;color:#69748c!important}
.api-usage-table-wrap-15e2 tbody tr:hover td{background:#fafbfe}

.api-usage-empty-15e2{padding:30px 18px;text-align:center;color:var(--muted);font-size:11px}
.api-usage-footnote-15e2{margin:14px 0 0;padding:11px 13px;border:1px solid #f0dfad;border-radius:12px;background:#fffaf0;color:#795d1d;font-size:10.5px;line-height:1.45}

@media(max-width:1180px){
  .api-usage-summary-grid-15e2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .api-usage-summary-card-15e2.is-primary{grid-row:span 1}
  .api-usage-insights-grid-15e2{grid-template-columns:1fr}
  .api-usage-model-card-list-15e2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .api-usage-page-15e2>.page-head{margin-bottom:16px}
  .api-usage-summary-grid-15e2{grid-template-columns:1fr 1fr;gap:10px}
  .api-usage-summary-card-15e2{min-height:112px;padding:16px;border-radius:17px}
  .api-usage-summary-card-15e2.is-primary{grid-column:1/-1;min-height:126px}
  .api-usage-panel-head-15e2{align-items:flex-start;flex-direction:column;gap:12px}
  .api-usage-period-control-15e2{width:100%;justify-content:space-between}
  .api-usage-period-control-15e2 select{min-width:130px}
  .api-usage-day-15e2{grid-template-columns:112px 1fr 74px;gap:9px}
  .api-usage-price-grid-15e2{grid-template-columns:1fr}
  .api-usage-model-card-list-15e2{grid-template-columns:1fr}
}
@media(max-width:560px){
  .api-usage-summary-grid-15e2{grid-template-columns:1fr}
  .api-usage-summary-card-15e2.is-primary{grid-column:auto}
  .api-usage-summary-card-15e2>strong{font-size:27px}
  .api-usage-summary-card-15e2.is-primary strong{font-size:34px}
  .api-usage-source-note-15e2{padding:12px}
  .api-usage-day-15e2{grid-template-columns:1fr 78px;padding:10px 0;row-gap:7px}
  .api-usage-day-bar-15e2{grid-column:1/-1;grid-row:2}
  .api-usage-day-cost-15e2{grid-column:2;grid-row:1}
  .api-usage-operation-row-15e2{grid-template-columns:1fr 90px;column-gap:8px}
  .api-usage-operation-main-15e2>small{font-size:9px}
  .api-usage-model-stats-15e2{grid-template-columns:1fr 1fr 1fr}
  .api-usage-price-pair-15e2{grid-template-columns:1fr}
  .api-usage-pricing-details-15e2>summary small{display:none}
  .api-usage-table-wrap-15e2{max-height:360px}
}

/* ========================================================================== 
   15E-R2-R2 · QUESTIONS WORKSPACE REDESIGN
   Professional admin workspace: compact hierarchy, product copy, less noise.
   ========================================================================== */

/* Page rhythm */
.question-bulk-15e2,
.question-single-card-15e2,
.question-validation-panel{
  border-color:#e2e7ef;
  box-shadow:0 10px 30px rgba(30,46,80,.045);
}

.question-workspace-card-15e2{
  position:relative;
  overflow:hidden;
  margin-bottom:16px;
  border-radius:20px;
}

.question-workspace-head-15e2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px 18px;
  border-bottom:1px solid #edf0f4;
  background:#fff;
}

.question-workspace-title-15e2{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.question-workspace-icon-15e2{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border:1px solid #dfe5f0;
  border-radius:13px;
  background:#f7f9fc;
  color:#30435f;
}
.question-workspace-icon-15e2 svg{width:20px;height:20px}
.question-workspace-icon-15e2.is-single{background:#f2f5ff;color:#3154c8;border-color:#dfe6ff}
.question-workspace-icon-15e2.is-validation{background:#eef9f5;color:#19765f;border-color:#d9eee7}

.question-workspace-eyebrow-15e2{
  margin-bottom:3px;
  color:#7d879a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}
.question-workspace-title-15e2 h2{
  margin:0;
  color:#1c2638;
  font-size:22px;
  line-height:1.12;
}
.question-workspace-title-15e2 p{
  margin:5px 0 0;
  color:#78849a;
  font-size:12px;
  line-height:1.45;
}

.question-workspace-mode-15e2{
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  border:1px solid #dfd8f4;
  border-radius:999px;
  background:#f7f4ff;
  color:#6044b6;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}
.question-workspace-mode-15e2>span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px rgba(96,68,182,.08);
}

/* All-lessons generator */
.question-bulk-15e2{padding:0}
.question-bulk-grid-15e2.question-workspace-grid-15e2{
  display:grid;
  grid-template-columns:minmax(360px,1.65fr) minmax(180px,.55fr) minmax(260px,.75fr);
  gap:12px;
  align-items:stretch;
  margin:0;
  padding:18px 24px;
  background:#fbfcfe;
}
.question-workspace-field-15e2{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}
.question-workspace-field-15e2>span,
.question-workspace-lesson-15e2>label{
  color:#737f94;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
}
.question-workspace-field-15e2 select,
.question-workspace-lesson-15e2 select{
  width:100%;
  min-height:48px;
  padding:0 42px 0 14px;
  border:1px solid #dce2eb;
  border-radius:12px;
  background-color:#fff;
  color:#202c40;
  font-size:13px;
  font-weight:650;
  box-shadow:0 1px 2px rgba(28,43,71,.02);
}
.question-workspace-field-15e2 select:focus,
.question-workspace-lesson-15e2 select:focus{
  outline:none;
  border-color:#9aabe2;
  box-shadow:0 0 0 3px rgba(49,84,200,.08);
}
.question-workspace-count-15e2 select{font-variant-numeric:tabular-nums}

.question-bulk-summary-15e2.question-workspace-summary-15e2{
  min-height:73px;
  padding:10px 15px;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:14px;
  align-items:center;
  border:1px solid #e0e5ec;
  border-radius:14px;
  background:#fff;
}
.question-workspace-summary-15e2>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.question-workspace-summary-15e2 strong{
  color:#273348;
  font-size:22px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.question-workspace-summary-15e2 span{
  color:#8a94a6;
  font-size:10px;
  font-weight:700;
}
.question-workspace-summary-15e2>i{
  width:1px;
  height:32px;
  display:block;
  background:#e8ecf2;
}

.question-workspace-footer-15e2{
  min-height:70px;
  padding:12px 24px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid #edf0f4;
  background:#fff;
}
.question-workspace-hint-15e2{
  color:#8a94a6;
  font-size:11px;
  line-height:1.4;
}
.question-workspace-primary-15e2{
  width:auto;
  min-width:250px;
  min-height:46px;
  margin:0;
  padding:0 18px;
  border-radius:12px;
  justify-content:center;
  font-size:13px;
  box-shadow:none;
}
.question-workspace-primary-15e2 svg{width:17px;height:17px}

/* One-lesson generator */
.question-single-card-15e2{overflow:hidden}
.question-generator-head.question-single-head-15e2{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,520px);
  align-items:center;
  gap:24px;
  padding:20px 24px;
  border-bottom:1px solid #edf0f4;
}
.question-workspace-lesson-15e2{
  min-width:0;
}
.question-workspace-lesson-15e2>label{display:block;margin-bottom:7px}
.question-workspace-lesson-15e2 small{
  display:block;
  margin-top:6px;
  color:#98a1b1;
  font-size:9px;
}
.question-generator-body{
  padding:18px 24px 20px;
  background:#fbfcfe;
}
.question-field-label{
  margin-bottom:8px;
  color:#737f94;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
}
.question-mode-switch{
  display:flex;
  gap:8px;
  max-width:560px;
}
.question-mode-btn{
  min-height:56px;
  flex:1 1 0;
  padding:10px 13px;
  border:1px solid #dfe4ec;
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}
.question-mode-btn:hover{transform:none;border-color:#bcc7d9;background:#fcfdff}
.question-mode-btn.is-active{
  border-color:#9fb1ef;
  background:#f2f5ff;
  box-shadow:inset 0 0 0 1px rgba(49,84,200,.06);
  color:#2f50bc;
}
.question-mode-btn.is-batch.is-active{
  border-color:#c8b9eb;
  background:#f7f4ff;
  box-shadow:inset 0 0 0 1px rgba(96,68,182,.05);
  color:#6044b6;
}
.question-mode-name{
  font-family:"Public Sans",system-ui,sans-serif;
  font-size:12px;
  font-weight:850;
  letter-spacing:.06em;
}
.question-mode-btn small{
  margin-top:4px;
  color:#919bab;
  font-size:9px;
  line-height:1.3;
}
.question-mode-btn.is-active small,
.question-mode-btn.is-batch.is-active small{color:#78849e}

.question-12c-control-grid{
  grid-template-columns:1.15fr .75fr .72fr;
  gap:10px;
  margin-top:14px;
}
.question-control-field>span{
  margin-bottom:6px;
  color:#737f94;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
}
.question-control-field select{
  min-height:46px;
  border-color:#dce2eb;
  border-radius:12px;
  font-size:12px;
  font-weight:650;
}

.question-config-footer-15e2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e9edf3;
}
.question-config-summary-15e2{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  color:#7e899c;
  font-size:10px;
  font-weight:700;
}
.question-config-summary-15e2>i{
  width:3px;
  height:3px;
  display:block;
  border-radius:50%;
  background:#bac2cf;
}
.question-config-footer-15e2 .question-generate-btn{
  min-width:220px;
}

/* 12C quality control: concise, visual, no implementation prose */
.question-validation-panel{overflow:hidden}
.question-validation-head.question-validation-head-15e2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 24px;
  border-bottom:1px solid #edf0f4;
  background:#fff;
}
.question-validation-head-15e2 .question-workspace-title-15e2 h2{font-size:22px}
.question-validation-head-15e2 .question-workspace-title-15e2 p{font-size:12px}
.question-validation-checks-15e2{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.question-validation-checks-15e2 span{
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #dceae4;
  border-radius:999px;
  background:#f7fbf9;
  color:#4b7569;
  font-size:9px;
  font-weight:800;
}
.question-validation-checks-15e2 svg{width:12px;height:12px}
.question-validation-body{
  padding:18px 24px 20px;
  background:#fbfcfe;
}
.question-validation-footnote{
  margin-top:12px;
  padding:0;
  border:0;
  background:transparent;
  color:#8a94a6;
  font-size:10px;
  line-height:1.45;
}
.question-validation-footnote strong{color:inherit}
.question-validation-stats{
  margin-top:15px;
}
.question-validate-btn{
  min-height:48px;
  border-radius:12px;
  font-size:13px;
}
.question-anti-cue-audit-btn{
  margin-top:8px;
  min-height:40px;
  border-radius:11px;
}

/* Remove obsolete visual blocks if an older cached fragment survives. */
.question-bulk-note-15e2,
.question-validation-principle,
.question-generator-safety,
.question-combination-badge{display:none!important}

@media(max-width:980px){
  .question-bulk-grid-15e2.question-workspace-grid-15e2{
    grid-template-columns:minmax(0,1fr) minmax(160px,.42fr);
  }
  .question-workspace-summary-15e2{grid-column:1/-1}
  .question-generator-head.question-single-head-15e2{grid-template-columns:1fr}
}

@media(max-width:700px){
  .question-workspace-head-15e2,
  .question-validation-head.question-validation-head-15e2{
    align-items:flex-start;
    flex-direction:column;
    padding:18px;
  }
  .question-workspace-mode-15e2{align-self:flex-start}
  .question-bulk-grid-15e2.question-workspace-grid-15e2{grid-template-columns:1fr;padding:16px 18px}
  .question-workspace-summary-15e2{grid-column:auto}
  .question-workspace-footer-15e2{align-items:stretch;flex-direction:column;padding:12px 18px 18px}
  .question-workspace-primary-15e2{width:100%;min-width:0}
  .question-generator-head.question-single-head-15e2{padding:18px}
  .question-generator-body,.question-validation-body{padding:16px 18px 18px}
  .question-mode-switch{max-width:none}
  .question-12c-control-grid{grid-template-columns:1fr}
  .question-config-footer-15e2{align-items:stretch;flex-direction:column}
  .question-config-footer-15e2 .question-generate-btn{width:100%;min-width:0}
  .question-validation-checks-15e2{justify-content:flex-start}
}

@media(max-width:430px){
  .question-workspace-title-15e2{align-items:flex-start}
  .question-workspace-icon-15e2{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .question-workspace-title-15e2 h2{font-size:20px}
  .question-mode-switch{display:grid;grid-template-columns:1fr 1fr}
  .question-mode-btn{min-height:60px}
  .question-workspace-summary-15e2{gap:10px}
}

/* ========================================================================== 
   15E-R3 · CACHE COST GUARD
   Compact observability for prompt-cache writes/reads; dashboard layout stays R2.
   ========================================================================== */
.api-cache-policy-strip-15e3{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  margin:-4px 0 16px;
  padding:12px 14px;
  border:1px solid #dbe7e1;
  border-radius:15px;
  background:linear-gradient(135deg,#f7fbf9 0%,#fbfcff 100%);
}
.api-cache-policy-main-15e3{display:flex;align-items:center;gap:11px;min-width:0}
.api-cache-shield-15e3{
  flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;
  border-radius:10px;background:#e8f6ee;color:#177647;font-weight:900;font-size:13px;
}
.api-cache-policy-main-15e3 strong{display:block;color:#25334a;font-size:11.5px}
.api-cache-policy-main-15e3 small{display:block;margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.4}
.api-cache-policy-stat-15e3{padding-left:16px;border-left:1px solid #e2e8ef;text-align:right;min-width:116px}
.api-cache-policy-stat-15e3 span{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8b96aa}
.api-cache-policy-stat-15e3 strong{display:block;margin-top:3px;font-size:13px;color:#2f3a50;font-variant-numeric:tabular-nums}
.api-cache-rw-15e3{font-variant-numeric:tabular-nums;color:#5d6a80}
.api-usage-price-pair-15e2 section>small{display:block;margin-top:5px;font-size:8px;line-height:1.3;color:#8c96aa}
@media(max-width:820px){
  .api-cache-policy-strip-15e3{grid-template-columns:1fr 1fr;gap:10px}
  .api-cache-policy-main-15e3{grid-column:1/-1}
  .api-cache-policy-stat-15e3{text-align:left;padding:9px 10px;border-left:0;border-radius:10px;background:rgba(255,255,255,.72)}
}
@media(max-width:560px){
  .api-cache-policy-strip-15e3{grid-template-columns:1fr}
  .api-cache-policy-main-15e3{grid-column:auto}
}

/* ========================================================================
   15E-R3-R1 · 12D bulk accept clean questions
   ======================================================================== */
.question-bulk-accept-15e3{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border:1px solid #d8e3dc;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdfb 0%,#f5faf7 100%);
}
.question-bulk-accept-15e3>div{min-width:0}
.question-bulk-accept-15e3>div>span{
  display:block;
  margin-bottom:5px;
  color:#2f7a51;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
}
.question-bulk-accept-15e3>div>strong{
  display:block;
  color:#1c3328;
  font-size:16px;
  line-height:1.25;
}
.question-bulk-accept-15e3>div>small{
  display:block;
  margin-top:6px;
  color:#71807a;
  font-size:11px;
  line-height:1.45;
}
.question-bulk-accept-15e3 button{
  border:0;
  min-height:46px;
  padding:0 18px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:#1f8a58;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(31,138,88,.14);
}
.question-bulk-accept-15e3 button svg{width:17px;height:17px}
.question-bulk-accept-15e3 button:hover:not(:disabled){transform:translateY(-1px);background:#19764b}
.question-bulk-accept-15e3 button:disabled{cursor:not-allowed;box-shadow:none;background:#dce5e0;color:#8b9992}
.question-bulk-accept-15e3.is-empty{border-color:#e3e7eb;background:#fafbfc}
.question-bulk-accept-15e3.is-empty>div>span{color:#8b96a7}
.question-bulk-accept-15e3.is-empty>div>strong{color:#586579}
.question-bulk-accept-stack-15e3r842{min-width:0;display:grid;gap:10px}
.question-bulk-accept-15e3.is-confirmed-15e3r842{border-color:#cbd8fa;background:linear-gradient(180deg,#fbfcff 0%,#f3f6ff 100%)}
.question-bulk-accept-15e3.is-confirmed-15e3r842>div>span{color:#3156d9}
.question-bulk-accept-15e3.is-confirmed-15e3r842>div>strong{color:#1d2d59}
.question-bulk-accept-15e3.is-confirmed-15e3r842 button{background:#3156d9;box-shadow:0 8px 22px rgba(49,86,217,.16)}
.question-bulk-accept-15e3.is-confirmed-15e3r842 button:hover:not(:disabled){background:#284bc2}
@media(max-width:840px){
  .question-bulk-accept-stack-15e3r842{width:100%}
  .question-bulk-accept-15e3{grid-template-columns:1fr;padding:16px}
  .question-bulk-accept-15e3 button{width:100%;min-height:50px}
}

/* ================================================================
   15E-R3-R2 · AUTO QUALITY QUESTION COUNT
   ================================================================ */
.question-auto-count-field-15e3r2{align-self:stretch}
.question-auto-count-field-15e3r2>small{display:block;margin-top:7px;font-size:11px;line-height:1.45;color:var(--muted,#6f7b8a);max-width:340px}
.question-auto-count-field-15e3r2>small b{color:var(--text,#172033);font-weight:800}
.question-workspace-count-15e2 select option[value="AUTO"],
.question-auto-count-field-15e3r2 select option[value="AUTO"]{font-weight:800}
@media (max-width:760px){
  .question-auto-count-field-15e3r2>small{max-width:none;font-size:10.5px}
}


/* 15E-R3-R2-R1 · clearer textbook evidence in 12D (+25%) */
.question-review-card-12d .question-preview-evidence p{font-size:13.125px;line-height:1.62}
@media(max-width:840px){.question-review-card-12d .question-preview-evidence p{font-size:14.375px;line-height:1.62}}

/* ========================================================================
   15E-R3-R2-R2 · legacy bulk accept + explicit mobile action
   ======================================================================== */
@media(max-width:840px){
  .question-review-12d-head>div:first-child{order:2}
  .question-review-12d-head .question-bulk-accept-15e3{
    order:1;
    display:grid !important;
    width:100%;
    visibility:visible !important;
    opacity:1;
    margin:0;
    padding:16px;
  }
  .question-review-12d-head .question-bulk-accept-15e3 button{
    display:flex !important;
    width:100%;
    min-height:56px;
    font-size:15px;
    border-radius:14px;
  }
  .question-review-12d-head .question-bulk-accept-15e3>div>strong{font-size:18px}
  .question-review-12d-head .question-bulk-accept-15e3>div>small{font-size:13px;line-height:1.55}
}

/* ========================================================================== 
   R8.33.5 COMPLETE — ANDROID CHROME SCROLL HARDENING
   Mobile pages scroll on the document itself. Transient sheets/overlays must
   never leave the document permanently locked after navigation or re-render.
   ========================================================================== */
@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{
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y pinch-zoom;
  }
  /* Android Chrome can keep an overflow lock after a dynamically removed
     bottom sheet. Fixed overlays already intercept taps, so document scrolling
     stays enabled on mobile and cannot become permanently frozen. */
  body.mobile-more-open,
  body.subject-modal-open-14a,
  body.student-admin-progress-open-14f{
    overflow-y:auto!important;
  }
  .shell,.workspace,.main{
    height:auto!important;
    max-height:none!important;
  }
  .workspace,.main{
    overflow:visible!important;
  }
  .overlay{
    touch-action:none;
  }
  .sidebar.is-open,
  .mobile-more-sheet.is-open,
  .subject-modal-14a,
  .student-admin-progress-sheet-14f{
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
  }
}


/* R8.33.7 — textbook-faithful structured proof. Content remains verbatim. */
.question-preview-evidence .question-proof-structured-8337{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.question-preview-evidence .question-proof-block-8337{display:flex;flex-direction:column;gap:5px;white-space:pre-wrap}
.question-preview-evidence .question-proof-line-8337{display:block;white-space:pre-wrap;line-height:1.62;overflow-wrap:anywhere}


/* ==========================================================================
   R8.33.8 — DOKAZ readability (+50% minimum over inherited 8px)
   Scoped only to the admin question evidence card.
   Structured proof introduced in R8.33.7 inherited 8px from
   .question-preview-evidence > div because it no longer renders as <p>.
   ========================================================================== */
.question-review-card-12d .question-preview-evidence > div:first-child{
  font-size:12px;
  line-height:1.55;
}
.question-review-card-12d .question-preview-evidence .question-proof-structured-8337{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  text-transform:none;
  line-height:1.62;
  color:#66738b;
}
.question-review-card-12d .question-preview-evidence .question-proof-line-8337{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  text-transform:none;
  line-height:1.62;
  color:#66738b;
}
@media(max-width:840px){
  .question-review-card-12d .question-preview-evidence > div:first-child{font-size:12px;line-height:1.55}
  .question-review-card-12d .question-preview-evidence .question-proof-structured-8337,
  .question-review-card-12d .question-preview-evidence .question-proof-line-8337{font-size:14px;line-height:1.62}
}


/* ==========================================================================
   R8.33.11 — admin question stem readability (+30% only for the QUESTION text)
   Baseline: 16px desktop / 15px mobile. Answers keep their existing sizes.
   ========================================================================== */
.question-review-card-12d.question-preview-card h3{font-size:20.8px;line-height:1.45}
@media(max-width:840px){.question-review-card-12d.question-preview-card h3{font-size:19.5px;line-height:1.45}}


/* ==========================================================================
   R8.33.13 — COMPACT / ANDROID CHROME VERTICAL SCROLL RELIABILITY
   Native document scrolling remains primary. Hidden responsive layers cannot
   capture pointer/touch input; question content explicitly allows vertical pan.
   ========================================================================== */
@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}
}


.fact-completeness-actions-r83319{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.fact-completeness-actions-r83319 .is-paid-audit{border-color:#c9b8f5;background:#faf8ff;color:#5d45a8}
.fact-completeness-actions-r83319 .is-paid-audit:hover{background:#f3efff}
@media(max-width:760px){.fact-completeness-actions-r83319{grid-template-columns:1fr}}

/* R8.33.22 — exact Batch job selector */
.batch-selector-stack-83322{
  width:min(430px,42%);
  display:grid;
  gap:10px;
}
.batch-selector-stack-83322 .batch-book-selector-13f{width:100%}
@media(max-width:700px){
  .batch-selector-stack-83322{width:100%}
}

/* R8.33.24 — universal fact semantic relation labels; strict entailment/contrast gate */
.fact-quality-contained{border-color:#b9d8cf;background:#eef9f5;color:#23735f}
.fact-relation-contained{background:#eaf7f2;color:#246f5d}
.book-fact-semantic-row-83323{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.book-fact-semantic-row-83323+.book-fact-semantic-row-83323{border-top:1px solid rgba(120,135,160,.16)}
.book-fact-semantic-row-83323.relation-contained strong{color:#23735f}
.book-fact-semantic-row-83323.relation-contrast_pair strong{color:#6f4aa8}
.book-fact-semantic-row-83323.relation-related strong{color:#66738d}

.fact-duplicate-score small{margin-left:auto;color:#66738d;font-size:9px;font-weight:700;letter-spacing:0;text-transform:none}

/* R8.33.27 — direct-edge semantic compatibility; no visual redesign */

/* R8.34.2 — RELATED evidence precision + CLEAN readiness; no intentional visual redesign */

/* R8.34.2.1 — FACT generation recovery hotfix; no visual redesign */


/* R8.34.2.10 — visual question stimulus */
.question-stimulus-visual{margin:16px 0 20px;border:1px solid rgba(54,88,215,.18);border-radius:18px;background:#fbfcff;padding:12px;overflow:hidden}
.question-stimulus-visual .question-stimulus-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.76rem;font-weight:800;letter-spacing:.08em;color:#3458c7}
.question-stimulus-visual img{display:block;max-width:100%;width:auto;max-height:560px;height:auto;margin:0 auto;border-radius:12px;object-fit:contain;background:#fff}
.question-stimulus-visual.is-exam{margin:18px auto 24px;max-width:820px}
.question-stimulus-visual.is-exam img{max-height:620px}
.question-stimulus-visual.is-quiz{max-width:780px}
.question-visual-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eef3ff;color:#244ec9;font-size:.72rem;font-weight:800;letter-spacing:.04em}
@media(max-width:680px){.question-stimulus-visual{padding:8px;border-radius:14px}.question-stimulus-visual img{max-height:420px}.question-stimulus-visual .question-stimulus-label{font-size:.7rem}}

/* R8.34.2.14 — truthful fact AI/finalization status */
.fact-ai-complete-status-834214,.book-fact-ai-done-834214,.book-fact-ai-action-834214{display:flex;align-items:center;gap:12px;border:1px solid #b9e6d6;background:#effbf6;border-radius:16px;padding:14px 16px;margin:12px 0;color:#166c58}.fact-ai-complete-status-834214 svg,.book-fact-ai-done-834214 svg{width:22px;height:22px;flex:0 0 auto}.fact-ai-complete-status-834214 div,.book-fact-ai-action-834214 div{display:flex;flex-direction:column;gap:3px}.fact-ai-complete-status-834214 strong,.book-fact-ai-action-834214 strong{font-weight:800}.fact-ai-complete-status-834214 span,.book-fact-ai-action-834214 span{font-size:13px;color:#60758b}.book-fact-ai-action-834214{justify-content:space-between;background:#f7f9ff;border-color:#cfd9ff;color:#2447ba}.book-fact-ai-action-834214 button{border:1px solid #9eb1ff;background:#fff;color:#2447ba;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}

/* R8.34.2.15 — manual visual stimulus control in Question Admin */
.question-stimulus-admin-834215{margin:10px 0 18px;padding:14px 15px;border:1px solid #dbe3f3;border-radius:15px;background:#f8faff;display:flex;align-items:center;justify-content:space-between;gap:16px}.question-stimulus-admin-copy-834215{min-width:0;display:grid;gap:3px}.question-stimulus-admin-copy-834215>span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#5f73b4}.question-stimulus-admin-copy-834215>strong{font-size:14px;color:#202b43}.question-stimulus-admin-copy-834215>small{max-width:680px;color:#77839b;font-size:11px;line-height:1.5}.question-stimulus-admin-actions-834215{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.question-stimulus-admin-btn-834215{min-height:38px;padding:0 12px;border:1px solid #cfd9ed;border-radius:10px;background:#fff;color:#42506b;font-size:12px;font-weight:800;cursor:pointer}.question-stimulus-admin-btn-834215.is-primary{border-color:#3156d9;background:#3156d9;color:#fff}.question-stimulus-admin-btn-834215.is-danger{border-color:#e5b9bf;background:#fff6f6;color:#b5404a}.question-stimulus-admin-btn-834215.is-ai{border-color:#b7a7ee;background:#f5f1ff;color:#5b43b5}.question-stimulus-admin-btn-834215:disabled{opacity:.5;cursor:not-allowed}
.question-stimulus-manager-modal-834215,.question-stimulus-preview-modal-834215{position:fixed;inset:0;z-index:10120;padding:22px;background:rgba(13,20,34,.62);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.question-stimulus-manager-dialog-834215{width:min(1040px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(7,14,30,.3)}.question-stimulus-manager-head-834215{padding:23px 25px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e5eaf3}.question-stimulus-manager-head-834215>div{min-width:0}.question-stimulus-manager-head-834215 span{font-size:10px;letter-spacing:.16em;font-weight:850;color:#3156d9}.question-stimulus-manager-head-834215 h3{margin:5px 0 5px;font-size:24px;color:#182238}.question-stimulus-manager-head-834215 p{margin:0;max-width:760px;color:#6e7b94;font-size:12px;line-height:1.55}.question-stimulus-manager-head-834215>button,.question-stimulus-preview-head-834215 button{width:42px;height:42px;flex:0 0 auto;border:1px solid #d9e0ed;border-radius:12px;background:#fff;color:#59657a;font-size:24px;cursor:pointer}.question-stimulus-mode-grid-834215{padding:18px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-bottom:1px solid #eef1f6}.question-stimulus-mode-btn-834215{min-height:92px;padding:15px;text-align:left;border:1px solid #d7dfed;border-radius:14px;background:#fff;cursor:pointer}.question-stimulus-mode-btn-834215 strong{display:block;color:#26324a;font-size:14px}.question-stimulus-mode-btn-834215 span{display:block;margin-top:6px;color:#7a879d;font-size:11px;line-height:1.45}.question-stimulus-mode-btn-834215.is-active{border-color:#3156d9;background:#f3f6ff;box-shadow:0 0 0 2px rgba(49,86,217,.08)}.question-stimulus-gallery-head-834215{padding:17px 25px 10px;display:flex;justify-content:space-between;align-items:end;gap:15px}.question-stimulus-gallery-head-834215 strong{display:block;color:#202a40;font-size:16px}.question-stimulus-gallery-head-834215 span{display:block;margin-top:3px;color:#8390a5;font-size:11px}.question-stimulus-gallery-head-834215>b{color:#c54a55;font-size:11px}.question-stimulus-gallery-834215{padding:8px 25px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.question-stimulus-gallery-834215.is-disabled{opacity:.5}.question-stimulus-asset-card-834215{overflow:hidden;border:1px solid #dbe2ef;border-radius:16px;background:#fff;transition:.15s ease}.question-stimulus-asset-card-834215.is-selected{border-color:#3156d9;box-shadow:0 0 0 2px rgba(49,86,217,.1)}.question-stimulus-asset-image-834215{width:100%;height:190px;padding:8px;border:0;border-bottom:1px solid #edf0f5;background:#f7f9fc;cursor:pointer}.question-stimulus-asset-image-834215:disabled{cursor:default}.question-stimulus-asset-image-834215 img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:9px}.question-stimulus-asset-card-834215>div{padding:12px}.question-stimulus-asset-tags-834215{display:flex;align-items:center;gap:7px;margin-bottom:7px}.question-stimulus-asset-tags-834215 span{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;color:#3156d9}.question-stimulus-asset-tags-834215 b{padding:3px 6px;border-radius:999px;background:#e9f8f2;color:#138365;font-size:9px}.question-stimulus-asset-card-834215>div>strong{display:-webkit-box;min-height:36px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#313b51;font-size:12px;line-height:1.45}.question-stimulus-asset-card-834215>div>small{display:block;margin-top:6px;color:#8894a8;font-size:10px}.question-stimulus-asset-actions-834215{display:flex;gap:7px;margin-top:11px}.question-stimulus-asset-actions-834215 button{min-height:34px;flex:1;border:1px solid #d6ddeb;border-radius:9px;background:#fff;color:#46536c;font-size:11px;font-weight:800;cursor:pointer}.question-stimulus-asset-actions-834215 button:first-child{border-color:#b9c7f7;color:#3156d9}.question-stimulus-gallery-empty-834215{margin:8px 25px 22px;padding:25px;border:1px dashed #ccd6e7;border-radius:15px;background:#fafbfe;text-align:center}.question-stimulus-gallery-empty-834215 strong{display:block;color:#34405a}.question-stimulus-gallery-empty-834215 span{display:block;margin-top:6px;color:#7c899f;font-size:12px}.question-stimulus-manager-foot-834215{position:sticky;bottom:0;padding:16px 25px;border-top:1px solid #e6eaf2;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:space-between;gap:20px}.question-stimulus-manager-foot-834215>div:first-child{max-width:650px}.question-stimulus-manager-foot-834215 strong{display:block;color:#333e55;font-size:12px}.question-stimulus-manager-foot-834215 span{display:block;margin-top:3px;color:#7b879c;font-size:10px;line-height:1.45}.question-stimulus-manager-foot-834215>div:last-child{display:flex;gap:9px}.question-stimulus-manager-foot-834215 button{min-height:43px;padding:0 17px;border:1px solid #d5dce9;border-radius:10px;background:#fff;color:#505c72;font-size:12px;font-weight:850;cursor:pointer}.question-stimulus-manager-foot-834215 button.is-save{border-color:#3156d9;background:#3156d9;color:#fff}.question-stimulus-manager-foot-834215 button:disabled{opacity:.45;cursor:not-allowed}.question-stimulus-preview-modal-834215{z-index:10180}.question-stimulus-preview-dialog-834215{width:min(1080px,100%);max-height:94vh;padding:12px;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(6,13,28,.34);display:flex;flex-direction:column}.question-stimulus-preview-head-834215{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 4px 10px 8px}.question-stimulus-preview-head-834215 strong{color:#273249}.question-stimulus-preview-dialog-834215>img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;margin:auto;object-fit:contain}
@media(max-width:820px){.question-stimulus-admin-834215{align-items:stretch;flex-direction:column}.question-stimulus-admin-actions-834215{justify-content:stretch}.question-stimulus-admin-btn-834215{flex:1}.question-stimulus-manager-modal-834215,.question-stimulus-preview-modal-834215{padding:10px}.question-stimulus-manager-dialog-834215{max-height:96vh;border-radius:17px}.question-stimulus-manager-head-834215{padding:18px}.question-stimulus-manager-head-834215 h3{font-size:21px}.question-stimulus-mode-grid-834215{padding:14px 18px;grid-template-columns:1fr}.question-stimulus-gallery-head-834215{padding:15px 18px 8px}.question-stimulus-gallery-834215{padding:6px 18px 18px;grid-template-columns:1fr 1fr}.question-stimulus-asset-image-834215{height:155px}.question-stimulus-manager-foot-834215{padding:13px 18px;align-items:stretch;flex-direction:column}.question-stimulus-manager-foot-834215>div:last-child{display:grid;grid-template-columns:1fr 1fr}.question-stimulus-gallery-empty-834215{margin:6px 18px 18px}}@media(max-width:520px){.question-stimulus-gallery-834215{grid-template-columns:1fr}.question-stimulus-asset-image-834215{height:210px}}

/* R8.34.2.20 — device upload + non-destructive crop editor */
.question-stimulus-tools-834220{margin:0 25px 10px;padding:11px 12px;border:1px solid #e1e7f1;border-radius:13px;background:#f9fbff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.question-stimulus-tools-834220 button{min-height:38px;padding:0 13px;border:1px solid #cbd6ea;border-radius:9px;background:#fff;color:#33415c;font-size:11px;font-weight:850;cursor:pointer}.question-stimulus-tools-834220 button:first-of-type{border-color:#91a8ee;color:#244bd0}.question-stimulus-tools-834220 button:disabled{opacity:.42;cursor:not-allowed}.question-stimulus-tools-834220 span{margin-left:auto;color:#7d899d;font-size:10px}
.question-stimulus-crop-modal-834220{position:fixed;inset:0;z-index:10220;padding:18px;background:rgba(11,18,31,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.question-stimulus-crop-dialog-834220{width:min(1180px,100%);max-height:96vh;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.34)}.question-stimulus-crop-head-834220{padding:19px 22px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e5eaf2}.question-stimulus-crop-head-834220 span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#3156d9}.question-stimulus-crop-head-834220 h3{margin:4px 0;color:#1e2940;font-size:20px}.question-stimulus-crop-head-834220 p{margin:0;color:#748197;font-size:11px;line-height:1.5}.question-stimulus-crop-head-834220>button{width:40px;height:40px;border:1px solid #d7dfec;border-radius:11px;background:#fff;font-size:23px;color:#5b687e;cursor:pointer}.question-stimulus-crop-stage-834220{position:relative;min-height:280px;padding:18px;background:#1d2430;display:flex;align-items:center;justify-content:center;overflow:auto}.question-stimulus-crop-stage-834220 canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair;background:#fff;box-shadow:0 8px 35px rgba(0,0,0,.28)}.question-stimulus-crop-stage-834220 [data-crop-loading]{color:#fff;font-size:13px}.question-stimulus-crop-foot-834220{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5eaf2}.question-stimulus-crop-foot-834220>span{font-family:JetBrains Mono,monospace;color:#68758b;font-size:11px}.question-stimulus-crop-foot-834220>div{display:flex;gap:8px}.question-stimulus-crop-foot-834220 button{min-height:40px;padding:0 14px;border:1px solid #d4dce9;border-radius:9px;background:#fff;color:#4d5a70;font-size:11px;font-weight:850;cursor:pointer}.question-stimulus-crop-foot-834220 button.is-save{border-color:#3156d9;background:#3156d9;color:#fff}.question-stimulus-crop-foot-834220 button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:820px){.question-stimulus-tools-834220{margin:0 18px 10px}.question-stimulus-tools-834220 button{flex:1}.question-stimulus-tools-834220 span{width:100%;margin-left:0}.question-stimulus-crop-modal-834220{padding:8px}.question-stimulus-crop-dialog-834220{border-radius:15px}.question-stimulus-crop-head-834220{padding:15px}.question-stimulus-crop-stage-834220{padding:9px;min-height:220px}.question-stimulus-crop-foot-834220{align-items:stretch;flex-direction:column}.question-stimulus-crop-foot-834220>div{display:grid;grid-template-columns:repeat(3,1fr)}}

/* ========================================================================== 
   R8.34.2.22 — ZADACI · HEMIJA
   ========================================================================== */
.task-page-822{display:grid;gap:22px;max-width:1260px;margin:0 auto;padding-bottom:42px}
.task-loading-822{padding:34px;border:1px solid var(--line,#dfe6ef);border-radius:20px;background:var(--card,#fff);color:var(--muted,#65758b);font-weight:700;text-align:center}
.task-main-hero-822,.task-lesson-hero-822{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border-radius:24px;background:linear-gradient(135deg,#0d315e 0%,#15528e 100%);color:#fff;box-shadow:0 18px 48px rgba(22,60,100,.17)}
.task-main-hero-822 span,.task-lesson-hero-822>div:first-child>span{display:block;font-size:12px;letter-spacing:.12em;font-weight:900;opacity:.8;margin-bottom:8px}
.task-main-hero-822 h1,.task-lesson-hero-822 h1{margin:0;font-size:34px;line-height:1.13;color:#fff}
.task-main-hero-822 p,.task-lesson-hero-822 p{margin:10px 0 0;max-width:760px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55}
.task-main-icon-822{width:82px;height:82px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.13);font-size:40px;font-weight:700;flex:0 0 auto}
.task-breadcrumb-822{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted,#68788c);font-size:13px;font-weight:800}
.task-breadcrumb-822 button{border:0;background:transparent;color:#1760a5;font-weight:900;padding:4px 0;cursor:pointer}
.task-breadcrumb-822 i{font-style:normal;opacity:.55}
.task-lesson-score-822{min-width:190px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);text-align:center}
.task-lesson-score-822 strong{display:block;font-size:30px;color:#fff;line-height:1}
.task-lesson-score-822 span,.task-lesson-score-822 small{display:block;margin-top:7px;color:rgba(255,255,255,.82)}
.task-lesson-score-822 small{font-weight:900}
.task-method-note-822{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #bde2d1;border-radius:16px;background:#f3fbf7;color:#235c43}
.task-method-note-822>svg{width:25px;height:25px;flex:0 0 auto}
.task-method-note-822 strong,.task-method-note-822 span{display:block}.task-method-note-822 span{margin-top:3px;font-size:13px;color:#527565}
.task-method-note-822.is-warning{border-color:#f2d79d;background:#fff9ec;color:#745319}.task-method-note-822.is-warning span{color:#806d46}
.task-subject-block-822{display:grid;gap:16px}
.task-subject-head-822{position:relative;padding:22px 24px 20px 74px;border-radius:20px;border:1px solid #dfe7f1;background:#fff}
.task-subject-head-822>div{position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#1b62a4}.task-subject-head-822 svg{width:22px;height:22px}
.task-subject-head-822>span,.task-section-title-822 span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#3973aa}
.task-subject-head-822 h2{margin:3px 0 0;font-size:25px}.task-subject-head-822 p{margin:4px 0 0;color:#758399;font-size:14px}
.task-book-grid-822{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.task-book-card-822{overflow:hidden;border:1px solid #dfe7f1;border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(28,57,89,.06)}
.task-book-card-822>header{padding:18px 20px;border-bottom:1px solid #edf1f6;background:#fbfdff}.task-book-card-822>header span{font-size:11px;font-weight:900;color:#7a8a9c}.task-book-card-822>header h3{margin:4px 0 0;font-size:17px}
.task-lesson-list-822{display:grid}.task-lesson-list-822 button{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border:0;border-bottom:1px solid #eef2f6;background:#fff;text-align:left;cursor:pointer}.task-lesson-list-822 button:last-child{border-bottom:0}.task-lesson-list-822 button:hover{background:#f8fbff}.task-lesson-list-822 button>span{min-width:0}.task-lesson-list-822 small,.task-lesson-list-822 strong,.task-lesson-list-822 em{display:block}.task-lesson-list-822 small{font-size:11px;color:#3572a9;font-weight:900}.task-lesson-list-822 strong{margin-top:3px;font-size:14px;color:#26374b}.task-lesson-list-822 em{margin-top:4px;font-size:12px;color:#7c8999;font-style:normal}.task-lesson-list-822 button>b{font-size:22px;color:#2a6ba7}
.task-book-section-822{display:grid;gap:16px}.task-section-title-822{display:flex;align-items:end;justify-content:space-between;gap:20px}.task-section-title-822 h2{margin:3px 0 0;font-size:25px}.task-section-title-822>b{font-size:13px;color:#6d7c8f;padding-bottom:4px}
.task-original-list-822{display:grid;gap:20px}
.task-original-set-822{border:1px solid #dce5ef;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 10px 34px rgba(27,54,83,.07)}
.task-original-head-822{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;border-bottom:1px solid #edf1f5;background:#fcfdff}.task-original-head-822>div>span{display:block;font-size:11px;font-weight:900;letter-spacing:.09em;color:#2e73ad}.task-original-head-822 h3{margin:6px 0 0;font-size:19px;line-height:1.38}.task-original-head-822 p{margin:5px 0 0;color:#798596;font-size:13px}
.task-progress-pill-822{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#eef3f8;color:#5d6e82;font-size:12px;font-weight:900;white-space:nowrap}.task-progress-pill-822 svg{width:14px;height:14px}.task-progress-pill-822.is-complete{background:#eaf4ff;color:#2868a3}.task-progress-pill-822.is-mastered{background:#e9f7ef;color:#26734d}
.task-subtask-list-822{display:grid}
.task-subtask-822{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 24px;border-bottom:1px solid #eef2f6;transition:background .18s ease}.task-subtask-822:last-child{border-bottom:0}.task-subtask-822.is-correct{background:#fbfffc}.task-subtask-822.is-attempted{background:#fffdf9}
.task-subtask-label-822{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf4fb;color:#225f97;text-transform:lowercase;font-weight:900}
.task-subtask-main-822{min-width:0}.task-subtask-text-822{margin:4px 0 14px;font-size:16px;font-weight:700;line-height:1.55;color:#27394e;white-space:pre-wrap}
.task-answer-row-822{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.task-answer-row-822 label{display:grid;gap:5px;min-width:280px;max-width:500px;flex:1}.task-answer-row-822 label span{font-size:11px;font-weight:900;color:#65768a}.task-answer-row-822 input{width:100%;height:43px;border:1px solid #cad6e3;border-radius:11px;padding:0 13px;background:#fff;font:inherit;color:#26384d;outline:none}.task-answer-row-822 input:focus{border-color:#4b89bd;box-shadow:0 0 0 3px rgba(58,126,184,.12)}
.task-check-btn-822,.task-generate-set-btn-822{height:43px;border:0;border-radius:11px;padding:0 18px;background:#1e67a6;color:#fff;font-weight:900;cursor:pointer}.task-check-btn-822:disabled,.task-generate-set-btn-822:disabled{opacity:.48;cursor:not-allowed}
.task-feedback-822{min-height:24px;display:flex;align-items:center;gap:7px;margin-top:8px;font-size:13px;font-weight:800;color:#7d8995}.task-feedback-822:empty{min-height:0;margin-top:0}.task-feedback-822 svg{width:16px;height:16px}.task-feedback-822.is-correct{color:#26754d}.task-feedback-822.is-wrong,.task-feedback-822.is-error{color:#a7533f}
.task-help-actions-822{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.task-help-actions-822 button{border:1px solid #d6e0ea;border-radius:10px;background:#fff;color:#456176;padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer}.task-help-actions-822 button:hover{background:#f6f9fc}.task-help-actions-822 button.is-full{border-color:#bad4e9;color:#286aa2;background:#f5faff}.task-help-actions-822 button:disabled{opacity:.55}
.task-unsupported-822{padding:11px 13px;border-radius:10px;background:#fff7e8;color:#7c6338;font-size:12px;font-weight:700;line-height:1.5}
.task-solution-822{margin-top:14px;border:1px solid #dbe6ef;border-radius:15px;background:#f9fcff;overflow:hidden}.task-solution-head-822{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:#edf6ff;border-bottom:1px solid #dce9f4}.task-solution-head-822 span{font-size:10px;letter-spacing:.1em;font-weight:900;color:#2a6ca6}.task-solution-head-822 b{font-size:11px;color:#4f6679}
.task-solution-block-822{padding:12px 15px;border-bottom:1px solid #e6edf4}.task-solution-block-822 strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#627386}.task-solution-block-822 p{margin:5px 0 0;font-size:14px;color:#263b50;line-height:1.5}.task-solution-block-822.is-formula p{font-family:Cambria,"Times New Roman",serif;font-size:16px;font-weight:700}
.task-solution-steps-822{display:grid;gap:0;padding:4px 15px}.task-solution-steps-822>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px dashed #dfe7ef}.task-solution-steps-822>div:last-child{border-bottom:0}.task-solution-steps-822>div>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dfeffc;color:#22659d;font-size:11px;font-weight:900}.task-solution-steps-822 p{margin:2px 0 0;line-height:1.55;color:#31475c;font-size:14px}
.task-solution-result-822{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;background:#eef9f3;border-top:1px solid #d7ecdf}.task-solution-result-822 span{font-size:10px;letter-spacing:.1em;font-weight:900;color:#397359}.task-solution-result-822 strong{font-size:18px;color:#205f40}
.task-solution-check-822{display:flex;align-items:center;gap:9px;padding:11px 15px;color:#4d6c5c;font-size:12px;font-weight:700}.task-solution-check-822 svg{width:17px;height:17px;color:#2e7b52}
.task-original-footer-822{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e7edf3}.task-original-footer-822 strong,.task-original-footer-822 span{display:block}.task-original-footer-822 strong{font-size:13px;color:#30465a}.task-original-footer-822 span{margin-top:3px;font-size:12px;color:#7a8796}.task-generate-set-btn-822{min-width:190px;background:#275f91}
.task-generated-wrap-822{padding:18px 20px 20px;border-top:1px solid #e5ebf1;background:#f8fbfe}.task-generated-title-822{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#48708f}.task-generated-title-822 span{font-size:11px;letter-spacing:.1em;font-weight:900}.task-generated-title-822 b{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#e2eef8;font-size:12px}
.task-generated-set-822{border:1px solid #dce6ef;border-radius:16px;background:#fff;overflow:hidden;margin-top:12px}.task-generated-head-822{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid #e9eff5;background:#fbfdff}.task-generated-head-822 span,.task-generated-head-822 strong{display:block}.task-generated-head-822 span{font-size:10px;color:#3973a5;font-weight:900;letter-spacing:.08em}.task-generated-head-822 strong{margin-top:2px;font-size:13px;color:#354b5f}
.task-generated-set-822 .task-subtask-822{padding:16px 18px}.task-generated-set-822 .task-subtask-text-822{font-size:14px}

@media (max-width:760px){
  .task-page-822{gap:16px}.task-main-hero-822,.task-lesson-hero-822{padding:22px 20px;border-radius:19px;align-items:flex-start}.task-main-hero-822 h1,.task-lesson-hero-822 h1{font-size:27px}.task-main-icon-822{width:58px;height:58px;font-size:29px}.task-lesson-score-822{display:none}
  .task-book-grid-822{grid-template-columns:1fr}.task-subject-head-822{padding:18px 18px 18px 64px}.task-subject-head-822>div{left:16px;top:18px}.task-section-title-822{align-items:flex-start;flex-direction:column;gap:5px}
  .task-original-head-822{padding:17px 16px;flex-direction:column}.task-subtask-822{grid-template-columns:34px 1fr;gap:9px;padding:16px}.task-subtask-label-822{width:31px;height:31px;border-radius:9px}.task-subtask-text-822{font-size:15px;margin-top:2px}.task-answer-row-822 label{min-width:100%;max-width:none}.task-check-btn-822{width:100%}
  .task-original-footer-822{padding:14px 16px;align-items:stretch;flex-direction:column}.task-generate-set-btn-822{width:100%;min-width:0}.task-generated-wrap-822{padding:14px 12px}.task-generated-set-822 .task-subtask-822{padding:14px 12px}.task-solution-result-822{align-items:flex-start;flex-direction:column;gap:6px}
}

/* R8.34.2.26 — solved textbook task library */
.task-subtask-822.is-solved-library{background:#fff}
.task-subtask-822.is-solved-library .task-subtask-text-822{margin-bottom:10px}
.task-solution-822.is-auto-open{margin-top:8px;box-shadow:0 5px 18px rgba(28,78,119,.045)}
.task-original-set-822 .task-generate-set-btn-822{background:#245f95}

/* R8.34.2.27 — central "Obradi zadatke iz udžbenika" workflow */
.task-book-head-827{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #edf1f6;background:#fbfdff}
.task-book-head-827>div{min-width:0}.task-book-head-827>div>span{font-size:11px;font-weight:900;color:#7a8a9c}.task-book-head-827 h3{margin:4px 0 0;font-size:17px}.task-book-head-827 p{margin:7px 0 0;font-size:12px;line-height:1.5;color:#748397}
.task-process-book-btn-827{flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid #9fc4e4;border-radius:11px;background:#fff;color:#1f639c;font-weight:900;cursor:pointer}.task-process-book-btn-827:hover{background:#f1f8fe}.task-process-book-btn-827:disabled{opacity:.55;cursor:wait}
.task-book-empty-827{padding:20px;color:#738398;font-size:13px;line-height:1.55;background:#fff}
.task-index-report-827{padding:16px 18px;border-bottom:1px solid #d9e8df;background:#f4fbf7}.task-index-report-head-827{display:flex;align-items:flex-start;gap:10px;color:#286c4b}.task-index-report-head-827 svg{width:20px;height:20px;flex:0 0 auto}.task-index-report-head-827 strong,.task-index-report-head-827 span{display:block}.task-index-report-head-827 span{margin-top:2px;font-size:12px;color:#5e7a6a}
.task-index-metrics-827{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.task-index-metrics-827>div{padding:10px 11px;border:1px solid #dceae2;border-radius:11px;background:#fff}.task-index-metrics-827 strong,.task-index-metrics-827 span{display:block}.task-index-metrics-827 strong{font-size:18px;color:#235d43}.task-index-metrics-827 span{margin-top:2px;font-size:10px;line-height:1.35;color:#708477;font-weight:800}
.task-index-note-827{margin:10px 0 0;font-size:12px;color:#536e5e}.task-index-unparsed-827{margin-top:10px;border-top:1px dashed #cddfd4;padding-top:9px}.task-index-unparsed-827 summary{cursor:pointer;color:#8a6032;font-size:12px;font-weight:900}.task-index-unparsed-827>div{margin-top:8px;padding:8px 10px;border-radius:9px;background:#fff8eb}.task-index-unparsed-827 strong,.task-index-unparsed-827 small{display:block}.task-index-unparsed-827 strong{font-size:11px;color:#6f552f}.task-index-unparsed-827 small{margin-top:3px;color:#806e54;line-height:1.45}
@media(max-width:760px){.task-book-head-827{flex-direction:column}.task-process-book-btn-827{width:100%}.task-index-metrics-827{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R8.34.2.29 — task classifier category chips */
.task-index-categories-829{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.task-index-categories-829 span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #d8e4ee;border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#41566f}.task-index-unparsed-827 small{display:block;margin-top:3px;color:#7b8798;font-weight:400;line-height:1.35}

/* R8.34.2.31 — textbook prose detached from the last numeric subtask. */
.task-textbook-note-831{margin:0;padding:16px 24px 18px;background:#fffaf0;border-top:1px solid #f0dfb9;border-bottom:1px solid #f0dfb9;color:#654f24}
.task-textbook-note-831 strong{display:block;font-size:10px;letter-spacing:.1em;color:#9a6b13;margin-bottom:7px}
.task-textbook-note-831 p{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap}
@media(max-width:720px){.task-textbook-note-831{padding:14px 16px}}