/* ═══════════════════════════════════════════════════════════════════════════
   PM EMBER — the family and student pages (client parent, adult student, child student)   2026-10-03

   Caleb: "… client and all the pages, child and adult — all to have this new Ember look … some of it will have to be
   customized and properly created."

   The family pages had one look (light, recoloured by the family's palette, html[data-kidtheme]). In Ember they are
   graphite glass with one orange accent, like every other page. Each family page loads, in its <head>:
       <script src="js/pm-look.js" data-only="ember">   — always Ember (they have no Light or Dark design)
       <link href="css/pm-ember-family.css">            — this file: the tokens, the shared shapes, the family shell
   and, when it has its own pieces, css/ember/family/<page>.css after it.
   Every rule is scoped html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) and lifted with body:not(#pm-e), so
   the phone family app (its own Ember, js/ember/kit.js) and every other page are untouched. The family's palette
   choice (data-kidtheme) stays saved; Ember simply does not use it.
   Spec: ~/Private Mentorship Website/EMBER-DESKTOP-SPEC.md.
   ═══════════════════════════════════════════════════════════════════════════ */
/* the whole shared look: the tokens (pm-tones), the shared calendar and Family Portfolio (pm-night-components), the
   search panel and the language menu, and the Ember shapes (pm-ember-desk). Its console rules are scoped to the staff
   body classes, so only the shared pieces reach a family page. */
@import url("pm-night-site.css?v=20261003f1");

/* ── 1. the page ──────────────────────────────────────────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) {
  color: #E6E7EA !important;
  background-color: #17181B !important; background-image: var(--em-ground) !important;
  background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: 100% 100% !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }

/* the page's own white frame steps aside so the ground shows (client-dashboard: .dash-shell / .dash-main-wrap) */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { background-color: #17181B !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.dash-shell, .dash-main-wrap, .pm-main, .client-main, main.pm-page) { background: transparent !important; background-image: none !important; }

/* ── 2. the parent's menu (js/parent-console-rail.js, .ppr) — the staff menu's twin ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-parent-console::before {
  background: rgba(255,255,255,.018) !important; box-shadow: inset -1px 0 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:not(#pm-e) .ppr { background: transparent !important; box-shadow: none !important; color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr::before,
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr::after { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__mark { 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,.12) !important; color: var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__wm b { color: #FFFFFF !important; font-weight: 600 !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__wm span { color: #6B7080 !important; font-weight: 500 !important; letter-spacing: 1.6px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__item {
  color: #A0A5B1 !important; background: transparent !important; box-shadow: none !important;
  font-size: 14.5px !important; font-weight: 500 !important; border-radius: 14px !important;
  transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__ico svg { color: #8E95A5 !important; stroke: currentColor; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__item:hover { 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:not(#pm-e) .ppr__item:hover .ppr__ico svg { color: #E6E7EA !important; }
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__item:active { transform: scale(.985); transition-duration: 70ms !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__item.is-active {
  background: var(--em-key-on) !important; color: #FFFFFF !important; font-weight: 600 !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:not(#pm-e) .ppr__item.is-active .ppr__ico svg { color: var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__chev { color: #6B7080 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__badge { background: var(--pm-badge, #FF6A1F) !important; color: #FFFFFF !important; box-shadow: 0 0 0 2.5px #1F2023 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sub::before { background: rgba(255,255,255,.08) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink { color: #8E95A5 !important; border-radius: 10px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink::before { background: #45464C !important; border-color: #1A1B1E !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink:hover { color: #FFFFFF !important; 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:not(#pm-e) .ppr__sublink.is-active { color: var(--em-or-ink) !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink.is-active::before { background: var(--em-or) !important; box-shadow: 0 0 0 3px rgba(255,106,31,.2), 0 0 8px rgba(255,106,31,.6) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__foot { border-top: 1px solid rgba(255,255,255,.06) !important; background: transparent !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__out {
  background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: #E6E7EA !important;
}
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__out:hover { background: rgba(255,90,95,.1) !important; border-color: rgba(255,90,95,.35) !important; color: #FF5A5F !important; } }
/* the palette gear: the family's colour choice belongs to the old look; Ember is one look */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.ppr-gear, .kt-hdr, [data-kt-switch]) { display: none !important; }

