/* Administrative navigation shares the app's typography, icons and themes. */
.admin-home-heading {display:flex;justify-content:space-between;align-items:center;gap:22px;margin:4px 0 25px;padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(115deg,#edf3fc,#f3f6ef)}
.admin-home-heading .mini-kicker {color:var(--navy);font-size:10px}
.admin-home-heading h2 {margin:10px 0 8px;font:600 clamp(25px,3vw,34px)/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em;color:var(--ink)}
.admin-home-heading p {margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:530px}
.admin-home-symbol {display:grid;place-items:center;width:67px;height:67px;flex-shrink:0;border:1px solid #cadbf3;border-radius:21px;background:#fff8;color:var(--navy)}
.admin-home-symbol .pp-icon {width:31px;height:31px}
.admin-screen-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.admin-screen-card {position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;align-content:start;gap:13px;min-width:0;min-height:210px;padding:23px;border:1px solid var(--line);border-radius:19px;background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 3px 8px #102d3f03;transition:border-color .16s,box-shadow .16s}
.admin-screen-card:hover {border-color:#8aaee0;box-shadow:0 9px 24px #0847a610}
.admin-screen-card:focus-visible,#admin-back-home:focus-visible {outline:3px solid var(--navy);outline-offset:4px}
.admin-card-icon {display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eaf1fc;color:var(--navy)}
.admin-card-icon .pp-icon {width:24px;height:24px}
.admin-card-label {align-self:center;color:var(--muted);font-size:10px;font-weight:500}
.admin-screen-card>strong {grid-column:1/-1;font:600 21px/1.2 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
.admin-card-description {grid-column:1/-1;max-width:280px;color:var(--muted);font-size:12px;line-height:1.65}
.admin-card-open {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px;color:var(--navy);font-size:11px;font-weight:600}
.admin-card-open>span {font-size:20px;line-height:1}
.admin-home-roadmap {display:flex;align-items:center;gap:16px;margin:22px 0 0;padding:21px 23px;border:1px dashed #bfccd6;border-radius:18px;color:var(--muted)}
.admin-home-roadmap>.pp-icon {flex-shrink:0;color:var(--muted);width:23px;height:23px}
.admin-home-roadmap strong {display:block;font-size:13px;font-weight:600;color:var(--ink)}
.admin-home-roadmap p {margin:5px 0 0;font-size:12px;line-height:1.6}
.admin-home-roadmap>span {white-space:nowrap;margin-left:auto;border-radius:8px;background:#edf0f0;padding:7px 10px;color:var(--muted);font-size:10px}
.admin-top .admin-back-home {display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--navy);font-size:12px;font-weight:600;white-space:nowrap}
.admin-back-home .pp-icon {width:18px;height:18px}
.admin-top>div:last-child {flex-wrap:wrap;justify-content:flex-end}
#admin-page-title:focus {outline:none}
.admin-route-gate:not([hidden]) {position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:24px;background:var(--cream);color:var(--ink);text-align:center}
.admin-route-gate h1 {font:600 26px 'Bricolage Grotesque',sans-serif}.admin-route-gate p {font-size:14px;color:var(--muted)}
.admin-route-gate a {display:block;min-height:44px;padding:12px;color:var(--ink);font-size:13px}
body.admin-auth-pending {overflow:hidden}body.admin-auth-pending>:not(#admin-route-gate) {visibility:hidden}
:root[data-theme=dark] .admin-home-heading {background:linear-gradient(115deg,var(--night-selected),var(--paper))}
:root[data-theme=dark] .admin-home-heading .mini-kicker,:root[data-theme=dark] .admin-card-open,:root[data-theme=dark] .admin-back-home {color:var(--night-link)}
:root[data-theme=dark] .admin-home-symbol,:root[data-theme=dark] .admin-card-icon {background:var(--night-selected);border-color:var(--line);color:var(--night-link)}
:root[data-theme=dark] .admin-home-roadmap {border-color:var(--line)}
:root[data-theme=dark] .admin-home-roadmap>span {background:var(--night-raised);color:var(--ink)}
@media(max-width:1150px){.admin-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-screen-card{min-height:205px}}
@media(max-width:900px){
  body:has(.admin-app:not([hidden])) .mobile-nav-trigger{display:none!important}
  .admin-sidebar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}
  .admin-sidebar nav{display:none}
  .admin-sidebar .admin-brand{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0}
  .admin-sidebar .admin-brand b{font-size:15px}.admin-sidebar .admin-brand small{font-size:9px}
  .admin-sidebar .admin-brand .brand-mark{width:33px;height:33px;flex-basis:33px}
  .admin-sidebar .admin-exit{position:static;width:auto;margin:0;min-height:44px;padding:8px 10px;font-size:10px}
  .admin-top{height:auto;min-height:82px;padding:16px 0}
}
@media(max-width:700px){
  .admin-top {align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:0}
  .admin-top>div:last-child {width:100%;justify-content:flex-start;gap:8px}
  .admin-top #admin-account {margin-left:auto;min-width:40px;min-height:40px}
  .admin-top h1 {font-size:27px}
  .admin-home-heading {padding:20px;margin-top:0;gap:10px;border-radius:18px}
  .admin-home-heading p {font-size:12px}
  .admin-home-symbol {display:none}
  .admin-screen-grid {gap:12px}
  .admin-screen-card {min-height:208px;padding:16px;gap:11px;border-radius:16px}
  .admin-card-icon {width:37px;height:37px;border-radius:11px}
  .admin-card-icon .pp-icon {width:22px;height:22px}
  .admin-card-label {display:none}
  .admin-screen-card>strong {font-size:19px}
  .admin-card-description {font-size:12px;line-height:1.5}
  .admin-home-roadmap {align-items:start;flex-wrap:wrap;padding:18px;gap:10px}
  .admin-home-roadmap>div {flex:1;min-width:180px}
  .admin-home-roadmap>span {margin-left:33px}
}
@media(max-width:380px){.admin-screen-grid{grid-template-columns:1fr}.admin-screen-card{grid-template-columns:43px 1fr;gap:7px 13px;min-height:154px}.admin-card-icon{grid-row:1/3}.admin-screen-card>strong,.admin-card-description{grid-column:2}.admin-card-open{margin-top:9px}.admin-card-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.admin-screen-card{transition:none}}