/* CIA Study Coach — external beta UX hardening v0.2
   Branch-only until mobile/desktop acceptance testing is complete. */

.mobile-session-button{display:none}
.card-topic[data-v02-context="true"]{font-weight:700;color:#667085}
.diagnostic-headline{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.diagnostic-headline-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.diagnostic-time-warning{border-color:#e7c6a1!important;background:#fff8ef!important;color:#915d19!important;font-weight:800}
.diagnostic-section-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 10px}
.diagnostic-section-result{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px;text-align:center}
.diagnostic-section-result strong{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.diagnostic-section-result span{font-size:16px;font-weight:850;color:var(--ink)}
.diagnostic-confidence-summary{margin:10px 0 18px;color:var(--muted);font-size:13px}

@media (max-width:760px){
  .access-shell{padding:18px 12px;align-items:start}
  .access-card{padding:24px 18px;border-radius:20px}
  .access-card h1{font-size:34px}
  .lead{font-size:15px}
  .pin-row{flex-direction:column}
  .pin-row .primary-button{width:100%}

  .app-shell{display:block;min-height:100dvh;padding-bottom:68px}
  .workspace{display:flex;min-height:100dvh;width:100%;padding-bottom:68px}
  .sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:68px;padding:6px 8px;border-right:0;border-top:1px solid var(--line);background:rgba(251,252,254,.97);backdrop-filter:blur(12px);z-index:50;display:block}
  .sidebar-brand,.sidebar-spacer,.candidate-mini,#switchCandidate{display:none!important}
  .nav-stack{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .nav-button{min-width:0;height:56px;padding:5px 2px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;overflow:hidden;font-size:0}
  .nav-button span{font-size:17px;line-height:1}
  .nav-button::after{content:attr(data-mobile-label);font-size:10.5px;line-height:1.1;font-weight:750;white-space:nowrap}

  .topbar{height:68px;padding:10px 12px;gap:8px}
  .topbar h2{font-size:19px}
  .topbar .eyebrow{font-size:9px}
  .topbar>.status-pill{display:none}
  .mobile-session-button{display:inline-flex;border:1px solid var(--line);background:#fff;color:#596579;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;white-space:nowrap}

  .coach-layout{height:calc(100dvh - 136px)}
  .chat-messages{width:calc(100% - 20px);padding:20px 0 18px}
  .message-row{gap:8px;margin-bottom:18px}
  .avatar{width:30px;height:30px;border-radius:9px}
  .bubble{max-width:88%;padding:12px 13px;font-size:14px}
  .question-card{margin:10px 0 20px 38px;padding:15px;border-radius:15px}
  .question-head{align-items:flex-start}
  .question-label{max-width:70%;line-height:1.3}
  .post-grade-actions{margin:-8px 0 20px 38px}
  .composer-wrap{padding:8px 10px 10px}
  .quick-actions{gap:6px;margin-bottom:7px}
  .quick-actions button{font-size:11px;padding:7px 9px}
  .composer{border-radius:15px;padding:7px 7px 7px 11px}
  .composer-note{font-size:9.5px}

  .panel-content{width:calc(100% - 20px);padding:18px 0 32px}
  .cards,.authority-grid{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr}
  .section-heading{align-items:flex-start;gap:8px}
  .recall-grid{grid-template-columns:1fr!important}

  #diagnosticGate .access-card{padding:22px 17px}
  #diagnosticStem{font-size:20px!important}
  .diagnostic-option{padding:12px!important}
  #diagnosticForm fieldset>div{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px!important}
  #diagnosticForm fieldset .secondary-button{padding:10px 6px;text-align:center}
  #diagnosticSubmit,#startDiagnostic,#enterCoachAfterDiagnostic{width:100%}
  .diagnostic-section-summary{grid-template-columns:repeat(2,minmax(0,1fr))}

  .toast{left:12px;right:12px;bottom:80px}
}

@media (max-width:390px){
  .cards,.authority-grid{grid-template-columns:1fr}
  .nav-button::after{font-size:9.5px}
  .question-card,.post-grade-actions{margin-left:0}
  .question-label{max-width:66%}
}