/* Vensys One — one look for every page (r232): Apple system colours, SF type, light & dark that follow the device.
   Loaded last on every page; only re-points the shared colour tokens and polishes common controls. */
html:root{
  --a-bg:#F2F2F7;--a-card:#FFFFFF;--a-card2:#F2F2F7;--a-fill:rgba(118,118,128,.12);--a-fill2:rgba(118,118,128,.20);--a-sep:rgba(60,60,67,.13);
  --a-label:#000;--a-label2:rgba(60,60,67,.62);--a-label3:rgba(60,60,67,.32);--a-tint:#007AFF;--a-red:#FF3B30;--a-green:#34C759;--a-orange:#FF9500;--a-mat:rgba(250,250,252,.74);--a-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 18px -8px rgba(0,0,0,.14);--a-shadow2:0 22px 60px -18px rgba(0,0,0,.35);
  --bg:#F2F2F7;--surface:#FFFFFF;--surface2:#F2F2F7;--glass:rgba(250,250,252,.74);--line:rgba(60,60,67,.13);--line2:rgba(60,60,67,.22);
  --ink:#000;--ink2:#3C3C43;--muted:#6E6E73;
  --brand:#007AFF;--accent:#007AFF;--accent-2:#0A84FF;--accent-soft:rgba(0,122,255,.10);--accent-ink:#0062CC;--info:#007AFF;--info-soft:rgba(0,122,255,.10);
  --good:#248A3D;--good-soft:rgba(52,199,89,.14);--warn:#C93400;--warn-soft:rgba(255,149,0,.14);--bad:#D70015;--bad-soft:rgba(255,59,48,.12);
  --green:#248A3D;--red:#D70015;--amber:#C93400;--blue:#007AFF;
  --sh:0 1px 2px rgba(0,0,0,.04),0 6px 18px -8px rgba(0,0,0,.14);--sh1:0 1px 2px rgba(0,0,0,.04);--sh2:0 1px 2px rgba(0,0,0,.04),0 6px 18px -8px rgba(0,0,0,.14);--sh3:0 22px 60px -18px rgba(0,0,0,.35);
  --ribbon:none;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light dark}
@media (prefers-color-scheme:dark){html:root:not([data-theme="light"]){
  --a-bg:#000;--a-card:#1C1C1E;--a-card2:#2C2C2E;--a-fill:rgba(118,118,128,.24);--a-fill2:rgba(118,118,128,.36);--a-sep:rgba(84,84,88,.6);
  --a-label:#fff;--a-label2:rgba(235,235,245,.62);--a-label3:rgba(235,235,245,.3);--a-tint:#0A84FF;--a-red:#FF453A;--a-green:#30D158;--a-orange:#FF9F0A;--a-mat:rgba(30,30,32,.74);--a-shadow:0 0 0 .5px rgba(255,255,255,.06);--a-shadow2:0 24px 70px -18px rgba(0,0,0,.8);
  --bg:#000;--surface:#1C1C1E;--surface2:#2C2C2E;--glass:rgba(30,30,32,.74);--line:rgba(84,84,88,.6);--line2:rgba(84,84,88,.85);
  --ink:#fff;--ink2:#EBEBF5;--muted:#98989F;
  --brand:#0A84FF;--accent:#0A84FF;--accent-2:#409CFF;--accent-soft:rgba(10,132,255,.18);--accent-ink:#64B0FF;--info:#0A84FF;--info-soft:rgba(10,132,255,.18);
  --good:#30D158;--good-soft:rgba(48,209,88,.18);--warn:#FF9F0A;--warn-soft:rgba(255,159,10,.18);--bad:#FF453A;--bad-soft:rgba(255,69,58,.18);
  --green:#30D158;--red:#FF453A;--amber:#FF9F0A;--blue:#0A84FF;
  --sh:0 0 0 .5px rgba(255,255,255,.06);--sh1:0 0 0 .5px rgba(255,255,255,.06);--sh2:0 0 0 .5px rgba(255,255,255,.06);--sh3:0 24px 70px -18px rgba(0,0,0,.8)}}
