/* Skooltime brand system: derived from the approved brand board. */
:root {
  --st-brand: #0d47a1;
  --st-brand-strong: #083778;
  --st-teal: #00b5a6;
  --st-gold: #ffb300;
  --st-canvas: #f2f4f7;
  --st-surface: #ffffff;
  --st-surface-alt: #f7fbfe;
  --st-ink: #10264b;
  --st-ink-2: #203a61;
  --st-muted: #64748b;
  --st-line: #dce7f1;
  --st-radius: 16px;
  --st-radius-lg: 24px;
  --st-shadow: 0 10px 28px rgba(13, 71, 161, .08);
  --st-shadow-float: 0 24px 60px rgba(13, 51, 108, .16);
}

html, body, button, input, select, textarea { font-family: "Poppins", "Segoe UI", sans-serif !important; }
body { color: var(--st-ink); background: var(--st-canvas); }
body:not(.dark) .workspace-main h1, body:not(.dark) .workspace-main h2, body:not(.dark) .workspace-main h3, body:not(.dark) .workspace-main h4, body:not(.dark) .sk-page-heading h1 { color: var(--st-ink) !important; font-family: "Poppins", sans-serif !important; font-weight: 700; letter-spacing: -.035em; }

.sk-sidebar { background: linear-gradient(180deg, #083b87 0%, #072d66 45%, #061d43 100%) !important; }
.sk-sidebar::after { opacity: .55; background-image: radial-gradient(circle at 25% 0, rgba(0,181,166,.24), transparent 30%); }
.sk-sidebar-logo { overflow: hidden; border: 1px solid rgba(255,255,255,.5); background: #fff; }
.sk-sidebar-logo img, .sk-wordmark-mark img { width: 100%; height: 100%; object-fit: cover; }
.sk-sidebar-brand-copy small { color: #a6dce0 !important; text-transform: uppercase; letter-spacing: .09em; }
.sk-workspace-card { border-color: rgba(160, 223, 227, .24) !important; background: rgba(255,255,255,.09) !important; }
.sk-workspace-avatar, .sk-profile-avatar { background: linear-gradient(135deg, var(--st-brand), var(--st-teal)) !important; }
.sk-nav-link.is-active { background: linear-gradient(90deg, #1461c7, #0c9fa5) !important; box-shadow: 0 10px 22px rgba(0,0,0,.16) !important; }
.sk-nav-link:hover { background: rgba(21, 171, 178, .15) !important; color: #fff !important; }

.sk-content-shell { background: linear-gradient(140deg, #f6fbff 0%, #f2f4f7 52%, #eef9f9 100%) !important; }
.sk-topbar { min-height: 82px; background: rgba(255,255,255,.94) !important; border-bottom: 1px solid #dce7f1 !important; }
.sk-page-heading h1 { font-family: "Poppins", sans-serif !important; font-weight: 700 !important; }
.sk-breadcrumb { color: #4e7098 !important; font-weight: 700; }
.sk-command-trigger { background: #f7fbff !important; border-color: #d5e3ef !important; }
.sk-accent-button, .btn.primary, .btn:not(.ghost):not(.secondary):not(.danger) { background: linear-gradient(135deg, #0d47a1, #087aaf) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 10px 20px rgba(13,71,161,.19); }
.sk-accent-button:hover, .btn.primary:hover, .btn:not(.ghost):not(.secondary):not(.danger):hover { filter: brightness(1.06); color: #fff !important; }

.sk-workspace-utility-strip { gap: 12px !important; padding: 18px 28px 8px !important; background: transparent !important; }
.sk-utility-item { min-height: 74px; border: 1px solid #d8e7ed !important; border-radius: 15px !important; background: rgba(255,255,255,.83) !important; box-shadow: 0 7px 18px rgba(20,67,111,.05); }
.sk-utility-item:hover { border-color: #7ad9d0 !important; transform: translateY(-2px); box-shadow: var(--st-shadow); }
.sk-utility-item.is-wallet { background: linear-gradient(125deg, #f3fbff, #effcf8) !important; }
.sk-utility-icon { color: #0d47a1 !important; background: #eaf4ff !important; }

.workspace-main { padding-top: 28px !important; }
.workspace-main .card, .workspace-main .surface, .workspace-main .soft-card, .workspace-main .panel { border: 1px solid var(--st-line) !important; border-radius: var(--st-radius-lg) !important; box-shadow: var(--st-shadow); }
.workspace-main .card:hover { border-color: #c1dae7 !important; }
.form-group label { color: #24466e !important; font-size: .78rem; font-weight: 700 !important; letter-spacing: .01em; }
input:not([type="checkbox"]):not([type="radio"]), select, textarea { min-height: 48px; border: 1px solid #cbdbe8 !important; border-radius: 12px !important; background: #fff !important; color: #142b4c !important; box-shadow: inset 0 1px 1px rgba(13,71,161,.02); }
textarea { min-height: 122px; }
input:focus, select:focus, textarea:focus { border-color: var(--st-teal) !important; outline: 3px solid rgba(0,181,166,.15) !important; box-shadow: none !important; }
.table-wrap, .sk-table-scroll { border: 1px solid var(--st-line) !important; border-radius: 16px !important; overflow: hidden; background: #fff; }
.table th, th { background: #f2f8fc !important; color: #315474 !important; font-size: .72rem; font-weight: 800 !important; letter-spacing: .045em; text-transform: uppercase; }
.table td, td { border-color: #e3edf4 !important; color: #18375c !important; }
.table tbody tr:hover td, tbody tr:hover td { background: #f0fbfa !important; }

body.dark .sk-content-shell { background: linear-gradient(140deg, #081b37, #0c203c 58%, #063d4c) !important; }
body.dark .sk-topbar { background: rgba(8,27,55,.94) !important; border-color: #254a6e !important; }
body.dark .sk-page-heading h1, body.dark .workspace-main h1, body.dark .workspace-main h2, body.dark .workspace-main h3 { color: #f3fbff !important; }
body.dark .workspace-main .card, body.dark .workspace-main .surface, body.dark .workspace-main .soft-card, body.dark .workspace-main .panel { background: #102946 !important; border-color: #28516e !important; }
body.dark .form-group label, body.dark .table td, body.dark td { color: #dfefff !important; }
body.dark input:not([type="checkbox"]):not([type="radio"]), body.dark select, body.dark textarea { background: #0a1d35 !important; color: #f1f8ff !important; border-color: #315d7b !important; }
body.dark .table th, body.dark th { background: #163654 !important; color: #bfe4ef !important; }
body.dark .table tbody tr:hover td, body.dark tbody tr:hover td { background: #123e53 !important; }

@media (max-width: 900px) { .sk-workspace-utility-strip { padding: 14px 18px 4px !important; overflow-x: auto; } .sk-utility-item { min-width: 235px; } }

/* Reference-inspired operational dashboard composition. */
.sk-dashboard { max-width: 1480px; margin: 0 auto; }
.sk-dashboard-hero { min-height: 0 !important; padding: 30px !important; border: 1px solid #dce7f1 !important; border-radius: 22px !important; color: var(--st-ink) !important; background: linear-gradient(118deg, #fff 0%, #f4fbff 68%, #eafaf7 100%) !important; box-shadow: var(--st-shadow) !important; }
.sk-dashboard-hero::before, .sk-dashboard-hero::after { display: none !important; }
.sk-dashboard-hero h2, .sk-dashboard-hero p { color: var(--st-ink) !important; }
.sk-dashboard-hero h2 { max-width: 760px; font-family: "Poppins", sans-serif !important; font-size: clamp(1.5rem, 2.3vw, 2.25rem) !important; line-height: 1.15 !important; }
.sk-dashboard-hero p { color: #5b718d !important; }
.sk-hero-kicker { color: #087f91 !important; font-weight: 800 !important; }
.sk-hero-side { border: 1px solid #d4e7ef !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 22px rgba(13,71,161,.06); }
.sk-hero-side, .sk-hero-side strong, .sk-hero-side span, .sk-readiness-item { color: #173a61 !important; }
.sk-readiness-ring { background: conic-gradient(var(--st-teal) calc(var(--progress) * 1%), #e8f0f5 0) !important; }
.sk-readiness-ring::before { background: #fff !important; }
.sk-metric-grid { gap: 16px !important; }
.sk-metric-card { min-height: 114px !important; border: 1px solid #dce7f1 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(13,71,161,.055) !important; }
.sk-metric-card:hover { transform: translateY(-3px); border-color: #9bcfe0 !important; }
.sk-metric-icon { color: #0d47a1 !important; border-radius: 13px !important; background: #eaf3ff !important; }
.sk-metric-card:nth-child(2) .sk-metric-icon { color: #008e88 !important; background: #e2f8f5 !important; }
.sk-metric-card:nth-child(3) .sk-metric-icon { color: #da8700 !important; background: #fff5df !important; }
.sk-metric-copy strong { color: #0d47a1 !important; font-family: "Poppins", sans-serif !important; }
.sk-metric-copy small { color: #71839b !important; }
.sk-dashboard-card, .sk-live-pulse { border: 1px solid #dce7f1 !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 10px 28px rgba(13,71,161,.06) !important; }
.sk-card-head h3 { font-family: "Poppins", sans-serif !important; color: #143a66 !important; }
.sk-module-card { border: 1px solid #dce7f1 !important; border-radius: 14px !important; background: #fbfdff !important; }
.sk-module-card:hover { transform: translateY(-3px); border-color: #7fcac8 !important; background: #f2fbfa !important; }
.sk-module-card h4 { color: #173d70 !important; }
.sk-module-card p { color: #66809d !important; }
.sk-module-card-icon { color: #0d47a1 !important; background: #eaf2ff !important; }
.sk-operations-board { display: grid; grid-template-columns: 1.05fr 1fr 1fr; gap: 18px; margin: 22px 0; }
.sk-operations-board > article { min-height: 230px; padding: 22px; border: 1px solid #dce7f1; border-radius: 20px; background: #fff; box-shadow: 0 9px 25px rgba(13,71,161,.06); }
.sk-operations-card-head { display: flex; align-items: center; gap: 12px; }
.sk-operations-card-head small { display: block; color: #71839b; font-size: .69rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sk-operations-card-head strong { display: block; color: #173d70; font-size: .95rem; }
.sk-operations-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #0d47a1; background: #eaf2ff; }
.sk-operations-icon.teal { color: #008e88; background: #e2f8f5; }.sk-operations-icon.gold { color: #d78200; background: #fff4dd; }
.sk-operations-attendance-body { display: flex; align-items: center; gap: 18px; min-height: 115px; }.sk-operations-attendance-body p { color: #637b96; font-size: .82rem; line-height: 1.65; }
.sk-attendance-orbit { display: grid; flex: 0 0 auto; width: 84px; height: 84px; place-content: center; border: 8px solid #0fb9aa; border-left-color: #e0eeed; border-radius: 50%; text-align: center; }.sk-attendance-orbit b { color: #087f91; font-size: .86rem; }.sk-attendance-orbit span { color: #7c91a6; font-size: .62rem; }
.sk-operations-board > article > a { display: flex; justify-content: space-between; padding-top: 14px; border-top: 1px solid #e5edf3; color: #0d47a1; font-size: .8rem; font-weight: 800; }.sk-operations-board > article > a:hover { color: #008e88; }
.sk-operations-list { display: grid; margin-top: 18px; }.sk-operations-list a { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #edf2f6; color: #4f6d8e; font-size: .79rem; }.sk-operations-list a b { color: #0d47a1; font-size: .73rem; white-space: nowrap; }
body:not(.dark) .sk-offline-hub { max-width: 1480px; }.sk-offline-hub .sk-offline-hero { color: #153b67 !important; background: linear-gradient(118deg, #ffffff 0%, #f3faff 64%, #e7fbf7 100%) !important; border: 1px solid #d7e8f0 !important; border-radius: 22px !important; box-shadow: var(--st-shadow) !important; }
.sk-offline-hub .sk-offline-hero h1, .sk-offline-hub .sk-offline-hero h2, .sk-offline-hub .sk-offline-hero h3, .sk-offline-hub .sk-offline-hero strong, .sk-offline-hub .sk-offline-hero b { color: #123c6d !important; text-shadow: none !important; }.sk-offline-hub .sk-offline-hero p { color: #58738f !important; }.sk-offline-hub .sk-offline-hero .sk-eyebrow { color: #008e88 !important; }
.sk-offline-hub .sk-offline-hero .btn.secondary, .sk-offline-hub .sk-offline-hero button.secondary { color: #0d47a1 !important; border-color: #aec9dc !important; background: #fff !important; }.sk-offline-hub .sk-offline-hero .btn:not(.secondary), .sk-offline-hub .sk-offline-hero button:not(.secondary) { color: #fff !important; background: linear-gradient(135deg,#0d47a1,#008eae) !important; }.sk-offline-orbit { color: #0d47a1 !important; border-color: #9ad8dc !important; background: radial-gradient(circle, #fff 0 38%, #e7faf7 39% 62%, #eaf3ff 63%) !important; }.sk-offline-orbit span { color: #0d47a1 !important; }.sk-offline-orbit b, .sk-offline-orbit i { background: #e2f8f5 !important; color: #007c78 !important; }
.sk-offline-stats article, .sk-offline-readiness article, .sk-offline-capabilities, .sk-offline-grid .card { border-color: #dce7f1 !important; background: #fff !important; box-shadow: 0 9px 24px rgba(13,71,161,.055) !important; }.sk-offline-stats strong, .sk-offline-readiness strong, .sk-offline-capabilities h2, .sk-offline-capabilities h3 { color: #143c6e !important; }
@media (max-width: 1040px) { .sk-operations-board { grid-template-columns: 1fr 1fr; }.sk-operations-board > article:first-child { grid-column: 1 / -1; } }
@media (max-width: 680px) { .sk-dashboard-hero { padding: 21px !important; }.sk-operations-board { grid-template-columns: 1fr; }.sk-operations-board > article:first-child { grid-column: auto; }.sk-operations-board > article { min-height: 0; }.sk-offline-hub .sk-offline-hero { padding: 24px 20px !important; } }

/* Layout hierarchy: mirrors the reference's command bar, then dashboard canvas. */
.sk-content-shell { display: flex; flex-direction: column; min-width: 0; }
.sk-topbar { order: 1; min-height: 68px !important; padding-block: 8px !important; }
.workspace-main { order: 2; }
.sk-workspace-utility-strip { order: 3; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; margin: 0 28px 20px !important; padding: 0 !important; }
.sk-workspace-utility-strip .sk-utility-item { min-height: 58px !important; padding: 10px 12px !important; }
.sk-workspace-utility-strip .sk-utility-item small { font-size: .62rem !important; }
.sk-workspace-utility-strip .sk-utility-item strong { font-size: .73rem !important; }
body:has(.sk-dashboard) .sk-page-heading { display: none; }
body:has(.sk-dashboard) .sk-topbar-left::after { content: "Skooltime Command Center"; color: #0d47a1; font-size: .88rem; font-weight: 800; letter-spacing: -.02em; }
body:has(.sk-dashboard) .sk-dashboard { padding-top: 0; }
.sk-dashboard-hero { grid-template-columns: minmax(0, 1fr) 310px !important; margin-top: 0 !important; }
.sk-dashboard-hero h2 { margin-bottom: 7px !important; font-size: clamp(1.25rem, 1.7vw, 1.75rem) !important; }
.sk-dashboard-hero .sk-hero-actions { margin-top: 17px !important; }
.sk-dashboard-hero .sk-hero-actions .btn { min-height: 38px !important; padding: 8px 13px !important; font-size: .76rem !important; }
.sk-metric-grid { margin-top: 17px !important; }
.sk-metric-card { min-height: 92px !important; padding: 16px !important; }
.sk-metric-copy strong { font-size: 1.3rem !important; }
@media (max-width: 900px) { .sk-workspace-utility-strip { grid-template-columns: repeat(2, minmax(230px, 1fr)) !important; margin: 0 18px 18px !important; }.sk-dashboard-hero { grid-template-columns: 1fr !important; } }

/* Public entry points use the same calm, trusted command-surface language. */
.access-page, .result-access-page { min-height: calc(100vh - 76px); background: linear-gradient(135deg, #edf6ff 0%, #f8fbfd 48%, #ebfbf8 100%) !important; }
.access-shell, .result-access-shell { max-width: 1280px !important; gap: 22px !important; padding: clamp(20px, 4vw, 48px) !important; }
.access-story, .result-access-intro { border: 1px solid rgba(122, 211, 215, .30) !important; border-radius: 24px !important; background: linear-gradient(145deg, #073d89, #082c61 58%, #006f7c) !important; box-shadow: 0 24px 60px rgba(8, 47, 101, .18) !important; }
.access-story h1, .result-access-intro h1, .access-story strong, .result-access-intro strong { color: #fff !important; font-family: "Poppins", sans-serif !important; }
.access-story p, .result-access-intro p, .access-story small, .result-access-intro small { color: #dceeff !important; }
.access-panel, .result-access-card { border: 1px solid #dce7f1 !important; border-radius: 24px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 22px 54px rgba(13,71,161,.12) !important; }
.access-form-head h2, .result-form-head h2 { color: #123c6d !important; font-family: "Poppins", sans-serif !important; }.access-form-head > span, .result-form-head > span { color: #008e88 !important; font-weight: 800 !important; }
.access-benefits > div, .result-steps li { border-color: rgba(196,235,238,.18) !important; }.access-benefits b, .result-steps > li > span { color: #0d47a1 !important; background: #eaf4ff !important; }
.result-access-note { border: 1px solid #bfe8e2 !important; background: #ecfbf8 !important; color: #154f5b !important; }
.product-home { background: #f7fbff !important; }.product-hero { background: linear-gradient(135deg, #f8fcff, #eef9ff 50%, #eefcf8) !important; }.product-hero h1, .product-section h2, .product-workflow-section h2, .product-companion h2, .product-public-sector h2, .product-final h2 { font-family: "Poppins", sans-serif !important; }.product-console { border-color: #b9d9e5 !important; box-shadow: 0 30px 70px rgba(8,48,103,.20) !important; }.product-band { background: linear-gradient(90deg, #0d47a1, #007f91) !important; }.product-price-card, .product-module, .product-faq details { border-color: #dce7f1 !important; box-shadow: 0 10px 25px rgba(13,71,161,.055); }.product-price-card.featured { background: linear-gradient(145deg, #0d47a1, #087a91) !important; }

/* Contrast guardrails: muted information must remain readable on light-grey surfaces and all inverse bands. */
:root { --st-muted: #4d617b; --sk-muted: #4d617b; }
.product-band > .product-wrap { color: #f8fdff !important; text-shadow: 0 1px 1px rgba(0, 31, 70, .28); }
.product-band > .product-wrap i { background: #a5f3e7 !important; box-shadow: 0 0 0 3px rgba(165, 243, 231, .16); }
body:not(.dark) .workspace-main .muted,
body:not(.dark) .workspace-main .form-help,
body:not(.dark) .workspace-main .field-help,
body:not(.dark) .workspace-main .empty-state,
body:not(.dark) .workspace-main small.muted,
body:not(.dark) .workspace-main .card > p,
body:not(.dark) .workspace-main .portal-empty-state p { color: #4d617b; }
body.dark { --st-muted: #b8c8dc; --sk-muted: #b8c8dc; }
body.dark .product-band > .product-wrap { color: #f4fbff !important; }
@media (max-width: 760px) { .access-shell, .result-access-shell { padding: 16px !important; }.access-story, .result-access-intro, .access-panel, .result-access-card { border-radius: 18px !important; } }

/* Regression guardrails: dark surfaces always receive light readable content. */
.sk-app-footer { order: 4 !important; }
.sk-sidebar-brand-copy strong, .sk-sidebar .sk-security-chip strong, .sk-sidebar .sk-security-chip small { color: #f7fbff !important; }
.sk-app-footer .sk-wordmark strong, .sk-app-footer .sk-wordmark small, .sk-app-footer > span, .sk-app-footer > a, .sk-app-footer strong { color: #e4f2ff !important; }
.workspace-main .quick-tile, .workspace-main .quick-tile h1, .workspace-main .quick-tile h2, .workspace-main .quick-tile h3, .workspace-main .quick-tile strong { color: #ffffff !important; }
.workspace-main .quick-tile p, .workspace-main .quick-tile .muted { color: #d7e9ff !important; }
.workspace-main .quick-tile .kicker { color: #ffffff !important; }

/* Small, purposeful motion gives the workspace feedback without distraction. */
@keyframes sk-rise-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sk-soft-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(0,181,166,.34); } 50% { box-shadow: 0 0 0 7px rgba(0,181,166,0); } }
@keyframes sk-sheen { 0% { background-position: 180% 0; } 100% { background-position: -30% 0; } }
.workspace-main > .container, .workspace-main > .sk-dashboard { animation: sk-rise-in .42s cubic-bezier(.2,.8,.2,1) both; }
.sk-live-dot, .sk-footer-status i { animation: sk-soft-pulse 2.2s ease-in-out infinite; }
.sk-metric-card, .sk-module-card, .module-tile, .sk-operations-board > article, .sk-offline-stats article { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.sk-metric-card:hover, .sk-module-card:hover, .module-tile:hover, .sk-operations-board > article:hover, .sk-offline-stats article:hover { transform: translateY(-4px); box-shadow: 0 20px 38px rgba(13,71,161,.13) !important; }
.sk-accent-button, .product-primary, .access-submit, .result-submit { background-size: 180% 100% !important; background-image: linear-gradient(100deg, #0d47a1 0%, #0876aa 47%, #00a89b 72%, #0d47a1 100%) !important; animation: sk-sheen 7s linear infinite; }
.sk-nav-link.is-active::after { content: ""; width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: #a8fff1; box-shadow: 0 0 0 4px rgba(168,255,241,.12); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } }

/* Portal schema: compact school context header, blue navigation and data-first canvas. */
.sk-auth-layout { grid-template-columns: 222px minmax(0,1fr) !important; }
.sk-sidebar { width: 222px !important; background: linear-gradient(180deg, #0d47a1 0%, #073878 54%, #06275a 100%) !important; }
.sk-sidebar-head { min-height: 88px; padding: 14px 16px !important; }.sk-sidebar-logo { width: 48px !important; height: 48px !important; flex-basis: 48px !important; }.sk-sidebar-brand-copy strong { font-size: 17px !important; }.sk-sidebar-brand-copy small { font-size: 9px !important; }.sk-collapse-button { display: none !important; }
.sk-sidebar-scroll { padding: 12px 12px 22px !important; }.sk-workspace-card { margin: 0 0 16px !important; padding: 11px !important; }.sk-nav-section { margin: 16px 6px 7px !important; }.sk-nav-link { min-height: 40px !important; margin: 2px 0 !important; padding: 5px 8px !important; font-size: 12px !important; }.sk-nav-icon { width: 28px !important; height: 28px !important; flex-basis: 28px !important; }.sk-nav-link.is-active { border-radius: 8px !important; background: linear-gradient(90deg,#1661cc,#0e96b1) !important; }
.sk-topbar { min-height: 88px !important; padding: 13px 32px !important; background: #fff !important; box-shadow: 0 1px 0 #e3edf5 !important; }.sk-topbar-left { min-width: 0; gap: 14px !important; }.sk-topbar .sk-page-heading { display: none; }.sk-school-context { display: flex; min-width: 0; align-items: center; gap: 10px; color: #123c74; }.sk-school-context:hover { color: #008e88; }.sk-school-context-mark { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; overflow: hidden; border: 1px solid #cedeed; border-radius: 12px; color: #0d47a1; background: #f7fbff; }.sk-school-context-mark img { width: 100%; height: 100%; object-fit: cover; }.sk-school-context span:not(.sk-school-context-mark) { display: grid; min-width: 0; }.sk-school-context strong { overflow: hidden; color: #143b70; font-size: .88rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.sk-school-context small { color: #71849c; font-size: .64rem; }.sk-school-context > b { color: #0d47a1; font-size: .85rem; }.sk-command-trigger { width: min(330px,27vw); height: 42px !important; border-radius: 10px !important; }.sk-command-trigger kbd { display: none; }.sk-topbar-actions { gap: 10px !important; }.sk-profile-trigger { height: 48px !important; }.sk-profile-copy strong { font-size: .78rem !important; }
.workspace-main { padding: 24px 32px 42px !important; background: #f6f9fd !important; }.sk-content-shell { background: #f6f9fd !important; }.sk-workspace-utility-strip { display: none !important; }
.sk-dashboard { max-width: 1600px !important; }.sk-dashboard-hero { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }.sk-dashboard-hero > div:first-child { padding: 4px 0 10px !important; }.sk-dashboard-hero h2 { color: #132d63 !important; font-size: clamp(1.42rem,2.1vw,2.1rem) !important; }.sk-dashboard-hero p { color: #58708f !important; }.sk-hero-kicker { display: none !important; }.sk-dashboard-hero .sk-hero-actions { margin-top: 13px !important; }.sk-hero-side { padding: 17px !important; border-radius: 16px !important; }.sk-readiness-list { display: none !important; }.sk-readiness-ring { width: 86px !important; height: 86px !important; margin: 8px auto 0 !important; }.sk-metric-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; }.sk-metric-card { min-height: 102px !important; padding: 15px !important; border-radius: 12px !important; }.sk-metric-copy > span { color: #647a97 !important; font-size: .67rem !important; }.sk-metric-copy strong { color: #102f68 !important; font-size: 1.45rem !important; }.sk-metric-copy small { font-size: .63rem !important; }.sk-metric-icon { width: 37px !important; height: 37px !important; flex-basis: 37px !important; border-radius: 50% !important; }
.sk-operations-board { grid-template-columns: 1.12fr 1fr 1fr !important; gap: 12px !important; margin: 14px 0 !important; }.sk-operations-board > article { min-height: 214px !important; padding: 17px !important; border-radius: 13px !important; }.sk-operations-card-head strong { font-size: .83rem !important; }.sk-operations-card-head small { font-size: .59rem !important; }.sk-operations-attendance-body { min-height: 96px !important; }.sk-attendance-orbit { width: 67px !important; height: 67px !important; border-width: 6px !important; }.sk-operations-list { margin-top: 10px !important; }.sk-operations-list a { padding: 8px 0 !important; font-size: .71rem !important; }
.sk-dashboard-grid { grid-template-columns: minmax(0,1.8fr) minmax(280px,.85fr) !important; gap: 14px !important; }.sk-dashboard-card { border-radius: 13px !important; }.sk-module-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; }.sk-module-card { min-height: 136px !important; padding: 14px !important; border-radius: 11px !important; }.sk-module-card h4 { font-size: .8rem !important; }.sk-module-card p { font-size: .68rem !important; line-height: 1.45 !important; }
.sk-offline-hub { max-width: 1600px !important; }.sk-offline-hub .sk-offline-hero { margin-top: 0 !important; }.sk-offline-stats { gap: 12px !important; }.sk-offline-stats article { min-height: 100px !important; border-radius: 12px !important; }.sk-offline-grid .card, .sk-offline-capabilities { border-radius: 14px !important; }
@media (max-width: 1180px) { .sk-auth-layout { grid-template-columns: 210px minmax(0,1fr) !important; }.sk-sidebar { width:210px !important; }.sk-dashboard-grid { grid-template-columns: 1fr !important; }.sk-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 900px) { .sk-auth-layout { display:block !important; }.sk-sidebar { width: 260px !important; }.sk-topbar { min-height: 70px !important; padding: 10px 16px !important; }.sk-school-context small { display: none; }.sk-command-trigger { width: 42px !important; padding: 0 !important; justify-content:center; }.sk-command-trigger span { display:none; }.workspace-main { padding: 18px 16px 34px !important; }.sk-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.sk-operations-board { grid-template-columns: 1fr 1fr !important; }.sk-operations-board > article:first-child { grid-column: 1/-1; } }
@media (max-width: 620px) { .sk-school-context { max-width: 150px; }.sk-profile-copy { display:none !important; }.sk-metric-grid, .sk-operations-board, .sk-module-grid { grid-template-columns: 1fr !important; }.sk-operations-board > article:first-child { grid-column:auto; }.sk-topbar-actions { gap: 6px !important; }.sk-sync-trigger { display:none !important; } }