/* ── 3. the child's menu (js/kid-sidebar.js, .pmkid-nav and its flyouts) ───── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(#pmKidSidebar, .pmkid-nav) {
  background: rgba(255,255,255,.018) !important; background-image: none !important; box-shadow: inset -1px 0 0 rgba(255,255,255,.06) !important; color: #E6E7EA !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__item {
  color: #A0A5B1 !important; background: transparent !important; box-shadow: none !important; border-radius: 14px !important;
  transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__item svg { color: #8E95A5 !important; stroke: currentColor !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__item:hover { 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:not(#pm-e) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) {
  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:not(#pm-e) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) svg { color: var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__badge { background: var(--pm-badge, #FF6A1F) !important; color: #fff !important; box-shadow: 0 0 0 2.5px #1F2023 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__logout {
  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,.08) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly {
  background-color: var(--em-sheet) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 40%) !important;
  border: 0 !important; border-radius: 22px !important; color: #E6E7EA !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(0,0,0,.85) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item { color: #E6E7EA !important; border-radius: 14px !important; background: transparent !important; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item:hover { background: rgba(255,255,255,.06) !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item__icon { background: var(--em-key) !important; color: #E6E7EA !important; border-radius: 10px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item__label { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item__desc { color: #8E95A5 !important; }

/* ── 4. the header (the console's .nx-topbar, family-themed before) ─────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar {
  background: rgba(23,24,27,.72) !important; background-image: none !important;
  -webkit-backdrop-filter: saturate(1.3) blur(20px) !important; backdrop-filter: saturate(1.3) blur(20px) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important; box-shadow: none !important; color: #E6E7EA !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar::before { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #parActions {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; color: #E6E7EA !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #parActions :is(button, a) { color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #parActions :is(button, a):not([class*="label"]) {
  background: var(--em-key) !important; border: 1px solid rgba(255,255,255,.11) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(0,0,0,.85) !important;
}

/* ── 5. the family palette's tokens, given Ember's values ─────────────────────
   Every accent on the family pages runs through the --kt-* tokens (css/kid-theme.css, one set per palette). In Ember
   they all point at the one orange and the graphite, so whatever palette a family once chose, the page is Ember. */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) {
  --kt-chrome-grad: linear-gradient(0deg, #141517 0%, #1A1B1E 100%);
  --kt-topbar-grad: linear-gradient(120deg, rgba(23,24,27,.72), rgba(23,24,27,.72));
  --kt-chrome-deep: #FFFFFF; --kt-chrome-bright: #FF8A4C; --kt-chrome-soft: #FF6A1F;
  --kt-star: #FFC09A;
  --kt-banner-grad: linear-gradient(135deg, #F2550D 0%, #FF6A1F 45%, #FF8A4C 100%);
  --kt-accent-deep: #FF8A4C; --kt-accent-bright: #FF6A1F; --kt-accent-soft-bg: rgba(255,106,31,.12); --kt-accent-ink: #FF8A4C;
  --kt-dot: linear-gradient(135deg, #FF6A1F, #FF8A4C);
  --kt-primary-grad: linear-gradient(180deg, #FF6E29, #F4560E);
}

/* ── 6. type: the system face, white headings, grey meta ──────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console),
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(main, .nx-shell, .dash-shell, .ppr, .nx-topbar, #pmKidSidebar, .pmkid-nav, [role="dialog"]) *:not(:is(code, pre, kbd, samp, .material-icons, [class*="material"], [class*="fa-"], [class*="emoji"])) {
  font-family: var(--n-font) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(main, .nx-shell, .dash-shell, .dash-main-wrap) :is(h1, h2, h3, h4, h5, h6) {
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; background: none !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(main, .nx-shell, .dash-shell, .dash-main-wrap) h1 { font-weight: 600 !important; letter-spacing: -.65px !important; }

/* ── 7. the demo's own pieces (js/demo-mode.js): the Demo pill and the "your child's account" switch ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-demo-mode::after {
  background: rgba(255,255,255,.06) !important; color: #E6E7EA !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #pmDemoViewSwitch {
  background: var(--em-or-fill) !important; background-image: var(--em-or-fill) !important; color: #FFFFFF !important; border: 0 !important;
  box-shadow: var(--em-or-shadow) !important; border-radius: 999px !important;
}

/* ── 8. the console kit's pieces on family pages (the staff console rules are scoped to staff, so they are named here) ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-stats__num { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; 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:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-stats__label { color: #8E95A5 !important; font-weight: 500 !important; letter-spacing: 1.4px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(.nx-stats__cell + .nx-stats__cell) { border-color: rgba(255,255,255,.06) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(.nx-stats__foot, .nx-stats__meta, .nx-stats__sub) { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(.nx-stats__bar, .nx-stats__track) { background: rgba(255,255,255,.08) !important; }

/* ── 9. small finishes from the child pages' pass (3 Oct): the child menu reads as one quiet column (no lighter slab,
   no shimmer), its logo a round glass key, the header without its sweep, the bell's square gone, the Install pill round ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav::before { background: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav::after { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__logo {
  background: var(--em-key) !important; border: 0 !important; color: #E6E7EA !important;
  box-shadow: inset 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;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar::after { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .nx-notif-trigger__icon { background: transparent !important; color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .nx-topbar [data-pm-install] { border-radius: 999px !important; }
/* the family header's old Day/Night key does nothing in Ember (one look), and the person's disc takes the orange */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar .dash-theme-toggle { display: none !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-userpod__avatar { background: var(--kt-dot) !important; color: #FFFFFF !important; }
/* the Demo pill (public demo only) steps down to the menu's foot where the header is too narrow for it and the search */
@media (max-width: 1320px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-demo-mode::after { top: auto !important; bottom: 96px !important; left: 125px !important; } }

/* ── 10. from the parent pages' phone pass (3 Oct) ────────────────────────────────────────────────────────────
   iPad portrait 781–900: parent-console.css pads the page 76px below 900, but kid-sidebar.css keeps the menu 138px
   until 780, so every parent page slid under the menu at 820 */
@media (min-width: 781px) and (max-width: 900px) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-parent-console { padding-left: var(--pmkid-rail-width, 138px) !important; }
}
/* the installed app, on family pages the phone app does not draw: pm-app-shell.js paints the clock strip white
   (its inline colour is var(--pm-app-strip) !important, so the variable is set) and the header was teal */
html.pm-standalone[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { --pm-app-strip: #1F2023; }
html.pm-standalone[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar { background-color: #1F2023 !important; background-image: none !important; }

/* ── PHONE CHROME (child) ─ the bottom tab bar, the More sheet and the menu's sheets, on a phone ──────────────────────
   2026-10-03 (phone pass). There is no phone app for children, so a child's phone keeps the old phone shell
   (css/client-mobile.css on the dashboard, css/client-appshell.css on the other pages: html.pm-app-m) — a lavender slab
   along the bottom, a white More sheet and floating white menus. Here that shell is Ember: the bar is the phone apps'
   own floating capsule of dark glass (css/pm-ember.css .sapp-tabs), the open tab a lit glass tile with its icon
   orange; the More sheet and the Assignments / Sessions menus are graphite bottom sheets (radius 26 on top, a grab
   handle, a dimmed and blurred page behind). It lives here once, so every child page that carries the bar
   (the dashboard, education, learning plan, messages, grades …) gets it; it reaches only a child (body.pm-kid-shell without
   .pm-parent-rail) on the old phone shell (html.pm-app-m), so the family phone app and the desk are untouched. */
@media (max-width: 760px) {
  /* the rail's purple strip (body::before, the bar's old slab) steps aside: the bar draws its own glass */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail)::before { display: none !important; }

  /* the bar: a capsule floating 10px above the bottom edge (and the home indicator) */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav {
    left: 10px !important; right: 10px !important; width: auto !important; top: auto !important;
    bottom: calc(max(0px, env(safe-area-inset-bottom)) + 10px) !important;
    height: 66px !important; padding: 6px 5px !important; border-radius: 26px !important;
    background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;   /* the glass is drawn by ::before, so the menu's sheets stay fixed to the screen */
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav::before {
    content: '' !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: -1 !important;
    border-radius: 26px !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.13) !important;
    background: linear-gradient(180deg, rgba(44,45,49,.8), rgba(26,27,30,.86)) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.5) !important; backdrop-filter: blur(26px) saturate(1.5) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 20px 44px -14px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.35) !important;
    pointer-events: none !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav::after { display: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__items { gap: 2px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__row { padding: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item {
    height: 100% !important; padding: 0 1px !important; gap: 4px !important; border-radius: 20px !important;
    color: #8E95A5 !important; background: transparent !important; box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s ease, background-color .25s ease, box-shadow .25s ease, transform .2s var(--em-ease) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item svg { width: 23px !important; height: 23px !important; color: #8E95A5 !important; stroke-width: 1.7; filter: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item__label {
    font: 500 10.5px/1.1 var(--n-font) !important; letter-spacing: -.1px !important; color: inherit !important;
    max-width: none !important; overflow: visible !important; text-overflow: clip !important;   /* "Learning Plan" whole, never "Learning Pl…" */
  }
  /* the open tab: a raised glass tile, its icon lit orange */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) {
    color: #FFFFFF !important;
    background: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.07) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(255,255,255,.07), 0 8px 16px -10px rgba(0,0,0,.9) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) svg {
    color: #FF8A4C !important; stroke-width: 1.9; filter: drop-shadow(0 0 7px rgba(255,106,31,.45)) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item.is-active::before { display: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item:active { transform: scale(.94) !important; transition-duration: 70ms !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__badge {
    top: 3px !important; right: calc(50% - 25px) !important; left: auto !important;
    min-width: 18px !important; height: 18px !important; padding: 0 5px !important;
    background: #FF6A1F !important; color: #FFFFFF !important; font: 600 11px/18px var(--n-font) !important;
    box-shadow: 0 0 0 2px #26272B, 0 0 10px rgba(255,106,31,.55) !important;
  }

  /* the Assignments / Sessions menus: graphite bottom sheets */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly {
    left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: auto !important;
    max-height: min(74vh, 600px) !important;
    padding: 34px 14px calc(22px + max(0px, env(safe-area-inset-bottom))) !important;
    border-radius: 26px 26px 0 0 !important; z-index: 6 !important;
    background-color: #1C1D20 !important; background-image: linear-gradient(180deg, #27282C 0%, #1C1D20 150px, #18191C 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 -24px 60px -12px rgba(0,0,0,.75) !important;
    transform: translateY(28px) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__row.is-open .pmkid-fly { transform: translateY(0) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly::before {
    top: 10px !important; width: 36px !important; height: 5px !important; background: rgba(255,255,255,.26) !important; box-shadow: none !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly::after { display: none !important; }
  /* behind an open menu the page dims and blurs (on the row, so it covers the screen and the bar) */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__row.is-open::after {
    content: ''; position: fixed; inset: 0; z-index: 5; pointer-events: none;
    background: rgba(0,0,0,.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    animation: pmKidScrimIn .22s ease-out both;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__head {
    font: 600 17px/1.2 var(--n-font) !important; letter-spacing: -.2px !important; text-transform: none !important;
    color: #FFFFFF !important; text-align: center !important; border: 0 !important; padding: 0 12px 14px !important; margin: 0 !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__items { gap: 4px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item {
    min-height: 60px !important; padding: 10px 12px !important; gap: 14px !important; border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important; transform: none !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item:active { background: rgba(255,255,255,.08) !important; transform: scale(.985) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item.is-active {
    background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.07) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item.is-active .pmkid-fly__item__icon { color: #FF8A4C !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__icon {
    width: 40px !important; height: 40px !important; flex: none !important; border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04)) !important; color: #E6E7EA !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(255,255,255,.07) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__icon svg { width: 19px !important; height: 19px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__label { font: 600 16px/1.25 var(--n-font) !important; letter-spacing: -.2px !important; color: #FFFFFF !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__desc { font: 400 13.5px/1.35 var(--n-font) !important; color: #8E95A5 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item--locked { opacity: .5 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__lock { color: #8E95A5 !important; }

  /* the More sheet (js/client-mobile.js on the dashboard, js/client-appshell.js elsewhere) */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheetback {
    background: rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet {
    background-color: #1C1D20 !important; background-image: linear-gradient(180deg, #27282C 0%, #1C1D20 150px, #18191C 100%) !important;
    border-radius: 26px 26px 0 0 !important; color: #E6E7EA !important;
    padding: 10px 14px calc(26px + max(0px, env(safe-area-inset-bottom))) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 -24px 60px -12px rgba(0,0,0,.75) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__grab { width: 36px !important; height: 5px !important; background: rgba(255,255,255,.26) !important; margin: 2px auto 14px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__title { font: 600 17px/1.2 var(--n-font) !important; letter-spacing: -.2px !important; color: #FFFFFF !important; margin: 0 0 6px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__group {
    font: 500 11.5px/1.2 var(--n-font) !important; letter-spacing: 1.7px !important; text-transform: uppercase !important; color: #8E95A5 !important;
    margin: 20px 8px 8px !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row {
    min-height: 58px !important; padding: 9px 12px !important; gap: 14px !important; border-radius: 16px !important; margin: 0 0 4px !important;
    background: rgba(255,255,255,.04) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important; color: #FFFFFF !important;
    transition: background-color .18s var(--em-ease), transform .18s var(--em-ease) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row:active { background: rgba(255,255,255,.08) !important; transform: scale(.985) !important; transition-duration: 70ms !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__ic {
    width: 40px !important; height: 40px !important; border-radius: 12px !important; color: #E6E7EA !important;
    background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(255,255,255,.07) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__ic svg { width: 19px !important; height: 19px !important; stroke: currentColor !important; fill: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__lb { font: 600 16px/1.25 var(--n-font) !important; letter-spacing: -.2px !important; color: #FFFFFF !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__ds { font: 400 13.5px/1.35 var(--n-font) !important; color: #8E95A5 !important; margin-top: 2px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row--out .pmapp-sheet__ic { color: #FF5A5F !important; background: rgba(255,90,95,.1) !important; box-shadow: inset 0 0 0 1px rgba(255,90,95,.2) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row--out .pmapp-sheet__lb { color: #FF5A5F !important; }
  /* the dashboard's show/hide switches: the Ember toggle */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog {
    width: 52px !important; height: 32px !important; border-radius: 16px !important;
    background: rgba(255,255,255,.16) !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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog::after { top: 3px !important; left: 3px !important; width: 26px !important; height: 26px !important; background: #FFFFFF !important; box-shadow: 0 2px 6px rgba(0,0,0,.35) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog.is-on { background: linear-gradient(180deg, #FF6E29, #F4560E) !important; box-shadow: inset 0 0 0 1px rgba(255,138,76,.6) !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog.is-on::after { transform: translateX(20px) !important; }
  /* the language choice: the segmented track */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-lang {
    gap: 4px !important; padding: 4px !important; margin: 2px 2px 4px !important; border-radius: 999px !important;
    background: rgba(0,0,0,.28) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-lang__seg {
    height: 44px !important; padding: 0 10px !important; border-radius: 999px !important; border: 0 !important;
    background: transparent !important; box-shadow: none !important; color: #A0A5B1 !important; font: 600 14.5px/1 var(--n-font) !important;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-lang__seg.is-on {
    color: #FFFFFF !important; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important;
  }
  /* the little "saved" toast the dashboard's sheet uses */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-toast {
    bottom: calc(max(0px, env(safe-area-inset-bottom)) + 90px) !important;
    background: rgba(22,23,27,.92) !important; color: #FFFFFF !important; font: 500 14px/1.2 var(--n-font) !important;
    border: 1px solid rgba(255,255,255,.1) !important; box-shadow: 0 18px 40px -14px rgba(0,0,0,.9) !important;
  }
}
@keyframes pmKidScrimIn { from { opacity: 0; } to { 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__row.is-open::after { animation: none; }
}
/* while the More sheet or a menu sheet is open, the dashboard's "things to do" card (z-index 2147483000, kept that
   high so it clears the session prompt) steps aside instead of floating over the sheet's rows */
@media (max-width: 760px) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail):has(.pmapp-sheet.is-open, .pmkid-nav__row.is-open) .pmch-worktoast { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .18s ease, visibility 0s linear .18s !important; }
}
/* ── end PHONE CHROME (child) ── */

/* ── 11. The Look row (2026-10-03): families and students choose Ember or Ember Light — js/pm-look.js puts a row above
   Sign out in their menu; it opens the picker with the two looks. A quiet pill like Sign out, its icon and the look's
   name. On a phone the menu is the bottom bar, so the row steps aside there. ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam {
  display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 44px !important;
  margin: 0 0 8px !important; padding: 0 16px !important; border-radius: 999px !important; cursor: pointer;
  background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; color: #E6E7EA !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; font: 500 14px/1 var(--n-font) !important; text-align: left !important;
  transition: background-color .12s ease, transform .07s ease;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; color: var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam .pm-lookbtn__l { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam:active { transform: scale(.985); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } }
@media (max-width: 760px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam { display: none !important; } }
/* the child's menu is a narrow column of icon keys: there the Look row is a round key of its own, its name in the tooltip */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pm-lookbtn--fam { width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; justify-content: center !important; margin: 0 auto 10px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pm-lookbtn--fam .pm-lookbtn__l { display: 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"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) { color:#2A2D35 !important; background-color:#F6F7F9 !important; background-image:var(--em-ground) !important; background-attachment:fixed !important; background-repeat:no-repeat !important; background-size:100% 100% !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) ::-webkit-scrollbar-thumb { background:rgba(17,19,24,.075); border:2px solid transparent; background-clip:padding-box; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { background-color:#F6F7F9 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.dash-shell, .dash-main-wrap, .pm-main, .client-main, main.pm-page) { background:transparent !important; background-image:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-parent-console::before { background:rgba(17,19,24,.018) !important; box-shadow:inset -1px 0 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:not(#pm-e) .ppr { background:transparent !important; box-shadow:none !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:not(#pm-e) .ppr__mark { 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,.12) !important; color:var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__wm 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:not(#pm-e) .ppr__wm span { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__item { color:#5A606E !important; background:transparent !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:not(#pm-e) .ppr__ico svg { color:#646B7A !important; stroke:currentColor; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__item.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:not(#pm-e) .ppr__item.is-active .ppr__ico svg { color:var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__chev { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__badge { background:var(--pm-badge, #FF6A1F) !important; color:#FFFFFF !important; box-shadow:0 0 0 2.5px #FFFFFF !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sub::before { background:rgba(17,19,24,.08) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink::before { background:#A0A5B1 !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:not(#pm-e) .ppr__sublink.is-active { color:var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink.is-active::before { background:var(--em-or) !important; box-shadow:0 0 0 3px rgba(255,106,31,.11), 0 0 8px rgba(255,106,31,.33) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__foot { border-top:1px solid rgba(17,19,24,.06) !important; background:transparent !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__out { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !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:not(#pm-e) :is(#pmKidSidebar, .pmkid-nav) { background:rgba(255,255,255,.531) !important; background-image:none !important; box-shadow:inset -1px 0 0 rgba(255,255,255,.06) !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:not(#pm-e) .pmkid-nav__item { color:#5A606E !important; background:transparent !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:not(#pm-e) .pmkid-nav__item svg { color:#646B7A !important; stroke:currentColor !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) { 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:not(#pm-e) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) svg { color:var(--em-or-ink) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__badge { background:var(--pm-badge, #FF6A1F) !important; color:#fff !important; box-shadow:0 0 0 2.5px #FFFFFF !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__logout { 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,.08) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly { background-color:var(--em-sheet) !important; background-image:linear-gradient(180deg, rgba(255,255,255,.675), rgba(255,255,255,0) 40%) !important; border:0 !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.072), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px 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:not(#pm-e) .pmkid-fly__item { color:#2A2D35 !important; background:transparent !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item__icon { background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item__label { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-fly__item__desc { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar { background:rgba(255,255,255,.916) !important; background-image:none !important; backdrop-filter:saturate(1.3) blur(20px) !important; border-bottom:1px solid rgba(17,19,24,.06) !important; box-shadow:none !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:not(#pm-e) #parActions { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !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:not(#pm-e) #parActions :is(button, a) { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) #parActions :is(button, a):not([class*="label"]) { background:var(--em-key) !important; border:1px solid rgba(17,19,24,.093) !important; box-shadow: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"]) { --kt-chrome-grad:linear-gradient(0deg, #F1F2F5 0%, #F6F7F9 100%); --kt-topbar-grad:linear-gradient(120deg, rgba(255,255,255,.916), rgba(255,255,255,.916)); --kt-chrome-deep:#FFFFFF; --kt-chrome-bright:#E5540F; --kt-chrome-soft:#E5540F; --kt-star:#E5540F; --kt-banner-grad:linear-gradient(135deg, #F2550D 0%, #FF6A1F 45%, #FF8A4C 100%); --kt-accent-deep:#E5540F; --kt-accent-bright:#E5540F; --kt-accent-soft-bg:rgba(229,84,15,.12); --kt-accent-ink:#E5540F; --kt-dot:linear-gradient(135deg, #FF6A1F, #FF8A4C); --kt-primary-grad:linear-gradient(180deg, #FF6E29, #F4560E); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(main, .nx-shell, .dash-shell, .dash-main-wrap) :is(h1, h2, h3, h4, h5, h6) { color:#111318 !important; -webkit-text-fill-color:#111318; background:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e).pm-demo-mode::after { background:rgba(17,19,24,.04) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), 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:not(#pm-e) #pmDemoViewSwitch { background:var(--em-or-fill) !important; background-image:var(--em-or-fill) !important; color:#FFFFFF !important; border:0 !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:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-stats__num { color:#111318 !important; -webkit-text-fill-color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-stats__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:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(.nx-stats__cell + .nx-stats__cell) { border-color: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:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(.nx-stats__foot, .nx-stats__meta, .nx-stats__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:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) :is(.nx-stats__bar, .nx-stats__track) { background:rgba(17,19,24,.048) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav::before { background:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pmkid-nav__logo { background:var(--em-key) !important; border:0 !important; color:#2A2D35 !important; box-shadow:inset 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:not(#pm-e) .nx-notif-trigger__icon { background:transparent !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:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-userpod__avatar { background:var(--kt-dot) !important; color:#FFFFFF !important; }
html.pm-standalone[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { --pm-app-strip:#FFFFFF; }
html.pm-standalone[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(.pm-admin-console):not(.pm-assistant-console) .nx-topbar { background-color:#FFFFFF !important; background-image:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam { 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,.08) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .pm-lookbtn--fam svg { color:var(--em-or-ink) !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:not(#pm-e) .ppr__item:hover { 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:not(#pm-e) .ppr__item:hover .ppr__ico svg { color:#2A2D35 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ppr__sublink:hover { color:#111318 !important; 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:not(#pm-e) .ppr__out:hover { background:rgba(217,59,64,.1) !important; border-color:rgba(217,59,64,.35) !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:not(#pm-e) .pmkid-nav__item:hover { 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:not(#pm-e) .pmkid-fly__item:hover { 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:not(#pm-e) .pm-lookbtn--fam:hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; }
}
@media (max-width: 760px) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav { background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; backdrop-filter:none !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav::before { border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.111) !important; background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.958)) !important; backdrop-filter:blur(26px) saturate(1.5) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 20px 44px -14px rgba(17,19,24,.187), 0 2px 8px rgba(17,19,24,.077) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item { color:#646B7A !important; background:transparent !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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item svg { color:#646B7A !important; filter:none !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__item__label { color:inherit !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) { color:#111318 !important; background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.765) 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(17,19,24,.063), 0 8px 16px -10px 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) :is(.pmkid-nav__item.is-active, .pmkid-nav__item[aria-current="page"]) svg { color:#E5540F !important; filter:drop-shadow(0 0 7px rgba(255,106,31,.248)) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__badge { background:#FF6A1F !important; color:#FFFFFF !important; box-shadow:0 0 0 2px #F7F8FA, 0 0 10px rgba(255,106,31,.303) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly { background-color:#FFFFFF !important; background-image:linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 150px, #F6F7F9 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 -24px 60px -12px rgba(17,19,24,.165) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly::before { background:rgba(17,19,24,.26) !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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-nav__row.is-open::after { background:rgba(17,19,24,.275); backdrop-filter:blur(6px); }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__head { color:#111318 !important; border:0 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item { background:rgba(17,19,24,.04) !important; box-shadow:inset 0 0 0 1px 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item:active { 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item.is-active { background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.72)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item.is-active .pmkid-fly__item__icon { color:#E5540F !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__icon { background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.63)) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__label { color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__desc { color:#646B7A !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmkid-fly__item__lock { color:#646B7A !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheetback { background:rgba(17,19,24,.275) !important; backdrop-filter:blur(6px) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet { background-color:#FFFFFF !important; background-image:linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 150px, #F6F7F9 100%) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 -24px 60px -12px rgba(17,19,24,.165) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__grab { background:rgba(255,255,255,.97) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__title { color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__group { color:#646B7A !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row { background:rgba(17,19,24,.04) !important; box-shadow:inset 0 0 0 1px 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row:active { 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__ic { color:#2A2D35 !important; background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.63)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__ic svg { stroke:currentColor !important; fill:none !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__lb { color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__ds { color:#646B7A !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row--out .pmapp-sheet__ic { color:#D93B40 !important; background:rgba(217,59,64,.1) !important; box-shadow:inset 0 0 0 1px rgba(217,59,64,.12) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__row--out .pmapp-sheet__lb { color:#D93B40 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog { background:rgba(17,19,24,.075) !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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog::after { background:#FFFFFF !important; box-shadow:0 2px 6px rgba(17,19,24,.077) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-sheet__tog.is-on { background:linear-gradient(180deg, #FF6E29, #F4560E) !important; box-shadow:inset 0 0 0 1px rgba(255,138,76,.33) !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-lang { background:rgba(17,19,24,.05) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px 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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-lang__seg { border:0 !important; background:transparent !important; box-shadow:none !important; color:#5A606E !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-lang__seg.is-on { color:#111318 !important; background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.765)) !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"]).pm-app-m body:not(#pm-e).pm-kid-shell:not(.pm-parent-rail) .pmapp-toast { background:rgba(255,255,255,.97) !important; color:#111318 !important; border:1px solid rgba(17,19,24,.085) !important; box-shadow:0 18px 40px -14px rgba(17,19,24,.198) !important; }
}
/* ══ end EMBER LIGHT (generated) ══ */