/* ═══════════════════════════════════════════════════════════════════════════ NIGHT — grades.html 2026-09-27 This page's own dark sheet. Loaded after css/pm-night-site.css (the shared menu, top bar, type, cards and controls). EVERY rule is scoped to html[data-look="night"], so Day is this page exactly as it was. Only the staff view is dressed (body.gd-staff — owner + assistants); the parent / kid grade pages keep their own themes. The student's document inside the grading preview stays white paper — it is the work itself — and sits on a dark desk with a hairline frame. Sections: 1 tokens + ground · 2 top-bar extras · 3 header · 4 toolbar · 5 status tabs + pager · 6 student groups · 7 the table · 8 single-student folder · 9 empty/loading · 10 grade modal · 11 feedback popover · 12 XP toast · 13 phone ═══════════════════════════════════════════════════════════════════════════ */ /* ── 1. tokens + ground — the page's --gd-* palette, re-pointed ─────────── */ html[data-look="night"] body.gd-staff { --gd-bg: var(--n-bg) !important; --gd-card: var(--n-card) !important; --gd-ink: var(--n-ink) !important; --gd-mute: var(--n-mute) !important; --gd-soft: var(--n-faint) !important; --gd-line: var(--n-line-2) !important; --gd-line-strong: var(--n-line) !important; --gd-purple: var(--n-blue) !important; --gd-purple-deep: var(--n-blue-hi) !important; --gd-purple-soft: rgb(var(--n-blue-rgb) / .12) !important; --gd-purple-tint: rgb(var(--n-ov) / .02) !important; --gd-blue: var(--n-blue) !important; --gd-blue-bright: var(--n-blue) !important; --gd-blue-soft: rgb(var(--n-blue-rgb) / .12) !important; --gd-amber: var(--n-amber) !important; --gd-amber-soft: rgb(var(--n-amber-rgb) / .12) !important; --gd-emerald: var(--n-green) !important; --gd-emerald-soft: rgb(var(--n-green-rgb) / .12) !important; --gd-rose: var(--n-red) !important; --gd-rose-soft: rgb(var(--n-red-rgb) / .12) !important; --gd-slate-soft: var(--n-raise) !important; --gd-slate-ink: var(--n-mute) !important; --gd-shadow-sm: none !important; --gd-shadow: none !important; --gd-shadow-lg: var(--n-shadow-pop) !important; background: var(--n-bg) !important; color: var(--n-ink-2) !important; } html[data-look="night"] body.gd-staff::before { display: none !important; } html[data-look="night"] body.gd-staff .gd-shell, html[data-look="night"] body.gd-staff .gd-shell *:not(svg):not(path), html[data-look="night"] body.gd-staff :is(.gd-modal-bd, .gd-fb-pop-bd, .gd-toast-host) *:not(svg):not(path) { font-family: var(--n-font) !important; } /* ── 2. top-bar extras on this page — language flag, old theme toggle ───── The flag is Caleb's art and stays; only its ring and menu turn dark. */ html[data-look="night"] body.gd-staff .nx-topbar .pmlang__btn { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .nx-topbar .pmlang__btn:hover { border-color: var(--n-line-3) !important; transform: none; } html[data-look="night"] body.gd-staff .nx-topbar .pmlang.is-open .pmlang__btn { border-color: transparent !important; box-shadow: 0 0 0 1px rgb(var(--n-blue-rgb) / .55), 0 0 0 4px rgb(var(--n-blue-rgb) / .14) !important; } html[data-look="night"] body.gd-staff .pmlang__btnflag { box-shadow: 0 0 0 1px var(--n-line) !important; } html[data-look="night"] body.gd-staff .pmlang__menu { background: var(--n-card) !important; border: 0 !important; box-shadow: var(--n-shadow-pop) !important; border-radius: 16px !important; } html[data-look="night"] body.gd-staff .pmlang__head { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .pmlang__item { background: var(--n-surf) !important; border: 1px solid var(--n-line) !important; box-shadow: none !important; border-radius: 14px !important; } html[data-look="night"] body.gd-staff .pmlang__item:hover { background: var(--n-hover) !important; border-color: var(--n-line-3) !important; transform: none; } html[data-look="night"] body.gd-staff .pmlang__item.is-active { background: var(--n-raise) !important; border-color: transparent !important; box-shadow: 0 0 0 1px rgb(var(--n-blue-rgb) / .55), 0 0 0 4px rgb(var(--n-blue-rgb) / .12) !important; } html[data-look="night"] body.gd-staff .pmlang__native { color: var(--n-ink-2) !important; font-family: var(--n-font) !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .pmlang__item.is-active .pmlang__native { color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .pmlang__check { background: var(--n-blue) !important; color: var(--n-bg) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .pmlang__flag { box-shadow: 0 0 0 1px var(--n-line) !important; } html[data-look="night"] body.gd-staff .pmlang__flag--none { background: var(--n-raise) !important; color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .nx-topbar .dash-theme-toggle { width: 34px; height: 34px; padding: 0 !important; justify-content: center; background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-mute) !important; border-radius: 10px !important; transition: background .15s ease, color .15s ease, border-color .15s ease; } html[data-look="night"] body.gd-staff .nx-topbar .dash-theme-toggle:hover { background: var(--n-hover) !important; color: var(--n-ink) !important; border-color: var(--n-line-3) !important; } html[data-look="night"] body.gd-staff .pm-install-lift:hover { box-shadow: none !important; } /* ── 3. page header ─────────────────────────────────────────────────────── */ html[data-look="night"] body.gd-staff .gd-top { border-bottom: 1px solid var(--n-line) !important; padding: 0 0 18px !important; margin-bottom: 22px !important; } html[data-look="night"] body.gd-staff .gd-top__title { color: var(--n-ink) !important; font-size: 26px !important; font-weight: 600 !important; letter-spacing: -.02em !important; padding-left: 0 !important; } html[data-look="night"] body.gd-staff .gd-top__title::before { display: none !important; } html[data-look="night"] body.gd-staff .gd-top__sub { color: var(--n-mute) !important; font-size: 14px !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-top__sub b { color: var(--n-ink) !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-role-pill { background: var(--n-chip) !important; color: var(--n-mute) !important; border: 0 !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 11px !important; letter-spacing: .1em !important; padding: 5px 11px !important; } html[data-look="night"] body.gd-staff .gd-role-pill svg { color: var(--n-blue); } /* stat tiles (switched off in the code today; dressed in case they return) */ html[data-look="night"] body.gd-staff .gd-stat { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; box-shadow: none !important; transform: none !important; } html[data-look="night"] body.gd-staff .gd-stat:hover { border-color: var(--n-line-3) !important; } html[data-look="night"] body.gd-staff .gd-stat.is-active { border-color: rgb(var(--n-blue-rgb) / .55) !important; box-shadow: 0 0 0 3px rgb(var(--n-blue-rgb) / .14) !important; } html[data-look="night"] body.gd-staff .gd-stat__label { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .gd-stat__value { color: var(--n-ink) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: -.03em !important; } html[data-look="night"] body.gd-staff .gd-stat__sub { color: var(--n-faint) !important; } html[data-look="night"] body.gd-staff .gd-stat--purple .gd-stat__accent, html[data-look="night"] body.gd-staff .gd-stat--blue .gd-stat__accent { background: var(--n-blue) !important; } html[data-look="night"] body.gd-staff .gd-stat--amber .gd-stat__accent { background: var(--n-amber) !important; } html[data-look="night"] body.gd-staff .gd-stat--emerald .gd-stat__accent { background: var(--n-green) !important; } /* ── 4. toolbar — filters + search ──────────────────────────────────────── */ html[data-look="night"] body.gd-staff .gd-toolbar, html[data-look="night"] body.gd-staff .gd-folder .gd-toolbar { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-bottom: 0 !important; border-radius: 16px 16px 0 0 !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-folder .gd-toolbar { border: 0 !important; border-radius: 0 !important; } html[data-look="night"] body.gd-staff :is(.gd-select select, .gd-search input) { background: var(--n-raise) !important; background-image: none !important; border: 1px solid var(--n-line) !important; color: var(--n-ink) !important; font-family: var(--n-font) !important; font-weight: 500 !important; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease; } html[data-look="night"] body.gd-staff :is(.gd-select select, .gd-search input):hover { border-color: var(--n-line-3) !important; } html[data-look="night"] body.gd-staff :is(.gd-select select, .gd-search input):focus { border-color: rgb(var(--n-blue-rgb) / .55) !important; box-shadow: 0 0 0 3px rgb(var(--n-blue-rgb) / .14) !important; } html[data-look="night"] body.gd-staff .gd-search input::placeholder { color: var(--n-dim) !important; } html[data-look="night"] body.gd-staff :is(.gd-select, .gd-search) svg { color: var(--n-faint) !important; stroke: var(--n-faint) !important; } html[data-look="night"] body.gd-staff :is(.gd-select, .gd-search):focus-within svg { color: var(--n-blue) !important; stroke: var(--n-blue) !important; } /* ── 5. status tabs (segmented) + pager ─────────────────────────────────── */ html[data-look="night"] body.gd-staff .gd-tabsbar, html[data-look="night"] body.gd-staff .gd-folder .gd-tabsbar { background: var(--n-card) !important; border-left: 1px solid var(--n-line) !important; border-right: 1px solid var(--n-line) !important; border-bottom: 1px solid var(--n-line) !important; border-radius: 0 0 16px 16px; padding: 4px 18px 16px !important; } html[data-look="night"] body.gd-staff .gd-folder .gd-tabsbar { border-left: 0 !important; border-right: 0 !important; border-radius: 0; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab { color: var(--n-faint) !important; background: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; font-weight: 500 !important; font-size: 13px !important; border-radius: 9px !important; transition: background .15s ease, color .15s ease; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab:hover:not(.is-active) { background: var(--n-raise) !important; color: var(--n-ink-2) !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab.is-active { background: var(--n-on) !important; color: var(--n-ink) !important; border-color: transparent !important; box-shadow: 0 0 0 1px var(--n-on-line) !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab .gd-tab__n, html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab:not(.is-active) .gd-tab__n { background: var(--n-chip) !important; color: var(--n-mute) !important; border: 0 !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 10.5px !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab.is-active .gd-tab__n { background: var(--nz-3a3a42) !important; color: var(--n-ink) !important; border: 0 !important; } /* "Overall" is a toggle, not a status — a quiet outlined chip with a blue dot */ html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab--overall { background: transparent !important; border: 1px solid var(--n-line) !important; box-shadow: none !important; color: var(--n-mute) !important; animation: none !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab--overall::before { background: var(--n-blue) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab--overall:hover { background: var(--n-raise) !important; border-color: var(--n-line-3) !important; box-shadow: none !important; color: var(--n-ink-2) !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab--overall.is-active { background: var(--n-blue-soft) !important; border-color: rgb(var(--n-blue-rgb) / .35) !important; color: var(--n-blue) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab--overall.is-active::before { background: var(--n-blue) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-tabsbar .gd-tab--overall.is-active .gd-tab__n { background: rgb(var(--n-blue-rgb) / .18) !important; color: var(--n-blue) !important; } html[data-look="night"] body.gd-staff :is(.gd-tab, .gd-pager button, .gd-feedback-btn, .gd-btn, .gd-letter-btn):focus-visible { box-shadow: 0 0 0 3px rgb(var(--n-blue-rgb) / .35) !important; } html[data-look="night"] body.gd-staff .gd-tabsbar__pager { color: var(--n-faint) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-tabsbar__count { font-family: var(--n-mono) !important; font-size: 11.5px; } html[data-look="night"] body.gd-staff :is(.gd-tabsbar__count, .gd-pager__page) b { color: var(--n-ink) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-pager__page { font-family: var(--n-mono) !important; font-size: 11.5px; color: var(--n-faint); } html[data-look="night"] body.gd-staff .gd-pager button { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-mute) !important; border-radius: 8px !important; width: 30px; height: 30px; } html[data-look="night"] body.gd-staff .gd-pager button:hover:not(:disabled) { background: var(--n-hover) !important; border-color: var(--n-line-3) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-pager button:disabled { opacity: 1 !important; color: var(--n-dim) !important; background: transparent !important; } /* ── 6. student groups — one card per learner ───────────────────────────── */ html[data-look="night"] body.gd-staff .gd-groups { margin-top: 18px; gap: 16px !important; } html[data-look="night"] body.gd-staff .gd-client-group { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: 16px !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-client-group__head { background: transparent !important; border-bottom: 1px solid var(--n-line) !important; padding: 16px 20px !important; } html[data-look="night"] body.gd-staff .gd-client-group__name { color: var(--n-ink) !important; font-size: 16px !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-client-group__count { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 11px !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .gd-pill.gd-pill--warn { background: var(--n-amber-soft) !important; color: var(--n-amber) !important; border: 0 !important; font-weight: 500 !important; font-size: 11.5px !important; letter-spacing: 0 !important; text-transform: none !important; padding: 3px 10px !important; } html[data-look="night"] body.gd-staff .gd-pill--due { background: var(--n-chip) !important; color: var(--n-mute) !important; border: 0 !important; font-weight: 500 !important; font-size: 11.5px !important; padding: 3px 10px !important; } html[data-look="night"] body.gd-staff .gd-pill--due-overdue { background: var(--n-red-soft) !important; color: var(--n-red) !important; } html[data-look="night"] body.gd-staff .gd-avg-label { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; font-size: 11px !important; } html[data-look="night"] body.gd-staff .gd-avg-empty { color: var(--n-faint) !important; font-style: normal !important; font-size: 12px !important; } html[data-look="night"] body.gd-staff .gd-client-group .gd-avg-pill { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-ink-2) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-client-group .gd-avg-pill__subj { color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-client-group .gd-avg-pill__letter { color: var(--n-ink) !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-client-group .gd-avg-pill__pct { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } /* ── 7. the table ───────────────────────────────────────────────────────── */ html[data-look="night"] body.gd-staff .gd-tableCard { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: 16px !important; margin-top: 18px; } html[data-look="night"] body.gd-staff .gd-folder .gd-tableCard { border: 0 !important; border-radius: 0 !important; margin-top: 0; } html[data-look="night"] body.gd-staff .gd-table { background: transparent !important; color: var(--n-ink-2); } html[data-look="night"] body.gd-staff .gd-table thead th, html[data-look="night"] body.gd-staff .gd-client-group__rows .gd-table thead th { background: transparent !important; color: var(--n-faint) !important; border-bottom: 1px solid var(--n-line) !important; box-shadow: none !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 10.5px !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .gd-table tbody td { border-bottom: 1px solid var(--n-line-2) !important; background: transparent; } html[data-look="night"] body.gd-staff .gd-table tbody tr:last-child td { border-bottom: 0 !important; } html[data-look="night"] body.gd-staff .gd-table thead th:last-child { text-align: right !important; padding-right: 16px !important; } html[data-look="night"] body.gd-staff .gd-table tbody tr:hover, html[data-look="night"] body.gd-staff .gd-table tbody tr:hover td { background: rgb(var(--n-ov) / .02) !important; } html[data-look="night"] body.gd-staff .gd-tablewrap { scrollbar-color: var(--n-line-3) transparent; } /* tighter fixed columns so the Action column fits on a laptop without sideways scrolling */ @media (min-width: 761px) { html[data-look="night"] body.gd-staff .gd-col--learner { width: 100px !important; } html[data-look="night"] body.gd-staff .gd-col--subject { width: 108px !important; } html[data-look="night"] body.gd-staff .gd-col--priority { width: 84px !important; } html[data-look="night"] body.gd-staff .gd-col--date { width: 92px !important; } html[data-look="night"] body.gd-staff .gd-col--submitted { width: 92px !important; } html[data-look="night"] body.gd-staff .gd-col--due { width: 104px !important; } html[data-look="night"] body.gd-staff .gd-col--grade { width: 70px !important; } html[data-look="night"] body.gd-staff .gd-col--improvement { width: 82px !important; } html[data-look="night"] body.gd-staff .gd-col--feedback { width: 82px !important; } html[data-look="night"] body.gd-staff .gd-col--action { width: 134px !important; } } html[data-look="night"] body.gd-staff .gd-tablewrap::-webkit-scrollbar-thumb { background: var(--n-thumb) !important; } /* cells */ html[data-look="night"] body.gd-staff .gd-c-learner__name { color: var(--n-ink) !important; font-weight: 500 !important; font-size: 13px !important; } html[data-look="night"] body.gd-staff .gd-c-learner__name:hover { color: var(--n-blue) !important; } html[data-look="night"] body.gd-staff .gd-c-family { color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-c-subject__chip { background: var(--n-raise) !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--n-line) !important; border-radius: 8px !important; } html[data-look="night"] body.gd-staff .gd-c-subject__chip svg { stroke: var(--n-mute) !important; color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-c-subject__name { color: var(--n-ink-2) !important; font-size: 12.5px !important; } html[data-look="night"] body.gd-staff :is(.gd-c-title, a.gd-c-title, .gd-c-title[data-action]) { color: var(--n-ink-2) !important; font-size: 13px !important; font-weight: 500 !important; } html[data-look="night"] body.gd-staff :is(.gd-c-title:hover, a.gd-c-title:hover, .gd-c-title[data-action]:hover), html[data-look="night"] body.gd-staff .gd-table tbody tr:hover .gd-c-title { color: var(--n-ink) !important; text-decoration: underline !important; text-decoration-color: var(--n-line-3) !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } html[data-look="night"] body.gd-staff .gd-c-title__progress { background: var(--n-amber-soft) !important; color: var(--n-amber) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } /* dates, submitted, due, grade figures → mono */ html[data-look="night"] body.gd-staff :is(.gd-c-date__day, .gd-c-submitted__day, .gd-c-due__day) { color: var(--n-ink-2) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 12px !important; letter-spacing: -.01em !important; } html[data-look="night"] body.gd-staff .gd-c-due__day--overdue { color: var(--n-red) !important; } html[data-look="night"] body.gd-staff :is(.gd-c-date__kind, .gd-c-due__kind) { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-size: 10.5px !important; letter-spacing: .02em !important; } html[data-look="night"] body.gd-staff :is(.gd-c-submitted__none, .gd-c-due__none), html[data-look="night"] body.gd-staff .gd-c-date span[style] { color: var(--n-faint) !important; } html[data-look="night"] body.gd-staff .gd-gradecell { color: var(--n-ink) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 13px !important; } html[data-look="night"] body.gd-staff :is(.gd-gradecell--na, .gd-gradecell .gd-gradecell--na) { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 11.5px !important; } html[data-look="night"] body.gd-staff .gd-gradecell__pct { color: var(--n-mute) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } /* priority — soft tints, no gloss */ html[data-look="night"] body.gd-staff .gd-priority-chip { background: var(--n-chip) !important; color: var(--n-mute) !important; border: 0 !important; box-shadow: none !important; font-family: var(--n-mono) !important; font-weight: 400 !important; font-size: 10.5px !important; border-radius: 999px !important; padding: 2px 10px !important; } html[data-look="night"] body.gd-staff .gd-priority--high { background: var(--n-red-soft) !important; color: var(--n-red) !important; } html[data-look="night"] body.gd-staff .gd-priority--medium { background: var(--n-amber-soft) !important; color: var(--n-amber) !important; } html[data-look="night"] body.gd-staff .gd-priority--low { background: var(--n-chip) !important; color: var(--n-faint) !important; } /* status badges + improvement arrows + feedback bubble */ html[data-look="night"] body.gd-staff .gd-badge { box-shadow: none !important; border: 0 !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-badge--graded { background: var(--n-green-soft) !important; color: var(--n-green) !important; } html[data-look="night"] body.gd-staff .gd-badge--submitted { background: var(--n-blue-soft) !important; color: var(--n-blue) !important; } html[data-look="night"] body.gd-staff .gd-badge--progress { background: var(--n-chip) !important; color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-badge--ungraded { background: var(--n-amber-soft) !important; color: var(--n-amber) !important; } html[data-look="night"] body.gd-staff .gd-improvement-chip { border: 0 !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-improvement-chip--up { background: var(--n-green-soft) !important; color: var(--n-green) !important; } html[data-look="night"] body.gd-staff .gd-improvement-chip--same { background: var(--n-chip) !important; color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-improvement-chip--down { background: var(--n-red-soft) !important; color: var(--n-red) !important; } html[data-look="night"] body.gd-staff .gd-feedback-btn.has-feedback, html[data-look="night"] body.gd-staff .gd-feedback-btn.has-feedback:hover { background: var(--n-blue-soft) !important; border: 0 !important; } html[data-look="night"] body.gd-staff .gd-feedback-btn.has-feedback svg { color: var(--n-blue) !important; } html[data-look="night"] body.gd-staff .gd-feedback-btn.has-feedback::after { background: var(--n-blue) !important; border-color: var(--n-card) !important; } html[data-look="night"] body.gd-staff .gd-grade-toggle { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-mute) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-grade-toggle:hover { background: var(--n-hover) !important; color: var(--n-ink) !important; border-color: var(--n-line-3) !important; } /* row actions — Grade = primary (ink), View / Edit = secondary, waiting = neutral */ html[data-look="night"] body.gd-staff .gd-btn--primary { background: var(--n-ink) !important; color: var(--n-bg) !important; border: 0 !important; box-shadow: none !important; font-weight: 600 !important; transform: none !important; } html[data-look="night"] body.gd-staff .gd-btn--primary:hover { background: var(--n-ink-hi) !important; color: var(--n-bg) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-btn--primary svg { color: var(--n-bg) !important; stroke: var(--n-bg) !important; } html[data-look="night"] body.gd-staff .gd-btn--review { background: var(--n-raise) !important; color: var(--n-ink-2) !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--n-line) !important; font-weight: 500 !important; transform: none !important; } html[data-look="night"] body.gd-staff .gd-btn--review svg { color: var(--n-mute) !important; stroke: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-btn--review:hover { background: var(--n-hover) !important; color: var(--n-ink) !important; box-shadow: inset 0 0 0 1px var(--n-line-3) !important; } html[data-look="night"] body.gd-staff .gd-btn--review:hover svg { color: var(--n-ink) !important; stroke: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-btn--ghost { color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-btn--ghost:hover { color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-btn--danger { background: transparent !important; color: var(--n-red) !important; border: 1px solid rgb(var(--n-red-rgb) / .35) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-btn--danger:hover { background: rgb(var(--n-red-rgb) / .08) !important; border-color: rgb(var(--n-red-rgb) / .5) !important; } html[data-look="night"] body.gd-staff .gd-c-action__await { background: transparent !important; color: var(--n-faint) !important; box-shadow: inset 0 0 0 1px var(--n-line-2); font-size: 11.5px !important; } /* ── 8. single-student folder (staff filtered to one learner) ───────────── */ html[data-look="night"] body.gd-staff .gd-folder { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: 16px !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-folder::before, html[data-look="night"] body.gd-staff .gd-folder::after { display: none !important; } html[data-look="night"] body.gd-staff .gd-folder__topedge { display: none !important; } html[data-look="night"] body.gd-staff .gd-family-avg, html[data-look="night"] body.gd-staff .gd-folder .gd-family-avg { background: var(--n-surf) !important; box-shadow: none !important; border-top: 0 !important; border-bottom: 1px solid var(--n-line) !important; border-radius: 0 !important; padding: 14px 20px !important; } html[data-look="night"] body.gd-staff .gd-family-avg::before, html[data-look="night"] body.gd-staff .gd-family-avg::after, html[data-look="night"] body.gd-staff .gd-family-avg__head::after { display: none !important; } html[data-look="night"] body.gd-staff .gd-family-avg__head .gd-avg-label { color: var(--n-faint) !important; text-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-family-avg__pills .gd-avg-pill, html[data-look="night"] body.gd-staff .gd-folder .gd-family-avg__pills .gd-avg-pill { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; box-shadow: none !important; transform: none !important; } html[data-look="night"] body.gd-staff .gd-family-avg__pills .gd-avg-pill::before { display: none !important; } html[data-look="night"] body.gd-staff .gd-family-avg__pills .gd-avg-pill__subj, html[data-look="night"] body.gd-staff .gd-folder .gd-family-avg__pills .gd-avg-pill__subj { color: var(--n-mute) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .gd-family-avg__pills .gd-avg-pill__letter, html[data-look="night"] body.gd-staff .gd-folder .gd-family-avg__pills .gd-avg-pill__letter { color: var(--n-ink) !important; -webkit-text-fill-color: currentColor !important; background: none !important; filter: none !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-folder .gd-family-avg__pills .gd-avg-pill--life :is(.gd-avg-pill__subj, .gd-avg-pill__letter) { color: var(--n-green) !important; } html[data-look="night"] body.gd-staff .gd-family-avg__pills .gd-avg-pill__pct, html[data-look="night"] body.gd-staff .gd-folder .gd-family-avg__pills .gd-avg-pill__pct { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } /* ── 9. empty + loading ─────────────────────────────────────────────────── */ html[data-look="night"] body.gd-staff .gd-loading { color: var(--n-faint) !important; } html[data-look="night"] body.gd-staff .gd-empty { margin: 18px; border: 1px dashed var(--n-line-3); border-radius: 14px; padding: 48px 24px !important; } html[data-look="night"] body.gd-staff .gd-empty__icon { background: var(--n-raise) !important; color: var(--n-mute) !important; box-shadow: inset 0 0 0 1px var(--n-line); border-radius: 14px !important; width: 52px; height: 52px; } html[data-look="night"] body.gd-staff .gd-empty__icon svg { width: 24px; height: 24px; } html[data-look="night"] body.gd-staff .gd-empty__title { color: var(--n-ink) !important; font-size: 15px !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-empty__text { color: var(--n-faint) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-empty__text a { color: var(--n-blue) !important; } /* ── 10. grade modal — the student's paper on the left, controls right ──── */ html[data-look="night"] body.gd-staff .gd-modal-bd { background: var(--n-scrim-p7) !important; backdrop-filter: blur(3px); } html[data-look="night"] body.gd-staff .gd-modal { background: var(--n-card) !important; box-shadow: var(--n-shadow-pop) !important; border-radius: 18px !important; } html[data-look="night"] body.gd-staff .gd-modal__head { border-bottom: 1px solid var(--n-line) !important; } html[data-look="night"] body.gd-staff .gd-modal__head h2 { color: var(--n-ink) !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: -.015em !important; } html[data-look="night"] body.gd-staff .gd-modal__head p { color: var(--n-mute) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-modal__close { width: 34px; height: 34px; display: grid; place-items: center; padding: 0 !important; background: var(--n-raise) !important; box-shadow: inset 0 0 0 1px var(--n-line); color: var(--n-mute) !important; border-radius: 10px !important; } html[data-look="night"] body.gd-staff .gd-modal__close:hover { background: var(--n-hover) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-modal__close svg { width: 16px; height: 16px; } /* the preview "desk" — dark around the white page */ html[data-look="night"] body.gd-staff .gd-modal__preview { background: var(--n-bg) !important; border-right: 1px solid var(--n-line) !important; } html[data-look="night"] body.gd-staff .gd-modal__preview-head { background: var(--n-card) !important; border-bottom: 1px solid var(--n-line) !important; color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .gd-modal__preview-body { background: var(--n-bg) !important; padding: 14px; } html[data-look="night"] body.gd-staff .gd-modal__preview-body iframe { border-radius: 10px; box-shadow: 0 0 0 1px var(--n-line); } html[data-look="night"] body.gd-staff .gd-modal__preview-empty { color: var(--n-mute) !important; } html[data-look="night"] body.gd-staff .gd-modal__preview-empty svg { color: var(--n-line-3) !important; } html[data-look="night"] body.gd-staff .gd-modal__preview-empty span[style], html[data-look="night"] body.gd-staff .gd-modal__preview-empty div[style] { color: var(--n-faint) !important; } html[data-look="night"] body.gd-staff .gd-modal__controls { background: var(--n-card); } html[data-look="night"] body.gd-staff .gd-field__label { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff #gdMScaleToggle { color: var(--n-blue) !important; } html[data-look="night"] body.gd-staff #gdMScaleToggle:hover { background: var(--n-blue-soft) !important; } html[data-look="night"] body.gd-staff #gdMScaleBox { background: var(--n-surf) !important; box-shadow: inset 0 0 0 1px var(--n-line); color: var(--n-ink-2) !important; } html[data-look="night"] body.gd-staff #gdMScaleBox > div:first-child { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff #gdMScaleBox > div:nth-child(2) { font-family: var(--n-mono) !important; color: var(--n-mute); } html[data-look="night"] body.gd-staff #gdMScaleBox b { color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff #gdMScaleBox > div:last-child { color: var(--n-faint) !important; } /* letter grades — one quiet grid; the colour sits in the letter only */ html[data-look="night"] body.gd-staff .gd-letter-btn, html[data-look="night"] body.gd-staff .gd-letters__row .gd-letter-btn:not(.is-selected):not(:hover) { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-ink-2) !important; box-shadow: none !important; font-family: var(--n-mono) !important; font-weight: 500 !important; transform: none !important; } html[data-look="night"] body.gd-staff .gd-letters__row--a .gd-letter-btn:not(.is-selected):not(:hover) { color: var(--n-green) !important; } html[data-look="night"] body.gd-staff .gd-letters__row--b .gd-letter-btn:not(.is-selected):not(:hover) { color: var(--n-blue) !important; } html[data-look="night"] body.gd-staff .gd-letters__row--c .gd-letter-btn:not(.is-selected):not(:hover) { color: var(--n-amber) !important; } html[data-look="night"] body.gd-staff .gd-letters__row--df .gd-letter-btn:not(.is-selected):not(:hover) { color: var(--n-red) !important; } html[data-look="night"] body.gd-staff .gd-letter-btn:hover { background: var(--n-hover) !important; border-color: var(--n-line-3) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-letter-btn.is-selected { background: var(--n-ink) !important; border-color: var(--n-ink) !important; color: var(--n-bg) !important; box-shadow: none !important; } html[data-look="night"] body.gd-staff .gd-letter-btn--notyet, html[data-look="night"] body.gd-staff .gd-letters .gd-letter-btn--notyet:not(.is-selected):not(:hover) { background: transparent !important; border: 1px dashed var(--n-line-3) !important; color: var(--n-mute) !important; font-family: var(--n-font) !important; } html[data-look="night"] body.gd-staff .gd-letter-btn--notyet.is-selected { background: var(--n-on) !important; border: 1px solid var(--n-on-line) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-letter-btn:disabled { opacity: .45 !important; } /* effort stars */ html[data-look="night"] body.gd-staff .gd-star-btn { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-dim) !important; } html[data-look="night"] body.gd-staff .gd-star-btn:hover { border-color: var(--n-line-3) !important; color: var(--n-amber) !important; } html[data-look="night"] body.gd-staff .gd-star-btn.is-selected { background: var(--n-amber-soft) !important; border-color: transparent !important; color: var(--n-amber) !important; } /* improvement arrows */ html[data-look="night"] body.gd-staff .gd-arrow-btn { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-mute) !important; font-family: var(--n-font) !important; font-weight: 500 !important; } html[data-look="night"] body.gd-staff .gd-arrow-btn:hover { background: var(--n-hover) !important; border-color: var(--n-line-3) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-arrow-btn.is-selected { background: var(--n-on) !important; border-color: transparent !important; color: var(--n-ink) !important; box-shadow: 0 0 0 1px rgb(var(--n-blue-rgb) / .55), 0 0 0 4px rgb(var(--n-blue-rgb) / .12) !important; } html[data-look="night"] body.gd-staff .gd-arrow-btn.is-selected svg { color: var(--n-blue); } /* score */ html[data-look="night"] body.gd-staff .gd-score-wrap { background: var(--n-surf) !important; border: 1px solid var(--n-line) !important; } html[data-look="night"] body.gd-staff .gd-score-display__value { color: var(--n-ink) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: -.04em !important; } html[data-look="night"] body.gd-staff .gd-score-display__value.is-empty { color: var(--n-dim) !important; } html[data-look="night"] body.gd-staff .gd-score-display__pct { color: var(--n-faint) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-score-clear { background: transparent !important; border: 1px solid var(--n-line) !important; color: var(--n-mute) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-score-clear:hover { color: var(--n-red) !important; border-color: rgb(var(--n-red-rgb) / .35) !important; background: rgb(var(--n-red-rgb) / .08) !important; } html[data-look="night"] body.gd-staff .gd-score-slider { background: linear-gradient(90deg, var(--n-blue) 0%, var(--n-blue) var(--score-pct,0%), var(--n-line) var(--score-pct,0%), var(--n-line) 100%) !important; } html[data-look="night"] body.gd-staff .gd-score-slider::-webkit-slider-thumb { background: var(--n-ink) !important; border: 3px solid var(--n-blue) !important; box-shadow: 0 0 0 4px rgb(var(--n-blue-rgb) / .14) !important; } html[data-look="night"] body.gd-staff .gd-score-slider::-moz-range-thumb { background: var(--n-ink) !important; border: 3px solid var(--n-blue) !important; } html[data-look="night"] body.gd-staff .gd-score-quick__btn { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-mute) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-score-quick__btn:hover { background: var(--n-hover) !important; border-color: var(--n-line-3) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff .gd-score-quick__btn.is-active { background: var(--n-on) !important; border-color: var(--n-on-line) !important; color: var(--n-ink) !important; } /* note + existing feedback */ html[data-look="night"] body.gd-staff :is(.gd-input, .gd-textarea) { background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-ink) !important; } html[data-look="night"] body.gd-staff :is(.gd-input, .gd-textarea):focus { border-color: rgb(var(--n-blue-rgb) / .55) !important; box-shadow: 0 0 0 3px rgb(var(--n-blue-rgb) / .14) !important; } html[data-look="night"] body.gd-staff .gd-modal__feedback { background: var(--n-blue-soft) !important; border-left: 0 !important; box-shadow: inset 2px 0 0 var(--n-blue); } html[data-look="night"] body.gd-staff .gd-modal__feedback-label { color: var(--n-blue) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: .1em !important; } html[data-look="night"] body.gd-staff .gd-modal__feedback-text { color: var(--n-ink-2) !important; } html[data-look="night"] body.gd-staff .gd-modal__foot { background: var(--n-card) !important; border-top: 1px solid var(--n-line) !important; } html[data-look="night"] body.gd-staff :is(.gd-modal__foot, .gd-fb-pop__foot) .gd-btn--lg { border-radius: 10px !important; padding: 9px 16px !important; font-size: 13px !important; } /* ── 11. feedback popover ───────────────────────────────────────────────── */ html[data-look="night"] body.gd-staff .gd-fb-pop-bd { background: var(--n-scrim-p7) !important; } html[data-look="night"] body.gd-staff .gd-fb-pop { background: var(--n-card) !important; box-shadow: var(--n-shadow-pop) !important; border-radius: 16px !important; } html[data-look="night"] body.gd-staff .gd-fb-pop__title { color: var(--n-ink) !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-fb-pop__sub { color: var(--n-faint) !important; } html[data-look="night"] body.gd-staff .gd-fb-pop__close { color: var(--n-mute) !important; border-radius: 8px; } html[data-look="night"] body.gd-staff .gd-fb-pop__close:hover { color: var(--n-ink) !important; background: var(--n-raise) !important; } html[data-look="night"] body.gd-staff .gd-fb-pop__body { background: var(--n-surf) !important; box-shadow: inset 0 0 0 1px var(--n-line); color: var(--n-ink-2) !important; } html[data-look="night"] body.gd-staff .gd-fb-pop__body--empty { color: var(--n-faint) !important; } /* ── 12. XP toast after a save — ink, like the dashboard's toasts ───────── */ html[data-look="night"] body.gd-staff .gd-toast, html[data-look="night"] body.gd-staff .gd-toast.is-mega { background: var(--n-ink) !important; border: 0 !important; border-radius: 18px !important; box-shadow: var(--n-shadow-pop) !important; } html[data-look="night"] body.gd-staff .gd-toast :is(.gd-toast__body, .gd-toast__char-line) { color: var(--n-bg) !important; } html[data-look="night"] body.gd-staff .gd-toast .gd-toast__char-badge { background: var(--n-bg) !important; color: var(--n-ink) !important; box-shadow: none !important; animation: none !important; font-weight: 600 !important; } html[data-look="night"] body.gd-staff .gd-toast__char-badge::before { display: none !important; } html[data-look="night"] body.gd-staff .gd-toast .gd-toast__amount, html[data-look="night"] body.gd-staff .gd-toast .gd-toast__amount-num { color: var(--n-bg) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; letter-spacing: -.04em !important; } html[data-look="night"] body.gd-staff .gd-toast .gd-toast__amount-suffix { color: var(--n-dim) !important; font-family: var(--n-mono) !important; font-weight: 400 !important; } html[data-look="night"] body.gd-staff .gd-toast .gd-toast__char-name { color: var(--n-bg) !important; text-shadow: none !important; text-decoration: underline; text-decoration-color: rgb(var(--n-bg-rgb) / .25); text-underline-offset: 3px; } html[data-look="night"] body.gd-staff .gd-toast .gd-toast__line { color: var(--n-dim) !important; } html[data-look="night"] body.gd-staff .gd-toast__levelup { margin-left: 6px; background: var(--n-bg) !important; color: var(--n-amber) !important; box-shadow: none !important; font-family: var(--n-mono) !important; font-weight: 500 !important; } /* ── 13. phone ──────────────────────────────────────────────────────────── */ @media (max-width: 760px) { html[data-look="night"] body.gd-staff .gd-top__title { font-size: 23px !important; } html[data-look="night"] body.gd-staff .gd-toolbar { border-radius: 16px 16px 0 0 !important; } html[data-look="night"] body.gd-staff .gd-search { margin-left: 0; min-width: 0; max-width: none; flex-basis: 100%; } html[data-look="night"] body.gd-staff .gd-tabsbar { gap: 6px !important; } html[data-look="night"] body.gd-staff .gd-tabsbar__pager { margin-left: 0; width: 100%; justify-content: space-between; padding-top: 6px; border-top: 1px solid var(--n-line-2); } html[data-look="night"] body.gd-staff .gd-client-group__head { flex-wrap: wrap; } html[data-look="night"] body.gd-staff .gd-client-group__head-l { flex-wrap: wrap; } /* each row becomes a compact card: subject + priority / title / meta / grade + action. (Day's phone table stacks every cell 64px tall — Night lays it out properly.) */ html[data-look="night"] body.gd-staff :is(.gd-table, .gd-table tbody) { display: block !important; width: 100% !important; } html[data-look="night"] body.gd-staff .gd-table colgroup { display: none; } html[data-look="night"] body.gd-staff .gd-table tbody tr { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 14px 16px !important; border-bottom: 1px solid var(--n-line-2) !important; } html[data-look="night"] body.gd-staff .gd-table tbody tr:last-child { border-bottom: 0 !important; } html[data-look="night"] body.gd-staff .gd-table tbody tr::after { content: ""; order: 75; flex-basis: 100%; height: 0; } html[data-look="night"] body.gd-staff .gd-table tbody td { display: block !important; height: auto !important; padding: 0 !important; border: 0 !important; max-width: none !important; white-space: nowrap; overflow: visible !important; text-align: left !important; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-subject__inner) { order: 10; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-priority-chip) { order: 20; margin-left: auto; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-title) { order: 30; flex-basis: 100%; overflow: hidden !important; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-title) .gd-c-title { font-size: 14.5px !important; color: var(--n-ink) !important; white-space: normal !important; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-learner__inner) { order: 40; } html[data-look="night"] body.gd-staff .gd-table tbody td.gd-c-date { order: 50; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-submitted__day) { order: 60; } html[data-look="night"] body.gd-staff .gd-table tbody td.gd-c-due { order: 70; } html[data-look="night"] body.gd-staff .gd-table tbody td.gd-c-date::before { content: "Assigned "; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-submitted__day)::before { content: "Submitted "; } html[data-look="night"] body.gd-staff .gd-table tbody td.gd-c-due::before { content: "Due "; } html[data-look="night"] body.gd-staff .gd-table tbody :is(td.gd-c-date, td.gd-c-due, td:has(.gd-c-submitted__day))::before { color: var(--n-faint); font: 400 10.5px var(--n-mono); letter-spacing: .06em; text-transform: uppercase; } html[data-look="night"] body.gd-staff .gd-table tbody :is(td.gd-c-date, td.gd-c-due, td:has(.gd-c-submitted__day)) > * { display: inline !important; } html[data-look="night"] body.gd-staff .gd-table tbody td.gd-c-due .gd-c-due__kind { margin: 0 0 0 6px !important; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-c-learner__inner)::after { content: "·"; margin-left: 12px; color: var(--n-dim); } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-gradecell) { order: 80; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-improvement-chip) { order: 85; } html[data-look="night"] body.gd-staff .gd-table tbody td:has(.gd-feedback-btn) { order: 90; } html[data-look="night"] body.gd-staff .gd-table tbody td:last-child { order: 95; margin-left: auto; } html[data-look="night"] body.gd-staff .gd-table tbody td:is(:has(.gd-c-submitted__none), :has(.gd-c-due__none), :has(.gd-improvement-chip--na), :has(.gd-improvement-chip--first), :has(.gd-feedback-btn:not(.has-feedback))) { display: none !important; } html[data-look="night"] body.gd-staff .gd-modal__preview-body { padding: 10px; } html[data-look="night"] body.gd-staff .gd-modal-bd { padding: 10px !important; } html[data-look="night"] body.gd-staff .gd-modal__body { padding: 12px !important; } html[data-look="night"] body.gd-staff .gd-modal__preview { border-radius: 12px; overflow: hidden; border: 1px solid var(--n-line) !important; } html[data-look="night"] body.gd-staff .gd-modal__controls { padding: 18px 4px 4px !important; } html[data-look="night"] body.gd-staff .gd-modal__foot { flex-wrap: wrap; padding: 12px 14px 14px !important; } html[data-look="night"] body.gd-staff .gd-modal__foot .gd-btn--lg { flex: 1; justify-content: center; } html[data-look="night"] body.gd-staff #gdMDelete { order: 3; flex-basis: 100% !important; margin-right: 0 !important; } html[data-look="night"] body.gd-staff .gd-fb-pop { padding: 20px !important; } } @media (prefers-reduced-motion: reduce) { html[data-look="night"] body.gd-staff .gd-toast { animation: none !important; } } /* ── Ember (2026-10-03) — Grading in Ember (staff view only): the head in the app's large title, the filters and tabs one glass card (fields wells, the chosen tab a lit chip), each learner a glass card with eyebrow table headers and washed rows, score and status chips by the colour law (white = graded or fine, orange = needs you or needs work, grey = not yet), row actions lit pills, the grading sheet an Ember sheet (the paper stays white) with Save the one orange action, the toast the dark glass pill ──────────────────────────────────────────────────────────────────────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { background-image: var(--em-ground) !important; background-attachment: fixed !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) { background: #17181B var(--em-ground) fixed no-repeat !important; background-size: 100% 100% !important; color: #E6E7EA !important; } /* the head */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top { border-bottom: 1px solid rgba(255,255,255,.07) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top__title { color: #FFFFFF !important; font-size: 33px !important; line-height: 37px !important; font-weight: 500 !important; letter-spacing: -1px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top__sub { color: #8E95A5 !important; font-size: 15.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top__sub b { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-role-pill { height: 26px; padding: 0 11px !important; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; color: #A0A5B1 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); font: 600 11px/1 var(--n-font) !important; letter-spacing: 1px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-role-pill svg { color: #A0A5B1; } /* the toolbar and the tabs: one glass card */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-toolbar) { background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom: 0 !important; border-radius: 24px 24px 0 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar { background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.026)) !important; border-left: 1px solid rgba(255,255,255,.09) !important; border-right: 1px solid rgba(255,255,255,.09) !important; border-bottom: 1px solid rgba(255,255,255,.045) !important; border-radius: 0 0 24px 24px !important; box-shadow: 0 18px 36px -26px rgba(0,0,0,.8); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-folder :is(.gd-toolbar, .gd-tabsbar) { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select select, .gd-search input) { background: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(0,0,0,.5) !important; border-radius: 14px !important; color: #FFFFFF !important; font-weight: 500 !important; caret-color: #FF6A1F; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-search input { border-radius: 999px !important; font-weight: 400 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select select, .gd-search input):hover { border-color: rgba(255,255,255,.14) !important; border-top-color: rgba(0,0,0,.5) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select select, .gd-search input):focus { border-color: rgba(255,138,76,.55) !important; box-shadow: 0 0 0 4px rgba(255,106,31,.12) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-search input::placeholder { color: #6B7080 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select, .gd-search) svg { color: #A0A5B1 !important; stroke: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select, .gd-search):focus-within svg { color: #FF8A4C !important; stroke: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-select select option { background: #1C1D20; color: #FFFFFF; } /* tabs: quiet, the chosen a lit chip */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab { height: 36px; color: #A0A5B1 !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 600 !important; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab:hover:not(.is-active) { background: rgba(255,255,255,.06) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab:active { transform: scale(.95); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab.is-active { background: var(--em-key-on) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab .gd-tab__n, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab:not(.is-active) .gd-tab__n { background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; font: 600 11px/1 var(--n-font) !important; border-radius: 999px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab.is-active .gd-tab__n { background: rgba(255,255,255,.14) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall { border: 1px solid rgba(255,255,255,.1) !important; color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall::before { background: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall.is-active { background: rgba(255,106,31,.12) !important; border-color: rgba(255,138,76,.4) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall.is-active::before { background: #FF6A1F !important; box-shadow: 0 0 6px rgba(255,106,31,.7) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall.is-active .gd-tab__n { background: rgba(255,106,31,.18) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-tab, .gd-pager button, .gd-feedback-btn, .gd-btn, .gd-letter-btn):focus-visible { box-shadow: 0 0 0 1px rgba(255,138,76,.55), 0 0 0 4px rgba(255,106,31,.14) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar__pager { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-tabsbar__count, .gd-pager__page) { font-family: var(--n-font) !important; font-size: 13px; color: #8E95A5; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-tabsbar__count, .gd-pager__page) b { color: #FFFFFF !important; font-weight: 600 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pager button { width: 32px; height: 32px; border-radius: 50% !important; background: var(--em-key) !important; border: 1px solid rgba(255,255,255,.11) !important; color: #E6E7EA !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(0,0,0,.85); } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pager button:hover:not(:disabled) { background: var(--em-key-on) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pager button:disabled { color: #6B7080 !important; background: transparent !important; box-shadow: none; } /* each learner: a glass card */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tableCard:not(.gd-folder .gd-tableCard), html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-folder { background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important; border-radius: 24px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(0,0,0,.8) !important; overflow: hidden; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__head { border-bottom: 1px solid rgba(255,255,255,.07) !important; padding: 18px 22px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__name { color: #FFFFFF !important; font-size: 18px !important; letter-spacing: -.3px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__count { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pill.gd-pill--warn { height: 24px; padding: 0 10px !important; display: inline-flex; align-items: center; border-radius: 999px !important; background: rgba(255,106,31,.14) !important; color: #FF8A4C !important; box-shadow: inset 0 0 0 1px rgba(255,138,76,.28); font-weight: 600 !important; font-size: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pill--due { border-radius: 999px !important; background: rgba(255,255,255,.06) !important; color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pill--due-overdue { background: rgba(255,106,31,.14) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-label { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-empty { color: #E6E7EA !important; font-size: 13px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group .gd-avg-pill, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-family-avg__pills .gd-avg-pill { background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 999px !important; color: #E6E7EA !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-avg-pill__subj) { color: #A0A5B1 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-pill__letter { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-pill__pct { color: #8E95A5 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-folder .gd-family-avg__pills .gd-avg-pill--life :is(.gd-avg-pill__subj, .gd-avg-pill__letter) { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-family-avg, .gd-folder .gd-family-avg) { background: rgba(0,0,0,.14) !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; } /* the table */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table thead th, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__rows .gd-table thead th { background: rgba(255,255,255,.02) !important; color: #8E95A5 !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; font: 500 11px/1.2 var(--n-font) !important; letter-spacing: 1.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody td { border-bottom: 1px solid rgba(255,255,255,.06) !important; transition: background-color .18s var(--em-ease); } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:hover, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:hover td { background: rgba(255,255,255,.05) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tablewrap { scrollbar-color: #3A3B40 transparent; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-learner__name { color: #FFFFFF !important; font-size: 14px !important; font-weight: 600 !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-learner__name:hover { color: #FF8A4C !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-family { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-subject__chip { background: var(--em-key) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.1) !important; border-radius: 9px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-subject__chip svg { stroke: #E6E7EA !important; color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-subject__name { color: #E6E7EA !important; font-size: 13.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-title, a.gd-c-title, .gd-c-title[data-action]) { color: #FFFFFF !important; font-size: 14px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-title:hover, a.gd-c-title:hover), html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:hover .gd-c-title { text-decoration-color: rgba(255,138,76,.5) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-title__progress { background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; font-family: var(--n-font) !important; border-radius: 999px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-date__day, .gd-c-submitted__day, .gd-c-due__day) { color: #E6E7EA !important; font: 500 13px/1.3 var(--n-font) !important; letter-spacing: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-due__day--overdue { color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-date__kind, .gd-c-due__kind) { color: #8E95A5 !important; font-family: var(--n-font) !important; font-size: 11.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-submitted__none, .gd-c-due__none), html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-date span[style] { color: #6B7080 !important; } /* scores: white when graded, grey when not yet */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-gradecell { color: #FFFFFF !important; font: 600 14px/1 var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-gradecell--na, .gd-gradecell .gd-gradecell--na) { color: #6B7080 !important; font: 500 12.5px/1 var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-gradecell__pct { color: #8E95A5 !important; font-family: var(--n-font) !important; } /* chips by the colour law */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-priority-chip { height: 22px; padding: 0 10px !important; display: inline-flex; align-items: center; border-radius: 999px !important; font: 600 11px/1 var(--n-font) !important; letter-spacing: .5px; background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-priority--high { background: rgba(255,106,31,.14) !important; color: #FF8A4C !important; box-shadow: inset 0 0 0 1px rgba(255,138,76,.28) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-priority--medium { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-badge { border-radius: 999px !important; font-family: var(--n-font) !important; font-weight: 600 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-badge--graded { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-badge--submitted, .gd-badge--ungraded) { background: rgba(255,106,31,.14) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-badge--progress { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip { border-radius: 999px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip--up { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip--same { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip--down { background: rgba(255,106,31,.14) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-feedback-btn.has-feedback, .gd-feedback-btn.has-feedback:hover) { background: rgba(255,255,255,.08) !important; border-radius: 50%; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-feedback-btn.has-feedback svg { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-feedback-btn.has-feedback::after { background: #FF6A1F !important; border-color: #1F2023 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-grade-toggle { border-radius: 999px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; color: #E6E7EA !important; font-family: var(--n-font) !important; } /* row actions: lit pills (Grade), quiet pills (View / Edit) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--primary { border-radius: 999px !important; background: var(--em-key-on) !important; color: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.18), 0 6px 14px -8px rgba(0,0,0,.9) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--primary:hover { background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.1)) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--primary svg { color: #FFFFFF !important; stroke: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--review { border-radius: 999px !important; background: rgba(255,255,255,.06) !important; color: #E6E7EA !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--review svg { color: #A0A5B1 !important; stroke: #A0A5B1 !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--review:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--danger { border-radius: 999px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; color: #FF5A5F !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn:active { transform: scale(.95) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-action__await { border-radius: 999px !important; background: rgba(255,255,255,.03) !important; color: #8E95A5 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07) !important; } /* empty and loading */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-loading { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty { border: 1px dashed rgba(255,255,255,.14) !important; border-radius: 20px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__icon { background: var(--em-key) !important; color: #E6E7EA !important; border-radius: 16px !important; box-shadow: 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.14), 0 8px 16px -8px rgba(0,0,0,.85) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__title { color: #FFFFFF !important; font-size: 17px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__text { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__text a { color: #FF8A4C !important; } /* the grading sheet (the paper stays white) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal-bd { background: rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal { background: #1C1D20 !important; border-radius: 26px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(255,255,255,.08), 0 40px 80px -24px rgba(0,0,0,.9) !important; overflow: hidden; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__head { border-bottom: 1px solid rgba(255,255,255,.07) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__head h2 { color: #FFFFFF !important; font-size: 20px !important; letter-spacing: -.4px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__head p { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__close, .gd-fb-pop__close) { border-radius: 50% !important; background: var(--em-key) !important; color: #E6E7EA !important; box-shadow: 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(0,0,0,.85) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__close, .gd-fb-pop__close):hover { background: var(--em-key-on) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview { background: rgba(0,0,0,.22) !important; border-right: 1px solid rgba(255,255,255,.07) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview-head { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; color: #8E95A5 !important; font-family: var(--n-font) !important; font-weight: 500 !important; letter-spacing: 1.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview-body { background: transparent !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview-body iframe { border-radius: 14px; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 18px 36px -20px rgba(0,0,0,.8); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__controls { background: transparent; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-field__label { color: #8E95A5 !important; font: 500 11.5px/1.3 var(--n-font) !important; letter-spacing: 1.7px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) #gdMScaleToggle { color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) #gdMScaleBox { background: rgba(0,0,0,.22) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); border-radius: 16px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(#gdMScaleBox > div:first-child, #gdMScaleBox > div:nth-child(2)) { font-family: var(--n-font) !important; } /* letters: keys; A–B white, C–F orange (needs work); the chosen one lit with an orange ring */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letters__row .gd-letter-btn:not(.is-selected):not(:hover) { background: var(--em-key) !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 14px !important; color: #E6E7EA !important; font-family: var(--n-font) !important; font-weight: 600 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-letters__row--a, .gd-letters__row--b) .gd-letter-btn:not(.is-selected):not(:hover) { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-letters__row--c, .gd-letters__row--df) .gd-letter-btn:not(.is-selected):not(:hover) { color: #FF8A4C !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn:hover { background: var(--em-key-on) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn.is-selected { background: var(--em-key-on) !important; border-color: rgba(255,138,76,.7) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 3px rgba(255,106,31,.16) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn--notyet, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letters .gd-letter-btn--notyet:not(.is-selected):not(:hover) { background: transparent !important; border: 1px dashed rgba(255,255,255,.16) !important; color: #A0A5B1 !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn { background: var(--em-key) !important; border: 1px solid rgba(255,255,255,.1) !important; color: #6B7080 !important; border-radius: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn:hover, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn.is-selected { color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn.is-selected { background: rgba(255,106,31,.12) !important; border-color: rgba(255,138,76,.35) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-arrow-btn { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 999px !important; color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-arrow-btn.is-selected { background: var(--em-key-on) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-arrow-btn.is-selected svg { color: #FF8A4C; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-wrap { background: rgba(0,0,0,.22) !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 18px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-display__value { color: #FFFFFF !important; font-family: var(--n-font) !important; font-weight: 500 !important; letter-spacing: -1px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-display__value.is-empty { color: #6B7080 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-display__pct { color: #8E95A5 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-clear { border-radius: 999px !important; border: 1px solid rgba(255,255,255,.1) !important; color: #A0A5B1 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-slider { background: linear-gradient(90deg, #F4560E 0%, #FF8A4C var(--score-pct,0%), rgba(255,255,255,.12) var(--score-pct,0%), rgba(255,255,255,.12) 100%) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-slider::-webkit-slider-thumb { background: #FFFFFF !important; border: 0 !important; box-shadow: 0 2px 6px rgba(0,0,0,.35), 0 0 0 4px rgba(255,106,31,.18) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-slider::-moz-range-thumb { background: #FFFFFF !important; border: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-quick__btn { border-radius: 999px !important; background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.09) !important; color: #A0A5B1 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-quick__btn.is-active { background: var(--em-key-on) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-input, .gd-textarea) { background: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(0,0,0,.5) !important; border-radius: 14px !important; color: #FFFFFF !important; caret-color: #FF6A1F; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-input, .gd-textarea):focus { border-color: rgba(255,138,76,.55) !important; box-shadow: 0 0 0 4px rgba(255,106,31,.12) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__feedback { background: rgba(255,255,255,.05) !important; box-shadow: inset 2px 0 0 rgba(255,255,255,.3) !important; border-radius: 14px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__feedback-label { color: #8E95A5 !important; font-family: var(--n-font) !important; letter-spacing: 1.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__feedback-text { color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__foot { background: transparent !important; border-top: 1px solid rgba(255,255,255,.07) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__foot, .gd-fb-pop__foot) .gd-btn--lg { min-height: 46px; border-radius: 999px !important; padding: 0 20px !important; font-size: 15px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__foot, .gd-fb-pop__foot) .gd-btn--primary { background: var(--em-or-fill) !important; box-shadow: var(--em-or-shadow) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__foot, .gd-fb-pop__foot) .gd-btn--primary:hover { background: var(--em-or-fill) !important; filter: brightness(1.06); } } /* the feedback pop-over */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop-bd { background: rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop { background: #1C1D20 !important; border-radius: 24px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(255,255,255,.08), 0 40px 80px -24px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop__title { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop__sub { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop__body { background: rgba(0,0,0,.22) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); border-radius: 16px; color: #E6E7EA !important; } /* the toast: the dark glass pill */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast.is-mega { background: rgba(22,23,27,.92) !important; border-radius: 22px !important; -webkit-backdrop-filter: blur(20px) saturate(1.3); backdrop-filter: blur(20px) saturate(1.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 18px 40px -16px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast :is(.gd-toast__body, .gd-toast__char-line, .gd-toast__char-name, .gd-toast__amount, .gd-toast__amount-num) { color: #FFFFFF !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast :is(.gd-toast__amount-suffix, .gd-toast__line) { color: #A0A5B1 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast .gd-toast__char-badge { background: var(--em-key-on) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast__levelup { background: rgba(255,106,31,.14) !important; color: #FF8A4C !important; font-family: var(--n-font) !important; border-radius: 999px; } /* the phone: each assignment row a tactile row on the learner's glass (Dark draws these rows white at this width) */ @media (max-width: 760px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 18px; margin: 10px 12px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:last-child { border-bottom: 1px solid rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody td:has(.gd-c-title) .gd-c-title { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody td { border: 0 !important; } } /* 2026-10-03 — Dark and Light at phone width: the staff rows were white cards with near-invisible text (the Ember section above fixed Ember first); here in each look's own tokens */ @media (max-width: 760px) { html[data-look="night"]:not([data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"])) body.gd-staff:not(#pm-n) .gd-table tbody tr { background: rgb(var(--n-ov) / .03) !important; border: 1px solid var(--n-line) !important; border-radius: 16px; margin: 10px 12px; } html[data-look="night"]:not([data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"])) body.gd-staff:not(#pm-n) .gd-table tbody td:has(.gd-c-title) .gd-c-title { color: var(--n-ink) !important; } html[data-look="night"]:not([data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"])) body.gd-staff:not(#pm-n) .gd-table tbody td { border: 0 !important; } } /* ── Ember · phone and iPad portrait (2026-10-03), the staff view — the phone browser: a 16px gutter; the filters full-width 46px wells at 16px (Safari does not zoom); the status tabs a full-width track that scrolls sideways with a soft fade at the right edge, each a 44px target with a 13px count; each assignment card's chips 12px and its Grade / Review button a 44px pill; the grading window and the feedback pop-up bottom sheets (full width, 26px top corners, a grab handle). (The installed app draws this page itself: js/ember/pages, untouched.) ──────────────────────────────────────── */ @media (max-width: 760px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]):not(.pm-sapp) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-shell { padding: 22px 16px 56px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-top__title { font-size: 30px !important; letter-spacing: -.8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-toolbar { padding: 16px !important; gap: 10px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-select select, .gd-search input) { height: 46px !important; font-size: 16px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-select { width: 100%; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-role-pill { font-size: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-search { max-width: none !important; min-width: 0 !important; width: 100%; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-tabsbar { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; max-width: 100%; scrollbar-width: none; scroll-snap-type: x proximity; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-tabsbar::-webkit-scrollbar { display: none; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-tabsbar::after { content: ""; flex: none; width: 22px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-tabsbar .gd-tab { flex: none !important; height: 44px !important; padding: 0 16px !important; font-size: 15px !important; white-space: nowrap; scroll-snap-align: start; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-tab__n { font-size: 13px !important; min-width: 24px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-tabsbar__pager { flex: none; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-pager button { width: 44px !important; height: 44px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-priority-chip, .gd-c-action__await, .gd-c-due__kind, .gd-c-date__kind, .gd-avg-label, .gd-client-group__count, .gd-pill) { font-size: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-gradecell { font-size: 13px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-table tbody tr .gd-btn { min-height: 44px !important; padding: 0 18px !important; font-size: 15px !important; } /* the grading window and the feedback pop-up: bottom sheets */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-modal-bd, .gd-fb-pop-bd) { align-items: flex-end !important; padding: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-modal, .gd-fb-pop) { position: relative; max-width: none !important; width: 100% !important; max-height: calc(100dvh - 28px) !important; border-radius: 26px 26px 0 0 !important; animation: gdEmSheetUp .34s var(--em-ease) both !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-fb-pop { overflow-y: auto; padding: 30px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-modal__head { position: relative; padding-top: 26px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-modal__head, .gd-fb-pop)::before { content: ""; position: absolute; top: 9px; left: 50%; width: 38px; height: 5px; margin-left: -19px; border-radius: 3px; background: rgba(255,255,255,.22); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-modal__body { overflow-y: auto; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-modal__controls { padding: 18px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-modal__close { width: 40px !important; height: 40px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-score-quick__btn { min-height: 44px !important; min-width: 52px !important; font-size: 14px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(#gdMScaleToggle, .gd-score-clear) { min-height: 44px !important; padding: 0 12px !important; font-size: 13px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) .gd-modal__foot { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-modal, .gd-fb-pop) :is(.gd-textarea, .gd-input, textarea, input:not([type="range"]):not([type="checkbox"])) { font-size: 16px !important; } } @keyframes gdEmSheetUp { from { transform: translateY(28px); opacity: 0; } to { transform: none; opacity: 1; } } @media (max-width: 760px) and (prefers-reduced-motion: reduce) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-modal, .gd-fb-pop) { animation: none !important; } } /* ══ EMBER LIGHT — GENERATED by tools/gen-ember-light.py from the Ember rules above; do not hand-edit ══ */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { background-image:var(--em-ground) !important; background-attachment:fixed !important; background-size:100% 100% !important; background-repeat:no-repeat !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) { background:#F6F7F9 var(--em-ground) fixed no-repeat !important; background-size:100% 100% !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-top__sub b { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-role-pill { background:rgba(17,19,24,.04) !important; color:#5A606E !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-role-pill svg { color:#5A606E; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-toolbar) { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar { background:#FFFFFF !important; border-left:1px solid rgba(17,19,24,.076) !important; border-right:1px solid rgba(17,19,24,.076) !important; border-bottom:1px solid rgba(17,19,24,.06) !important; box-shadow:0 18px 36px -26px rgba(17,19,24,.176); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-folder :is(.gd-toolbar, .gd-tabsbar) { background:transparent !important; border:0 !important; box-shadow:none; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select select, .gd-search input) { background:rgba(17,19,24,.05) !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.125) !important; color:#111318 !important; caret-color:#E5540F; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select select, .gd-search input):hover { border-color:rgba(17,19,24,.119) !important; border-top-color:rgba(17,19,24,.125) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select select, .gd-search input):focus { border-color:rgba(229,84,15,.44) !important; box-shadow:0 0 0 4px rgba(255,106,31,.066) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-search input::placeholder { color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select, .gd-search) svg { color:#5A606E !important; stroke:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-select, .gd-search):focus-within svg { color:#E5540F !important; stroke:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-select select option { background:#FFFFFF; color:#111318; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab.is-active { background:var(--em-key-on) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab .gd-tab__n, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab:not(.is-active) .gd-tab__n { background:rgba(17,19,24,.048) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab.is-active .gd-tab__n { background:rgba(17,19,24,.075) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall { border:1px solid rgba(17,19,24,.085) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall::before { background:#8E95A5 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall.is-active { background:rgba(255,106,31,.12) !important; border-color:rgba(229,84,15,.32) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall.is-active::before { background:#FF6A1F !important; box-shadow:0 0 6px rgba(255,106,31,.385) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab--overall.is-active .gd-tab__n { background:rgba(255,106,31,.18) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-tab, .gd-pager button, .gd-feedback-btn, .gd-btn, .gd-letter-btn):focus-visible { box-shadow:0 0 0 1px rgba(255,138,76,.303), 0 0 0 4px rgba(255,106,31,.077) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar__pager { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-tabsbar__count, .gd-pager__page) { color:#646B7A; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-tabsbar__count, .gd-pager__page) b { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pager button { background:var(--em-key) !important; border:1px solid rgba(17,19,24,.093) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(17,19,24,.187); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pager button:disabled { color:#8A90A0 !important; background:transparent !important; box-shadow:none; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tableCard:not(.gd-folder .gd-tableCard), html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-folder { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(17,19,24,.176) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__head { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__name { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__count { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pill.gd-pill--warn { background:rgba(255,106,31,.14) !important; color:#E5540F !important; box-shadow:inset 0 0 0 1px rgba(255,138,76,.154); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pill--due { background:rgba(17,19,24,.04) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pill--due-overdue { background:rgba(255,106,31,.14) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-label { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-empty { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group .gd-avg-pill, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-family-avg__pills .gd-avg-pill { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-avg-pill__subj) { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-pill__letter { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-avg-pill__pct { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-folder .gd-family-avg__pills .gd-avg-pill--life :is(.gd-avg-pill__subj, .gd-avg-pill__letter) { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-family-avg, .gd-folder .gd-family-avg) { background:rgba(17,19,24,.03) !important; border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table thead th, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-client-group__rows .gd-table thead th { background:rgba(255,255,255,.54) !important; color:#646B7A !important; border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody td { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tablewrap { scrollbar-color:#3A3B40 transparent; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-learner__name { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-family { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-subject__chip { background:var(--em-key) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.1) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-subject__chip svg { stroke:#2A2D35 !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-subject__name { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-title, a.gd-c-title, .gd-c-title[data-action]) { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-title:hover, a.gd-c-title:hover), html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:hover .gd-c-title { text-decoration-color:rgba(229,84,15,.5) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-title__progress { background:rgba(17,19,24,.048) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-date__day, .gd-c-submitted__day, .gd-c-due__day) { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-due__day--overdue { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-date__kind, .gd-c-due__kind) { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-c-submitted__none, .gd-c-due__none), html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-date span[style] { color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-gradecell { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-gradecell--na, .gd-gradecell .gd-gradecell--na) { color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-gradecell__pct { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-priority-chip { background:rgba(17,19,24,.04) !important; color:#646B7A !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.072) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-priority--high { background:rgba(255,106,31,.14) !important; color:#E5540F !important; box-shadow:inset 0 0 0 1px rgba(255,138,76,.154) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-priority--medium { background:rgba(17,19,24,.06) !important; color:#111318 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.12) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-badge--graded { background:rgba(17,19,24,.06) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-badge--submitted, .gd-badge--ungraded) { background:rgba(255,106,31,.14) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-badge--progress { background:rgba(17,19,24,.04) !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip--up { background:rgba(17,19,24,.06) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip--same { background:rgba(17,19,24,.04) !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-improvement-chip--down { background:rgba(255,106,31,.14) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-feedback-btn.has-feedback, .gd-feedback-btn.has-feedback:hover) { background:rgba(17,19,24,.04) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-feedback-btn.has-feedback svg { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-feedback-btn.has-feedback::after { background:#FF6A1F !important; border-color:#E2E4E9 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-grade-toggle { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--primary { background:var(--em-key-on) !important; color:#111318 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.12), inset 0 1px 0 rgba(255,255,255,.18), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--primary svg { color:#111318 !important; stroke:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--review { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--review svg { color:#5A606E !important; stroke:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--danger { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; color:#D93B40 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-action__await { background:rgba(17,19,24,.04) !important; color:#646B7A !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.063) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-loading { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty { border:1px dashed rgba(17,19,24,.119) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__icon { background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.14), 0 8px 16px -8px rgba(17,19,24,.187) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__text { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-empty__text a { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal-bd { background:rgba(17,19,24,.275) !important; backdrop-filter:blur(10px); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal { background:#FFFFFF !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(17,19,24,.072), 0 40px 80px -24px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__head { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__head h2 { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__head p { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__close, .gd-fb-pop__close) { background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(17,19,24,.187) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview { background:rgba(17,19,24,.04) !important; border-right:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview-head { background:transparent !important; border-bottom:1px solid rgba(17,19,24,.06) !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview-body { background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__preview-body iframe { box-shadow:0 0 0 1px rgba(17,19,24,.072), 0 18px 36px -20px rgba(17,19,24,.176); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__controls { background:transparent; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-field__label { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) #gdMScaleToggle { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) #gdMScaleBox { background:rgba(17,19,24,.04) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.063); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letters__row .gd-letter-btn:not(.is-selected):not(:hover) { background:var(--em-key) !important; border:1px solid rgba(17,19,24,.085) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-letters__row--a, .gd-letters__row--b) .gd-letter-btn:not(.is-selected):not(:hover) { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-letters__row--c, .gd-letters__row--df) .gd-letter-btn:not(.is-selected):not(:hover) { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn.is-selected { background:var(--em-key-on) !important; border-color:rgba(229,84,15,.56) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 3px rgba(255,106,31,.088) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn--notyet, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letters .gd-letter-btn--notyet:not(.is-selected):not(:hover) { background:transparent !important; border:1px dashed rgba(17,19,24,.136) !important; color:#5A606E !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn { background:var(--em-key) !important; border:1px solid rgba(17,19,24,.085) !important; color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn:hover, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn.is-selected { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-star-btn.is-selected { background:rgba(255,106,31,.12) !important; border-color:rgba(229,84,15,.28) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-arrow-btn { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-arrow-btn.is-selected { background:var(--em-key-on) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-arrow-btn.is-selected svg { color:#E5540F; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-wrap { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-display__value { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-display__value.is-empty { color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-display__pct { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-clear { border:1px solid rgba(17,19,24,.085) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-slider { background:linear-gradient(90deg, #F4560E 0%, #FF8A4C var(--score-pct,0%), rgba(255,255,255,.97) var(--score-pct,0%), rgba(255,255,255,.97) 100%) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-slider::-webkit-slider-thumb { background:#FFFFFF !important; border:0 !important; box-shadow:0 2px 6px rgba(17,19,24,.077), 0 0 0 4px rgba(255,106,31,.099) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-slider::-moz-range-thumb { background:#FFFFFF !important; border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-quick__btn { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-score-quick__btn.is-active { background:var(--em-key-on) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-input, .gd-textarea) { background:rgba(17,19,24,.05) !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.125) !important; color:#111318 !important; caret-color:#E5540F; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-input, .gd-textarea):focus { border-color:rgba(229,84,15,.44) !important; box-shadow:0 0 0 4px rgba(255,106,31,.066) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__feedback { background:rgba(17,19,24,.04) !important; box-shadow:inset 2px 0 0 rgba(255,255,255,.3) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__feedback-label { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__feedback-text { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-modal__foot { background:transparent !important; border-top:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__foot, .gd-fb-pop__foot) .gd-btn--primary { background:var(--em-or-fill) !important; box-shadow:var(--em-or-shadow) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop-bd { background:rgba(17,19,24,.275) !important; backdrop-filter:blur(10px); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop { background:#FFFFFF !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(17,19,24,.072), 0 40px 80px -24px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-fb-pop__body { background:rgba(17,19,24,.04) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.063); color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast.is-mega { background:rgba(255,255,255,.97) !important; backdrop-filter:blur(20px) saturate(1.3); box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), 0 18px 40px -16px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast :is(.gd-toast__body, .gd-toast__char-line, .gd-toast__char-name, .gd-toast__amount, .gd-toast__amount-num) { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast :is(.gd-toast__amount-suffix, .gd-toast__line) { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast .gd-toast__char-badge { background:var(--em-key-on) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-toast__levelup { background:rgba(255,106,31,.14) !important; color:#E5540F !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-tabsbar .gd-tab:hover:not(.is-active) { background:rgba(17,19,24,.035) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-pager button:hover:not(:disabled) { background:var(--em-key-on) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:hover, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:hover td { background:rgba(17,19,24,.035) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-c-learner__name:hover { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--primary:hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-btn--review:hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__close, .gd-fb-pop__close):hover { background:var(--em-key-on) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-letter-btn:hover { background:var(--em-key-on) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) :is(.gd-modal__foot, .gd-fb-pop__foot) .gd-btn--primary:hover { background:var(--em-or-fill) !important; filter:brightness(1.06); } } @media (max-width: 760px) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.068) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody tr:last-child { border-bottom:1px solid rgba(17,19,24,.068) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody td:has(.gd-c-title) .gd-c-title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e) .gd-table tbody td { border:0 !important; } html[data-look="night"]:not([data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"])) body.gd-staff:not(#pm-n) .gd-table tbody tr { background:rgb(var(--n-ov) / .03) !important; border:1px solid var(--n-line) !important; } html[data-look="night"]:not([data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"])) body.gd-staff:not(#pm-n) .gd-table tbody td:has(.gd-c-title) .gd-c-title { color:var(--n-ink) !important; } html[data-look="night"]:not([data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"])) body.gd-staff:not(#pm-n) .gd-table tbody td { border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.gd-staff:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.gd-modal__head, .gd-fb-pop)::before { background:rgba(17,19,24,.22); } } /* ══ end EMBER LIGHT (generated) ══ */