
/* ExamCracker AI V51 — mobile-first Command Center. No scheduler changes. */
.cc51-shell{display:flex;flex-direction:column;gap:18px;min-width:0;max-width:1320px;margin:0 auto;padding-bottom:34px}
.cc51-shell button{touch-action:manipulation}
.cc51-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px;padding:24px;overflow:hidden;position:relative}
.cc51-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.12),transparent 34%),radial-gradient(circle at 15% 10%,rgba(99,102,241,.12),transparent 30%);pointer-events:none}
.cc51-hero-main,.cc51-hero-side{position:relative;z-index:1}.cc51-kicker,.cc51-eyebrow{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyber-cyan);font-weight:800}.cc51-hero h2{margin:6px 0 10px;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.12;letter-spacing:-.035em}.cc51-hero p{max-width:760px;margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.cc51-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cc51-hero-actions .btn{min-height:46px}.cc51-hero-side{display:grid;gap:10px;align-content:start}.cc51-exam-mini,.cc51-goal-mini{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.14)}.cc51-exam-mini span,.cc51-goal-mini span{display:block;color:var(--text-dim);font-size:.63rem;text-transform:uppercase;letter-spacing:.1em}.cc51-exam-mini strong,.cc51-goal-mini strong{display:block;color:#fff;font-size:1rem;margin:5px 0 3px;overflow-wrap:anywhere}.cc51-link{border:0;background:none;color:var(--cyber-cyan);padding:0;font-weight:800;cursor:pointer;text-align:left;font-size:.78rem}.cc51-mission-grid,.cc51-focus-grid,.cc51-data-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;min-width:0}.cc51-mission-card,.cc51-roadmap-card,.cc51-focus-card,.cc51-data-card,.cc51-bottom-strip,.cc51-snapshot{padding:20px;min-width:0}.cc51-card-head,.cc51-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cc51-card-head h3,.cc51-section-heading h3{margin:4px 0 0;font-size:1.05rem;letter-spacing:-.02em}.cc51-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:999px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);color:#6ee7b7;font-size:.63rem;font-weight:900;text-transform:uppercase}.cc51-mission-body{display:grid;gap:14px;margin-top:16px}.cc51-mission-intro strong{display:block;color:#fff;font-size:1.15rem}.cc51-mission-intro span{display:block;color:var(--text-muted);font-size:.78rem;margin-top:3px}.cc51-mission-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc51-mission-topic{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.11)}.cc51-mission-topic strong{display:block;color:#fff;font-size:.78rem}.cc51-mission-topic span{color:var(--text-dim);font-size:.66rem}.cc51-progress-line>div:first-child{display:flex;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:.75rem}.cc51-progress-line strong{color:#fff}.cc51-progress-track{height:8px;margin-top:7px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden}.cc51-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyber-cyan));transition:width .35s ease}.cc51-action-row{display:flex;flex-wrap:wrap;gap:8px}.cc51-action-row .btn{min-height:42px}.cc51-roadmap{display:grid;gap:8px;margin:14px 0}.cc51-roadmap-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.10)}.cc51-roadmap-step .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.68rem;font-weight:900;background:#1a263a;color:#a8bad0}.cc51-roadmap-step.done .dot{background:rgba(52,211,153,.14);color:#6ee7b7;border:1px solid rgba(52,211,153,.25)}.cc51-roadmap-step.current{border-color:rgba(34,211,238,.28);background:rgba(34,211,238,.05)}.cc51-roadmap-step strong{font-size:.76rem;color:#fff}.cc51-roadmap-step small{display:block;color:var(--text-dim);font-size:.63rem;margin-top:2px}.cc51-next-step{padding:13px;border-radius:14px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.22);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}.cc51-next-step strong{color:#fff;font-size:.75rem}.cc51-next-step span{color:var(--text-muted);font-size:.7rem;grid-column:1}.cc51-next-step .btn{grid-column:2;grid-row:1 / span 2;align-self:center}.cc51-quick-section{display:grid;gap:12px}.cc51-muted{font-size:.7rem;color:var(--text-dim)}.cc51-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc51-quick-card{min-width:0;padding:16px;text-align:left;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(145deg,rgba(17,28,48,.98),rgba(10,17,30,.98));color:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.cc51-quick-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.32);background:linear-gradient(145deg,rgba(20,34,57,1),rgba(10,17,30,1))}.cc51-quick-icon{display:block;font-size:1.4rem;margin-bottom:8px}.cc51-quick-card strong{display:block;font-size:.82rem}.cc51-quick-card small{display:block;color:var(--text-dim);font-size:.66rem;margin-top:3px;line-height:1.4}.cc51-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc51-snapshot{display:flex;flex-direction:column;gap:9px}.cc51-value-row{display:flex;justify-content:space-between;gap:8px;align-items:end}.cc51-value-row strong{font-size:1.45rem;letter-spacing:-.03em;color:#fff;overflow-wrap:anywhere}.cc51-value-row span{font-size:.64rem;color:var(--text-dim);text-align:right}.cc51-snapshot p,.cc51-focus-card p,.cc51-bottom-strip p{margin:0;color:var(--text-muted);font-size:.72rem;line-height:1.55}.cc51-focus-card{display:flex;flex-direction:column;gap:10px}.cc51-focus-pulse{font-size:.62rem;color:#6ee7b7;font-weight:900}.cc51-coach-actions{display:flex;gap:16px;flex-wrap:wrap}.cc51-data-card{min-height:250px}.cc51-timeline,.cc51-recent{display:grid;gap:8px;margin-top:14px}.cc51-empty{min-height:170px;display:grid;place-items:center;text-align:center;padding:20px;border:1px dashed rgba(148,163,184,.16);border-radius:14px;background:rgba(255,255,255,.015)}.cc51-empty strong{display:block;color:#fff;font-size:.88rem}.cc51-empty span{display:block;color:var(--text-dim);font-size:.72rem;max-width:340px;line-height:1.5}.cc51-empty .btn{margin-top:4px}.cc51-timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08)}.cc51-timeline-item:last-child{border-bottom:0}.cc51-timeline-dot{width:10px;height:10px;margin:4px;border-radius:50%;background:var(--cyber-cyan);box-shadow:0 0 0 4px rgba(34,211,238,.08)}.cc51-timeline-item strong{display:block;font-size:.74rem;color:#fff}.cc51-timeline-item small{display:block;font-size:.63rem;color:var(--text-dim);margin-top:2px}.cc51-timeline-item time{font-size:.62rem;color:var(--text-dim)}.cc51-recent-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.09)}.cc51-recent-row strong{display:block;font-size:.76rem;color:#fff}.cc51-recent-row small{display:block;font-size:.62rem;color:var(--text-dim);margin-top:3px}.cc51-recent-score{font-weight:900;color:var(--cyber-cyan);white-space:nowrap}.cc51-bottom-strip{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;align-items:center}.cc51-bottom-strip strong{display:block;color:#fff;margin-top:5px}.cc51-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cc51-platform-grid>div{padding:12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.09);text-align:center}.cc51-platform-grid strong{font-size:1.15rem;margin:0}.cc51-platform-grid span{display:block;color:var(--text-dim);font-size:.6rem;margin-top:2px}.cc51-compat,.cc51-legacy-source{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (max-width: 1050px){.cc51-hero{grid-template-columns:1fr}.cc51-hero-side{grid-template-columns:1fr 1fr}.cc51-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc51-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc51-bottom-strip{grid-template-columns:1fr}.cc51-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 760px){.cc51-shell{gap:12px;padding-bottom:24px}.cc51-hero{padding:16px;border-radius:17px}.cc51-hero h2{font-size:1.45rem}.cc51-hero p{font-size:.82rem}.cc51-hero-actions,.cc51-action-row{display:grid;grid-template-columns:1fr}.cc51-hero-actions .btn,.cc51-action-row .btn{width:100%}.cc51-hero-side{grid-template-columns:1fr}.cc51-mission-grid,.cc51-focus-grid,.cc51-data-grid{grid-template-columns:1fr;gap:12px}.cc51-mission-card,.cc51-roadmap-card,.cc51-focus-card,.cc51-data-card,.cc51-bottom-strip,.cc51-snapshot{padding:15px}.cc51-mission-topics{grid-template-columns:1fr}.cc51-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.cc51-quick-card{padding:13px;min-height:104px}.cc51-snapshot-grid{grid-template-columns:1fr 1fr;gap:8px}.cc51-snapshot p{font-size:.66rem}.cc51-value-row{display:grid;gap:2px}.cc51-value-row span{text-align:left}.cc51-platform-grid{grid-template-columns:1fr 1fr}.cc51-next-step{grid-template-columns:1fr}.cc51-next-step span{grid-column:1}.cc51-next-step .btn{grid-column:1;grid-row:auto;width:100%;margin-top:4px}.cc51-data-card{min-height:0}.cc51-empty{min-height:140px}.cc51-coach-actions{display:grid;grid-template-columns:1fr;gap:8px}.cc51-coach-actions .cc51-link{padding:10px 0}}
@media (max-width: 430px){.cc51-quick-grid{grid-template-columns:1fr 1fr}.cc51-snapshot-grid{grid-template-columns:1fr 1fr}.cc51-snapshot:nth-child(2) .cc51-value-row strong,.cc51-snapshot:nth-child(4) .cc51-value-row strong{font-size:1.15rem}.cc51-hero-actions .btn{font-size:.78rem}.cc51-hero-side{gap:8px}}
body.light-mode .cc51-quick-card,body.light-mode .cc51-exam-mini,body.light-mode .cc51-goal-mini,body.light-mode .cc51-mission-topic,body.light-mode .cc51-roadmap-step,body.light-mode .cc51-recent-row,body.light-mode .cc51-platform-grid>div{background:#f7f9fc;border-color:rgba(15,23,42,.09)}
body.light-mode .cc51-hero h2,body.light-mode .cc51-card-head h3,body.light-mode .cc51-section-heading h3,body.light-mode .cc51-value-row strong,body.light-mode .cc51-roadmap-step strong,body.light-mode .cc51-recent-row strong,body.light-mode .cc51-empty strong,body.light-mode .cc51-mission-intro strong,body.light-mode .cc51-exam-mini strong,body.light-mode .cc51-goal-mini strong{color:#0f172a}