html:root[data-theme="dark"]{
  --a-bg:#000;--a-card:#1C1C1E;--a-card2:#2C2C2E;--a-fill:rgba(118,118,128,.24);--a-fill2:rgba(118,118,128,.36);--a-sep:rgba(84,84,88,.6);
  --a-label:#fff;--a-label2:rgba(235,235,245,.62);--a-label3:rgba(235,235,245,.3);--a-tint:#0A84FF;--a-red:#FF453A;--a-green:#30D158;--a-orange:#FF9F0A;--a-mat:rgba(30,30,32,.74);--a-shadow:0 0 0 .5px rgba(255,255,255,.06);--a-shadow2:0 24px 70px -18px rgba(0,0,0,.8);
  --bg:#000;--surface:#1C1C1E;--surface2:#2C2C2E;--glass:rgba(30,30,32,.74);--line:rgba(84,84,88,.6);--line2:rgba(84,84,88,.85);
  --ink:#fff;--ink2:#EBEBF5;--muted:#98989F;
  --brand:#0A84FF;--accent:#0A84FF;--accent-2:#409CFF;--accent-soft:rgba(10,132,255,.18);--accent-ink:#64B0FF;--info:#0A84FF;--info-soft:rgba(10,132,255,.18);
  --good:#30D158;--good-soft:rgba(48,209,88,.18);--warn:#FF9F0A;--warn-soft:rgba(255,159,10,.18);--bad:#FF453A;--bad-soft:rgba(255,69,58,.18);
  --green:#30D158;--red:#FF453A;--amber:#FF9F0A;--blue:#0A84FF;
  --sh:0 0 0 .5px rgba(255,255,255,.06);--sh1:0 0 0 .5px rgba(255,255,255,.06);--sh2:0 0 0 .5px rgba(255,255,255,.06);--sh3:0 24px 70px -18px rgba(0,0,0,.8)}

html body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.003em}
body::before{background:none!important}
h1{letter-spacing:.003em}
a{color:var(--accent)}
::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}

/* controls: iOS-like fields, pill buttons with the system tint */
html body select,html body textarea{border-radius:10px}
html body select:focus-visible,html body textarea:focus-visible,html body input:not([type=search]):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:0}
html body .btn{border-radius:999px}
html body .btn.p,html body .btn.go,html body .btn.primary,html body button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
html body .btn:focus-visible,html body button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}

/* cards and lists: white on grouped grey, soft shadow, 16px corners */
html body .card,html body .k,html body .w,html body .tile,html body .lcard{border-color:transparent}
html body .card,html body .tile{border-radius:16px}


