/* Phase 21 — Teacher Intelligence. Final-authority teacher workspace layer. */
.ce-ti-shell{--ti-ink:#0b1426;--ti-muted:#44536a;--ti-line:#dbe3ee;--ti-paper:#fff;--ti-soft:#f5f8fc;--ti-dark:#07152b;--ti-dark-2:#10284f;--ti-accent:#0b5bd3;--ti-accent-dark:#073d92;--ti-good:#0d6b46;--ti-warn:#8a4b00;--ti-danger:#9c2432;color:var(--ti-ink);background:#eef3f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
.ce-ti-shell *{box-sizing:border-box}.ce-ti-shell h1,.ce-ti-shell h2,.ce-ti-shell h3,.ce-ti-shell strong,.ce-ti-shell label,.ce-ti-shell legend{color:inherit}.ce-ti-shell p,.ce-ti-shell small{color:inherit}
.ce-ti-hero{background:linear-gradient(135deg,#061327 0%,#0b2851 58%,#13498c 100%);color:#f7fbff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.55fr);gap:clamp(1.4rem,4vw,4rem);padding:clamp(2rem,5vw,5rem) max(5vw,calc((100vw - 1200px)/2));align-items:center}
.ce-ti-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.045em;max-width:16ch;margin:.25rem 0 1.1rem;color:#fff}.ce-ti-hero p{max-width:72ch;color:#dbeafe;font-size:clamp(1rem,1.5vw,1.18rem)}.ce-ti-eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:#9fd2ff!important}.ce-ti-hero-card{background:#fff;color:var(--ti-ink);padding:1.4rem;border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.ce-ti-hero-card strong{font-size:1.15rem}.ce-ti-hero-card p{color:var(--ti-muted);font-size:.96rem;margin:.45rem 0 0}
.ce-ti-mode-switch{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem max(5vw,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid var(--ti-line);position:sticky;top:0;z-index:4}.ce-ti-mode-switch a{display:inline-flex;padding:.7rem 1rem;border-radius:999px;color:#17345d!important;background:#edf3fb;text-decoration:none;font-weight:800}.ce-ti-mode-switch a.is-active,.ce-ti-mode-switch a:hover,.ce-ti-mode-switch a:focus-visible{background:#0b2851;color:#fff!important;outline-offset:3px}
.ce-ti-section{max-width:1200px;margin:0 auto;padding:clamp(2.2rem,5vw,4.7rem) 5vw;color:var(--ti-ink)}.ce-ti-section--bright{max-width:none;padding-left:max(5vw,calc((100vw - 1200px)/2));padding-right:max(5vw,calc((100vw - 1200px)/2));background:#fff;color:var(--ti-ink)}.ce-ti-section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.3rem}.ce-ti-section-head span,.ce-ti-kicker{color:#0b5bd3;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.ce-ti-section-head h2{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.12;margin:.25rem 0 .6rem}.ce-ti-section-head p{max-width:75ch;color:var(--ti-muted);margin:0}
.ce-ti-space-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.ce-ti-space-card{display:block;background:#fff;color:var(--ti-ink)!important;border:1px solid var(--ti-line);border-radius:20px;padding:1.25rem;text-decoration:none;box-shadow:0 10px 35px rgba(18,47,84,.06);transition:transform .16s ease,box-shadow .16s ease}.ce-ti-space-card:hover,.ce-ti-space-card:focus-visible{transform:translateY(-2px);box-shadow:0 18px 45px rgba(18,47,84,.12);color:var(--ti-ink)!important}.ce-ti-space-card.is-selected{border:2px solid #0b5bd3}.ce-ti-space-card small{color:#4f6684}.ce-ti-space-card h3{margin:.25rem 0}.ce-ti-space-card p{color:var(--ti-muted)}.ce-ti-space-card>div{display:flex;gap:.5rem;flex-wrap:wrap}.ce-ti-space-card>div span{background:#eef4fb;color:#17345d;padding:.3rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}
.ce-ti-create, .ce-ti-shell details{margin-top:1rem;border:1px solid var(--ti-line);border-radius:16px;background:#fff;color:var(--ti-ink);padding:1rem}.ce-ti-shell summary{cursor:pointer;font-weight:850;color:#17345d}.ce-ti-shell form{display:grid;gap:.9rem;margin-top:1rem}.ce-ti-shell label,.ce-ti-shell fieldset{display:grid;gap:.35rem;font-weight:750;color:#1d2e46}.ce-ti-shell input,.ce-ti-shell select,.ce-ti-shell textarea{width:100%;border:1px solid #aebbd0;border-radius:12px;padding:.75rem .8rem;background:#fff;color:#0b1426;font:inherit}.ce-ti-shell input:focus,.ce-ti-shell select:focus,.ce-ti-shell textarea:focus{outline:3px solid rgba(11,91,211,.22);border-color:#0b5bd3}.ce-ti-shell label small{font-weight:500;color:#5a687b}.ce-ti-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.ce-ti-check input{width:auto!important;margin-top:.3rem}
.ce-ti-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;border-radius:12px;border:0;font-weight:850;text-decoration:none;cursor:pointer}.ce-ti-button--primary{background:#0b5bd3;color:#fff!important}.ce-ti-button--primary:hover,.ce-ti-button--primary:focus-visible{background:#073d92;color:#fff!important}.ce-ti-ai-handoff a{font-weight:850;color:#084da8!important}.ce-ti-ai-handoff a:hover,.ce-ti-ai-handoff a:focus-visible{color:#052d64!important;text-decoration-thickness:2px}
.ce-ti-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.ce-ti-metric{background:#fff;color:var(--ti-ink);border:1px solid var(--ti-line);border-radius:18px;padding:1.15rem}.ce-ti-metric strong{display:block;font-size:2rem;line-height:1}.ce-ti-metric span{display:block;font-weight:850;margin:.4rem 0}.ce-ti-metric p{color:var(--ti-muted);font-size:.88rem;margin:0}
.ce-ti-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}.ce-ti-roster article{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;border:1px solid var(--ti-line);background:#f8fbff;color:var(--ti-ink);border-radius:16px;padding:.8rem}.ce-ti-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0b2851;color:#fff;font-weight:900}.ce-ti-roster h3,.ce-ti-roster p{margin:0}.ce-ti-roster p{color:var(--ti-muted);font-size:.85rem}.ce-ti-roster article>span{font-size:.75rem;font-weight:800;color:#0d6b46;background:#e8f7f0;padding:.25rem .45rem;border-radius:999px}
.ce-ti-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,3vw,3rem)}.ce-ti-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.ce-ti-three article{border:1px solid var(--ti-line);border-radius:18px;padding:1.25rem;background:#f8fbff;color:var(--ti-ink)}.ce-ti-three h2{font-size:1.3rem;margin:.35rem 0}.ce-ti-three p{color:var(--ti-muted)}
.ce-ti-list{display:grid;gap:.65rem}.ce-ti-list article{display:grid;gap:.2rem;border:1px solid var(--ti-line);background:#fff;color:var(--ti-ink);border-radius:14px;padding:.85rem}.ce-ti-list span{color:var(--ti-muted)}.ce-ti-list small{color:#59708c}.ce-ti-principles{display:grid;gap:.75rem}.ce-ti-principles p{background:#eef4fb;color:#24384f;border-radius:14px;padding:1rem;margin:0}.ce-ti-principles strong{color:#102d55}
.ce-ti-notice{max-width:1200px;margin:1rem auto 0;padding:.9rem 1rem;border-radius:12px;font-weight:750}.ce-ti-notice--success{background:#e5f6ed;color:#124e36;border:1px solid #87c9a7}.ce-ti-notice--error{background:#fff0f1;color:#7a1c2a;border:1px solid #e3a2aa}.ce-ti-empty{background:#fff;border:1px dashed #a8b9ce;color:var(--ti-ink);padding:2rem;border-radius:20px}.ce-ti-empty-inline{color:#5a687b}.ce-ti-boundary{background:#07152b;color:#f6fbff;padding:clamp(2rem,5vw,4rem) max(5vw,calc((100vw - 1200px)/2))}.ce-ti-boundary h2{color:#fff;font-size:clamp(1.6rem,3vw,2.6rem)}.ce-ti-boundary p{color:#d7e6fa;max-width:80ch}.ce-ti-boundary a{color:#9fd2ff!important;font-weight:800}.ce-ti-boundary a:hover,.ce-ti-boundary a:focus-visible{color:#fff!important}
@media(max-width:900px){.ce-ti-hero,.ce-ti-two{grid-template-columns:1fr}.ce-ti-three{grid-template-columns:1fr}.ce-ti-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-ti-mode-switch{position:static}}
@media(max-width:560px){.ce-ti-hero{padding:2rem 1rem}.ce-ti-section,.ce-ti-section--bright{padding:2rem 1rem}.ce-ti-mode-switch{padding:.75rem 1rem}.ce-ti-metrics{grid-template-columns:1fr}.ce-ti-boundary{padding:2rem 1rem}.ce-ti-space-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ce-ti-space-card{transition:none!important}}

.ce-ti-roster-actions{display:grid;justify-items:end;gap:.35rem}.ce-ti-roster-actions>span{font-size:.75rem;font-weight:800;color:#0d6b46;background:#e8f7f0;padding:.25rem .45rem;border-radius:999px}.ce-ti-roster-actions form{margin:0}.ce-ti-text-action{border:0;background:transparent;color:#7a1c2a;font:inherit;font-size:.78rem;font-weight:800;padding:.2rem .25rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ce-ti-text-action:hover,.ce-ti-text-action:focus-visible{color:#4f101a;outline-offset:3px}
.ce-ti-learner-feedback{max-width:1200px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 5vw;color:#0b1426}.ce-ti-learner-feedback__head{max-width:760px;margin-bottom:1.3rem}.ce-ti-learner-feedback__head>span{color:#0b5bd3;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.ce-ti-learner-feedback__head h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.12;margin:.3rem 0 .6rem;color:#0b1426}.ce-ti-learner-feedback__head p{color:#44536a}.ce-ti-feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.ce-ti-feedback-grid article{background:#fff;color:#0b1426;border:1px solid #dbe3ee;border-radius:18px;padding:1.2rem;box-shadow:0 10px 32px rgba(18,47,84,.06)}.ce-ti-feedback-grid small{color:#0b5bd3;font-weight:800}.ce-ti-feedback-grid h3{color:#0b1426;margin:.3rem 0 .75rem}.ce-ti-feedback-grid p{color:#44536a;margin:.55rem 0}.ce-ti-feedback-grid p strong{display:block;color:#102d55}.ce-ti-feedback-grid time{display:block;color:#59708c;font-size:.78rem;margin-top:.8rem}