@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* palettes */
html:root[data-palette="sage"]{--a-bg:#F6F2E7;--a-card:#FFFDF8;--a-card2:#ECE7D8;--a-fill:rgba(51,64,58,.08);--a-fill2:rgba(51,64,58,.14);--a-sep:rgba(51,64,58,.13);--a-label:#26302B;--a-label2:rgba(51,64,58,.68);--a-label3:rgba(51,64,58,.36);--a-mat:rgba(246,242,231,.82);
  --bg:#F6F2E7;--surface:#FFFDF8;--surface2:#ECE7D8;--glass:rgba(246,242,231,.82);--line:rgba(51,64,58,.13);--line2:rgba(51,64,58,.22);--ink:#26302B;--ink2:#33403A;--muted:#5F7466}
html:root[data-palette="slate"]{--a-bg:#06141B;--a-card:#11212D;--a-card2:#253745;--a-fill:rgba(155,168,171,.14);--a-fill2:rgba(155,168,171,.22);--a-sep:rgba(155,168,171,.18);--a-label:#E6EAE9;--a-label2:rgba(204,208,207,.7);--a-label3:rgba(204,208,207,.38);--a-mat:rgba(17,33,45,.82);
  --bg:#06141B;--surface:#11212D;--surface2:#253745;--glass:rgba(17,33,45,.82);--line:rgba(155,168,171,.18);--line2:rgba(155,168,171,.3);--ink:#E6EAE9;--ink2:#CCD0CF;--muted:#9BA8AB}
/* tinted (like the iPhone home screen): monochrome icons in the accent colour on dark */
html[data-tinted] .aic{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,#1C1C1E),color-mix(in srgb,var(--accent) 16%,#0E0E10))!important;box-shadow:0 0 0 .5px color-mix(in srgb,var(--accent) 35%,transparent)!important}
html[data-tinted] .aic .gl{stroke:color-mix(in srgb,var(--accent) 85%,#fff)!important}
html[data-tinted] .wd.at,html[data-tinted] .wd.wx,html[data-tinted] .wd.th{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 34%,#1C1C1E),color-mix(in srgb,var(--accent) 14%,#0E0E10))!important;color:#fff}
html[data-tinted] .wd.th .h,html[data-tinted] .wd.th .by{color:color-mix(in srgb,var(--accent) 70%,#fff)!important}
html[data-theme="dark"] .wd.th{background:linear-gradient(135deg,#2B2114 0%,#3A2A12 60%,#4A3110 100%);color:#FFE9C4}html[data-theme="dark"] .wd.th .h,html[data-theme="dark"] .wd.th .by{color:#E8B86A}
html[data-palette="sage"] .wd.th{background:linear-gradient(135deg,#ECE7D8,#DCD6C4);color:#26302B}html[data-palette="sage"] .wd.th .h,html[data-palette="sage"] .wd.th .by{color:#4F6355}
html[data-palette="slate"] .wd.th{background:linear-gradient(135deg,#11212D,#253745);color:#E6EAE9}html[data-palette="slate"] .wd.th .h,html[data-palette="slate"] .wd.th .by{color:#9BA8AB}
html[data-palette="slate"] .wd.rings,html[data-theme="dark"] .wd.rings{background:var(--a-card)}

/* r423 — Apple HIG polish. Uses the device's own system font (SF on Apple, Segoe on Windows, Roboto on Android); no Apple font or symbol files are shipped. */
html:root{--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html body{-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}
html body h1{font-weight:700;letter-spacing:-.022em}
html body .btn{transition:transform .12s ease,background-color .2s ease,opacity .2s ease}
html body .btn:not(:disabled):active{transform:scale(.97)}
@media (pointer:coarse){html body .btn{min-height:44px}html body input:not([type=checkbox]):not([type=radio]):not([type=range]),html body textarea{font-size:16px}}
/* iOS-style tab bar: equal columns that never overflow, small labels, safe-area aware */
@media (max-width:900px){
  html body .bottomnav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:6px 4px calc(4px + env(safe-area-inset-bottom));backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
  html body .bottomnav button{min-width:0;font-size:10.5px;font-weight:600;letter-spacing:.01em;gap:2px;padding:5px 2px;min-height:49px}
  html body .bottomnav .tlb{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;padding:0;margin:0}
  html body .bottomnav button svg{width:24px;height:24px}
  html body .topbar select,html body .topbar .pill{flex:0 1 auto}html body .topbar .av,html body .topbar [class*=avatar]{flex:none;aspect-ratio:1}
  /* header: never wider than the screen */
  html body .topbar{min-width:0;flex-wrap:nowrap}html body .topbar>*{min-width:0}
  html body .topbar img,html body #sdlogo{height:40px;width:auto;flex:none}
  html body .topbar select{max-width:42vw;text-overflow:ellipsis}
}
@media (max-width:640px){html body h1{font-size:30px;line-height:1.12}}

/* r424 — light look: frosted white tab bar and a hairline header, same as the home page */
html body.az .bottomnav,html body .bottomnav{background:color-mix(in srgb,var(--surface,#fff) 86%,transparent)!important;border-top:.5px solid var(--line)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:none}
html body.az .bottomnav *,html body .bottomnav button{color:var(--muted,#6E6E73)!important}
html body .bottomnav button[aria-selected="true"],html body .bottomnav button[aria-selected="true"] *{color:#E8641B!important}
html body .bottomnav button[aria-selected="true"]{background:transparent!important}
html body .bottomnav .badge{color:#fff!important}
html body.az .topbar,html body.az .top,html body .top{border-bottom:.5px solid var(--line)!important;box-shadow:none!important;background:color-mix(in srgb,var(--surface,#fff) 86%,transparent)!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important}

/* r425 — app tiles: one colour, quiet tile, Phosphor duotone glyph in the brand orange */
html body .aic.pht{background:linear-gradient(180deg,#FFFFFF,#F3F3F5)!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.09),0 1px 2px rgba(0,0,0,.05)!important;color:#E8641B}
html body .aic.pht::after{display:none!important}
html body .aic.pht .gl3{width:56%;height:56%;position:relative;z-index:1}
@media (prefers-color-scheme:dark){html:root:not([data-theme="light"]) body .aic.pht{background:linear-gradient(180deg,#2C2C2E,#1F1F21)!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1)!important;color:#FF9F5A}}
html[data-theme="dark"] body .aic.pht{background:linear-gradient(180deg,#2C2C2E,#1F1F21)!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1)!important;color:#FF9F5A}
html[data-tinted] body .aic.pht{color:color-mix(in srgb,var(--accent) 85%,#fff)}

/* r427 — sober side panel: logo, sections, and a one-line account row (details behind "Account") */
html body .side .live{display:none}
html body .side .nav .n{display:none}
html body .side .nav button{font-weight:500}
html body .side .nav button[aria-selected="true"]{background:var(--a-fill,rgba(118,118,128,.12));color:var(--ink)}
html body #recov{display:none}
html body .usercard{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 6px!important;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
html body .usercard>.av{grid-row:span 2}
html body .usercard>b{font-size:14px;line-height:1.2}
html body .usercard>small:first-of-type{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .usercard:not(.open)>*:not(.av):not(b):not(small:first-of-type):not(.uc-t){display:none!important}
html body .usercard.open>*:not(.av):not(b):not(small:first-of-type):not(.uc-t){grid-column:1/-1}
html body .usercard .uc-t{all:unset;cursor:pointer;grid-column:1/-1;margin-top:8px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px}
html body .usercard.open .uc-t svg{transform:rotate(180deg)}
html body .side .org{padding:4px 8px 0}

/* r428: partner portal — keep the sidebar header on the navy sidebar (the light header rule is for staff pages) */
html body #app>.top{background:var(--az-navy2,#232F3E)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0!important;color:#fff}
html body #app>.top .who{background:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body #app>.top .who span{color:#fff!important}html body #app>.top .who small{color:rgba(255,255,255,.7)!important}
html body #app>.top .petsel{color:rgba(255,255,255,.85)!important}
html body #app>.top #logout{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:none!important}
html body #app>.top img{filter:none}