/* ==================================================================
   P1 VENDOR HUB, PRECISION shell (portal v1.87, 2026-10-04).
   Light left nav, light top bar, command bar, shortcuts sheet, phone tab
   bar, and restyle overrides for the rest of the app. Loaded after
   portal.html's main <style> and precision.css, so equal specificity wins
   here. Classes: pzn- nav, pzh- top bar, pzc- command bar and sheets.
   rules/design.md: light surfaces, hairline borders, quiet status text,
   no gradients, no emoji, no red buttons, no side stripes.
   ================================================================== */
html.pz-on{
  --rail:232px; --top:56px;
  --page:#f6f7f9; --surface-2:#f8fafc; --surface-3:#eef1f5;
  --line:#e2e8f0; --line-2:#cbd5e1;
  --ink:#0f172a; --ink-2:#334155; --ink-3:#5f6b7d; --ink-4:#8896a9;
  --topbar:#0f172a;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.05);
  --shadowBig:0 12px 40px rgba(15,23,42,.18);
}
html.pz-on,html.pz-on body{background:var(--pz-page)}
html.pz-on body{color:var(--pz-ink-2)}

/* ------------------------------------------------------------------
   LOGIN: light page, white card
   ------------------------------------------------------------------ */
.login{background:var(--pz-page)}
.loginbox{border:1px solid var(--pz-line);box-shadow:var(--pz-shadow-pop);border-radius:16px}
.loginbox h2{color:var(--pz-ink);font-family:var(--pz-hfont);letter-spacing:.04em;font-size:1.05rem}
.loginbox .lsub{color:var(--pz-ink-3)}
.loginbox label{text-transform:none;letter-spacing:0;font-size:12.5px;font-family:var(--pz-font);color:var(--pz-ink-2)}
.loginbox input{border-color:var(--pz-line-2);background:#fff;font-size:16px;border-radius:var(--pz-radius-sm)}
.loginbox input:focus{border-color:var(--pz-ink);box-shadow:0 0 0 3px rgba(15,23,42,.08)}
.loginbtn{background:#fff;border-color:var(--pz-line-2);color:var(--pz-ink);font-family:var(--pz-font);letter-spacing:0;min-height:44px}
.loginbtn:hover{background:var(--pz-hover)}
.loginbtn.dark{background:var(--pz-ink);border-color:var(--pz-ink);color:#fff}
.loginbtn.dark:hover{background:#1e293b}
.logindiv{text-transform:none;letter-spacing:0;font-family:var(--pz-font);font-size:12.5px;font-weight:600;color:var(--pz-ink-3)}
.loginerr{background:#fef2f2;color:#b91c1c}
.loginok{background:#f0fdf4;color:#15803d}
.loginfoot{color:var(--pz-ink-3)}

/* ------------------------------------------------------------------
   LEFT NAV
   ------------------------------------------------------------------ */
html.pz-on .rail{background:#fbfbfc;border-right:1px solid var(--pz-line);padding:16px 12px 10px;gap:0;overflow-y:auto;overflow-x:hidden}
html.pz-on .pzn-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;background:none;border:0;text-align:left;width:100%;cursor:pointer;color:inherit}
html.pz-on .pzn-brand img{width:36px;height:26px;object-fit:contain;flex-shrink:0}
html.pz-on .pzn-brand .bt{display:flex;flex-direction:column;min-width:0}
html.pz-on .pzn-brand .b1{font-family:var(--pz-hfont);font-weight:600;font-size:14px;line-height:18px;color:var(--pz-ink)}
html.pz-on .pzn-brand .b2{font-size:12px;line-height:16px;color:var(--pz-ink-3)}
html.pz-on .pzn-grp{display:flex;flex-direction:column;gap:2px}
html.pz-on .pzn-lab{font-size:12px;color:var(--pz-ink-3);padding:0 10px 6px}
html.pz-on .pzn-sec{margin-top:20px}
html.pz-on .rail a.pzn-it,html.pz-on .pzn-sheet a.pzn-it,html.pz-on .pzn-it{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:8px;border:1px solid transparent;
  border-left:1px solid transparent;color:var(--pz-ink-2);text-decoration:none;font-size:13.5px;font-weight:400;position:relative;
  background:none;width:100%;text-align:left;cursor:pointer;font-family:var(--pz-font)}
html.pz-on .rail a.pzn-it:hover,html.pz-on .pzn-sheet a.pzn-it:hover,html.pz-on .pzn-it:hover{background:var(--pz-hover);color:var(--pz-ink)}
html.pz-on .rail a.pzn-it.on,html.pz-on .pzn-sheet a.pzn-it.on{background:#fff;border:1px solid var(--pz-line);box-shadow:0 1px 2px rgba(15,23,42,.05);color:var(--pz-ink);font-weight:700}
html.pz-on .pzn-it .pzi{color:var(--pz-ink-3)}
html.pz-on .pzn-it.on .pzi{color:var(--pz-red)}
html.pz-on .pzn-it .tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.pz-on .pzn-it .ct{font-size:12px;color:var(--pz-ink-2);font-weight:700;font-variant-numeric:tabular-nums}
html.pz-on .pzn-it .ct:empty{display:none}
html.pz-on .pzn-it.q{height:30px;font-size:13px;color:var(--pz-ink-3)}
html.pz-on .pzn-it.sv{height:32px;font-size:13px}
html.pz-on .pzn-it.sv .dot{width:6px;height:6px;border-radius:50%;background:var(--pz-ink-4);margin:0 5px;flex-shrink:0}
html.pz-on .pzn-it.sv .dot.red{background:var(--pz-red)}
html.pz-on .pzn-it.sv.on{font-weight:700}
html.pz-on .pzn-foot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px}
html.pz-on .pzn-user{display:flex;align-items:center;gap:10px;padding:10px 6px 4px;border-top:1px solid var(--pz-line)}
html.pz-on .pzn-user .who{display:flex;flex-direction:column;min-width:0;flex:1}
html.pz-on .pzn-user .nm{font-weight:700;font-size:13px;line-height:18px;color:var(--pz-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.pz-on .pzn-user .rl{font-size:12px;line-height:16px;color:var(--pz-ink-3)}
html.pz-on .pzn-ver{font-size:11px;color:var(--pz-ink-4);padding:0 6px;line-height:14px}
html.pz-on .pzn-out{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:8px;border:0;background:none;color:var(--pz-ink-3);
  font:500 13px/1 var(--pz-font);cursor:pointer;width:100%;text-align:left}
html.pz-on .pzn-out:hover{background:var(--pz-hover);color:var(--pz-ink)}

/* ------------------------------------------------------------------
   TOP BAR
   ------------------------------------------------------------------ */
html.pz-on .top{background:#fff;color:var(--pz-ink);box-shadow:none;border-bottom:1px solid var(--pz-line);padding:0 28px;gap:20px;
  display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,520px) minmax(60px,1fr);align-items:center}
html.pz-on .top .hamb,html.pz-on .top .gsearch,html.pz-on .top .spacer,html.pz-on .top .who{display:none !important}
html.pz-on .pzh-left{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--pz-ink-3);white-space:nowrap}
html.pz-on .pzh-left .crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pz-ink-3);min-width:0;overflow:hidden}
html.pz-on .pzh-left .crumb b{color:var(--pz-ink);font-weight:700;font-family:var(--pz-font);letter-spacing:0;flex-shrink:0}
html.pz-on .pzh-left .crumb .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pz-ink-3)}
html.pz-on .pzh-sep{color:var(--pz-ink-4)}
html.pz-on .pzh-left .btn{flex-shrink:0}
html.pz-on .pzh-left .crumb .pzh-mark,html.pz-on .pzh-mark{display:none}
html.pz-on .pzh-title{display:none}
html.pz-on .pzh-search{display:flex;align-items:center;gap:10px;height:36px;padding:0 8px 0 12px;border:1px solid var(--pz-line);border-radius:9px;background:var(--pz-surface-2);
  color:var(--pz-ink-3);font:400 13px/1 var(--pz-font);cursor:pointer;width:100%;text-align:left;min-width:0}
html.pz-on .pzh-search:hover{border-color:var(--pz-line-2);background:#fff}
html.pz-on .pzh-search:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
html.pz-on .pzh-search .ph{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.pz-on .pzh-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
html.pz-on .pzh-ico{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:0;background:none;color:var(--pz-ink-3);cursor:pointer}
html.pz-on .pzh-ico:hover{background:var(--pz-hover);color:var(--pz-ink)}
html.pz-on .pzh-sch{display:none}
html.pz-on .pzh-av{display:none;background:none;border:0;padding:0;cursor:pointer}

/* Context bar: only the controls a view passes in (filters, scope toggle) */
html.pz-on .ctx{background:var(--pz-page);border-bottom:0;padding:12px 28px 0;gap:10px;position:static}
html.pz-on .ctx.pzh-empty{display:none}
html.pz-on .ctx .stale,html.pz-on .ctx .spacer{display:none}
html.pz-on .ctx>.crumb{display:none}
html.pz-on .main{background:var(--pz-page)}
html.pz-on .view{padding:16px 28px 56px}
html.pz-on .footnote{display:none}

/* ------------------------------------------------------------------
   COMMAND BAR, SHORTCUTS, NAV SHEET
   ------------------------------------------------------------------ */
html.pz-on .pzc-scrim{position:fixed;inset:0;background:rgba(15,23,42,.32);z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 0}
html.pz-on .pzc-scrim.hide{display:none}
html.pz-on .pzc-box{width:100%;max-width:640px;background:#fff;border:1px solid var(--pz-line);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14),0 1px 2px rgba(15,23,42,.06);
  overflow:hidden;display:flex;flex-direction:column;max-height:70vh}
html.pz-on .pzc-in{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-bottom:1px solid var(--pz-line);flex-shrink:0;color:var(--pz-ink-3)}
html.pz-on .pzc-in input{flex:1;border:0;background:transparent;font:400 15px/1 var(--pz-font);color:var(--pz-ink);outline:none;min-width:0;height:100%}
html.pz-on .pzc-list{overflow-y:auto;padding:8px;flex:1;min-height:0}
html.pz-on .pzc-g{font-size:12px;color:var(--pz-ink-3);padding:10px 8px 6px}
html.pz-on .pzc-g:first-child{padding-top:6px}
html.pz-on .pzc-r{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 8px;border-radius:7px;cursor:pointer;color:var(--pz-ink-2);font-size:14px}
html.pz-on .pzc-r.on{background:var(--pz-hover)}
html.pz-on .pzc-r .pzi,html.pz-on .pzc-r .pzring{color:var(--pz-ink-2)}
html.pz-on .pzc-r .lb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.pz-on .pzc-r .lb b{color:var(--pz-ink)}
html.pz-on .pzc-r .lb .sb{color:var(--pz-ink-3);margin-left:6px;font-size:13px}
html.pz-on .pzc-r.on .lb b{font-weight:700}
html.pz-on .pzc-r .ht{max-width:42%;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:700;color:var(--pz-ink-3);white-space:nowrap}
html.pz-on .pzc-r .ht.late{color:#c8171b}html.pz-on .pzc-r .ht.due{color:var(--pz-due)}html.pz-on .pzc-r .ht.ready{color:var(--pz-good)}
html.pz-on .pzc-r .en{visibility:hidden}
html.pz-on .pzc-r.on .en{visibility:visible}
html.pz-on .pzc-none{padding:18px 10px;color:var(--pz-ink-3);font-size:13.5px}
html.pz-on .pzc-foot{display:flex;gap:16px;align-items:center;padding:8px 16px;border-top:1px solid var(--pz-line);font-size:12px;color:var(--pz-ink-3);flex-shrink:0;background:var(--pz-surface-2)}
html.pz-on .pzc-foot span{display:inline-flex;align-items:center;gap:6px}
html.pz-on .pzc-sheet{width:100%;max-width:520px;background:#fff;border:1px solid var(--pz-line);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14);overflow:auto;max-height:78vh}
html.pz-on .pzc-sh{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--pz-line)}
html.pz-on .pzc-sh h3{margin:0;flex:1;font:700 15px/1.3 var(--pz-font);color:var(--pz-ink)}
html.pz-on .pzc-x{width:36px;height:36px;display:inline-grid;place-items:center;border:0;background:none;border-radius:8px;color:var(--pz-ink-2);cursor:pointer}
html.pz-on .pzc-x:hover{background:var(--pz-hover)}
html.pz-on .pzc-sb{padding:6px 18px 16px}
html.pz-on .pzc-sb h4{margin:14px 0 6px;font:600 12px/1.3 var(--pz-font);color:var(--pz-ink-3)}
html.pz-on .pzc-kr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--pz-line);font-size:13.5px;color:var(--pz-ink-2)}
html.pz-on .pzc-kr:last-child{border-bottom:0}
html.pz-on .pzc-kr .ks{display:flex;gap:4px;flex-shrink:0}
html.pz-on .pzn-sheetwrap{position:fixed;inset:0;z-index:300;background:rgba(15,23,42,.32);display:none}
html.pz-on .pzn-sheetwrap.on{display:block}
html.pz-on .pzn-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:#fbfbfc;border-radius:16px 16px 0 0;border:1px solid var(--pz-line);
  padding:8px 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
html.pz-on .pzn-sheet .grab{width:36px;height:4px;border-radius:2px;background:var(--pz-line-2);margin:4px auto 10px;flex-shrink:0}
html.pz-on .pzn-sheet .pzn-it{height:44px}
html.pz-on .pzn-tabs{display:none}

/* ------------------------------------------------------------------
   PHONE (max-width 760px)
   ------------------------------------------------------------------ */
@media (max-width:980px){
  html.pz-on .rail{transform:none;width:var(--rail)}
  html.pz-on .top{left:var(--rail)}
  html.pz-on .main{margin-left:var(--rail)}
  html.pz-on .ctx,html.pz-on .statusbar{padding-left:20px;padding-right:20px}
  html.pz-on .view{padding:14px 20px 56px}
  html.pz-on .top{padding:0 16px;gap:12px;grid-template-columns:minmax(280px,1fr) minmax(0,380px) 40px}
}
@media (max-width:760px){
  html.pz-on{--rail:0px;--top:56px}
  html.pz-on .rail{display:none}
  html.pz-on .top{left:0;padding:0 8px 0 16px;gap:10px;display:flex}
  html.pz-on .main{margin-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  html.pz-on .pzh-mark{display:block;width:32px;height:22px;object-fit:contain;flex-shrink:0}
  html.pz-on .pzh-left{flex:1;min-width:0;gap:10px}
  html.pz-on .pzh-left .crumb{display:none}
  /* A button the view puts beside its title (Jobs: New work item) stays reachable on the phone. */
  html.pz-on .pzh-left:has(.crumb .btn){gap:8px}
  html.pz-on .pzh-left .crumb:has(.btn){display:flex;flex:none;gap:0;order:2;margin-left:auto}
  html.pz-on .pzh-left .crumb:has(.btn)>:not(.btn){display:none}
  html.pz-on .pzh-left .crumb .btn{height:36px;min-height:36px;padding:0 10px;font-size:12.5px;white-space:nowrap}
  html.pz-on .pzh-title{display:block;font:600 15px/1.2 var(--pz-hfont);color:var(--pz-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  html.pz-on .pzh-search{display:none}
  html.pz-on .pzh-sch{display:inline-grid;width:44px;height:44px;color:var(--pz-ink-2)}
  html.pz-on .pzh-av{display:flex;width:44px;height:44px;align-items:center;justify-content:center}
  html.pz-on .pzh-right{gap:0;flex:none}
  html.pz-on .pzh-right .pzh-ico:not(.pzh-sch){display:none}
  html.pz-on .ctx{padding:10px 12px 0}
  html.pz-on .view{padding:12px 12px 24px}
  html.pz-on .statusbar{position:static;padding:8px 12px}
  html.pz-on .pzn-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;left:0;right:0;bottom:0;z-index:58;background:#fff;
    border-top:1px solid var(--pz-line);padding:4px 8px calc(6px + env(safe-area-inset-bottom))}
  html.pz-on .pzn-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border:0;background:none;
    color:var(--pz-ink-3);font:600 11px/1.2 var(--pz-font);cursor:pointer;border-radius:10px;position:relative}
  html.pz-on .pzn-tabs button.on{color:var(--pz-ink)}
  html.pz-on .pzn-tabs button.on .pzi{color:var(--pz-red)}
  html.pz-on .pzn-tabs .ct{position:absolute;top:3px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--pz-ink);color:#fff;
    font:700 10px/16px var(--pz-font);text-align:center}
  html.pz-on .pzn-tabs .ct:empty{display:none}
  html.pz-on .pzc-scrim{padding:0;align-items:flex-start}
  html.pz-on .pzc-box{max-width:none;border-radius:0 0 14px 14px;border-top:0;max-height:88vh}
  html.pz-on .pzc-in{height:56px}
  html.pz-on .pzc-in input{font-size:16px}
  html.pz-on .pzc-r{min-height:48px}
  html.pz-on .pzc-foot{display:none}
  html.pz-on .pzc-scrim.sheetmode{align-items:flex-end;padding:0}
  html.pz-on .pzc-sheet{max-width:none;border-radius:16px 16px 0 0;max-height:88vh}
  html.pz-on .toast{bottom:84px}
}

/* ------------------------------------------------------------------
   RESTYLE: the rest of the app on the same light system
   ------------------------------------------------------------------ */
html.pz-on .card{border:1px solid var(--pz-line);box-shadow:var(--pz-shadow)}
html.pz-on .card h3{text-transform:none;letter-spacing:0;font-size:14px;font-weight:700;color:var(--pz-ink);font-family:var(--pz-font);padding:13px 18px}
html.pz-on .card h3 .sub{color:var(--pz-ink-3)}
html.pz-on .card .bd{padding:14px 18px}
html.pz-on .stat,html.pz-on .pchead,html.pz-on .mdrow,html.pz-on .irow,html.pz-on .kpi,html.pz-on .mtile{border:1px solid var(--pz-line);box-shadow:var(--pz-shadow)}
html.pz-on .mtile,html.pz-on .kpi{box-shadow:none}
html.pz-on .pchead h2{font-family:var(--pz-hfont)}
html.pz-on .mdrow:hover,html.pz-on .irow:hover{box-shadow:0 2px 8px rgba(15,23,42,.08)}
html.pz-on .statusbar{background:var(--pz-page);border-top:1px solid var(--pz-line);color:var(--pz-ink-3);padding:8px 28px}
html.pz-on .statusbar b{color:var(--pz-ink-2)}
html.pz-on .empty{color:var(--pz-ink-3)}

/* tables: light header, quiet rows */
html.pz-on table.g th{background:#fbfcfd;color:var(--pz-ink-3);font-weight:600;border-bottom:1px solid var(--pz-line);padding:9px 10px;font-size:12px}
html.pz-on table.g td{border-bottom:1px solid #eef1f4;padding:0 10px;height:40px}
html.pz-on table.g tbody tr:hover{background:#f8fafc}
html.pz-on table.g tbody tr.ghdr td{background:#fbfcfd;border-bottom:1px solid var(--pz-line)}
html.pz-on table.g tr.ghdr .gname{color:var(--pz-ink-2);font-size:12px}
html.pz-on table.g a,html.pz-on .link,html.pz-on .invmeta a{color:var(--pz-info)}
html.pz-on .tscroll::-webkit-scrollbar-track{background:var(--pz-hover)}
html.pz-on .tscroll{border-radius:var(--pz-radius)}

/* buttons: white outlined secondary, dark primary, never red */
html.pz-on .btn{border:1px solid var(--pz-line-2);background:#fff;color:var(--pz-ink);font-weight:600;font-size:12.5px;padding:6px 12px;line-height:18px;letter-spacing:0;border-radius:var(--pz-radius-sm)}
html.pz-on .btn:hover{background:var(--pz-hover);border-color:var(--pz-line-2);color:var(--pz-ink)}
html.pz-on .btn.p{background:var(--pz-ink);border-color:var(--pz-ink);color:#fff}
html.pz-on .btn.p:hover{background:#1e293b;border-color:#1e293b;color:#fff}
html.pz-on .btn.q{border-color:var(--pz-line-2);color:var(--pz-ink-2)}
html.pz-on .btn.q:hover{background:var(--pz-hover);border-color:var(--pz-line-2);color:var(--pz-ink)}
html.pz-on .btn.sm{padding:4px 10px;font-size:12px;line-height:16px}
html.pz-on .btn[disabled]:hover{background:#fff;border-color:var(--pz-line-2);color:var(--pz-ink)}
html.pz-on .btn:focus-visible,html.pz-on .seg button:focus-visible,html.pz-on .tabs button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}

/* status words: plain colored text, sentence case, no fill */
html.pz-on .chip,html.pz-on .chip.crit,html.pz-on .chip.hot,html.pz-on .chip.warn,html.pz-on .chip.serious,html.pz-on .chip.good,html.pz-on .chip.info,html.pz-on .chip.plain,html.pz-on .itag,html.pz-on .itag.recall,html.pz-on .itag.warn,html.pz-on .itag.newwork,html.pz-on .selfperf{
  background:none;padding:0;border-radius:0;text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:700;color:var(--pz-ink-3)}
html.pz-on .chip.crit{color:var(--pz-late)}
html.pz-on .chip.warn,html.pz-on .chip.serious,html.pz-on .itag.recall,html.pz-on .itag.warn{color:var(--pz-due)}
html.pz-on .chip.good,html.pz-on .chip.hot,html.pz-on .selfperf{color:var(--pz-good)}
html.pz-on .chip.info,html.pz-on .itag.newwork{color:var(--pz-ink-3)}
html.pz-on .itag{color:var(--pz-ink-2)}
html.pz-on .irunhead,html.pz-on .pfreqk,html.pz-on .mailhelp h4{text-transform:none;letter-spacing:0;font-size:12px}
html.pz-on .bench,html.pz-on .bench.A,html.pz-on .bench.B,html.pz-on .bench.C,html.pz-on .bench.D,html.pz-on .bench.E,html.pz-on .bench.F,html.pz-on .bench.G,html.pz-on .bench.H,html.pz-on .bench.I{background:none;border:1px solid var(--pz-line-2);color:var(--pz-ink-3);font-weight:700}
html.pz-on .bench.A{color:var(--pz-good);border-color:#bbf7d0}
html.pz-on .rolepill{background:none;text-transform:none;letter-spacing:0;color:var(--pz-ink-3);padding:0}
html.pz-on .kpi .kchip{top:12px}
html.pz-on .warnband,html.pz-on .hcwarn,html.pz-on .blockband{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
html.pz-on .errband{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}

/* segmented toggles and tabs */
html.pz-on .seg{background:#eef1f5;border:1px solid var(--pz-line)}
html.pz-on .seg button{color:var(--pz-ink-3);font-size:12.5px;letter-spacing:0;padding:5px 12px}
html.pz-on .seg button.on{background:#fff;color:var(--pz-ink);box-shadow:0 1px 2px rgba(15,23,42,.08);font-weight:700}
html.pz-on .tabs button{letter-spacing:0}
html.pz-on .tabs button.on{color:var(--pz-ink);border-bottom-color:var(--pz-ink)}
html.pz-on .sel,html.pz-on .filterbox{border-color:var(--pz-line-2);background:#fff;font-size:13px;border-radius:var(--pz-radius-sm);letter-spacing:0}
html.pz-on .filterbox:focus,html.pz-on .sel:focus{border-color:var(--pz-ink)}

/* Mail keyboard shell, quiet */
html.pz-on .irow.cur{outline:2px solid #2563eb}
html.pz-on .mailbulk{background:#fff;color:var(--pz-ink);border:1px solid var(--pz-line);box-shadow:var(--pz-shadow-pop)}
html.pz-on .mailbulk .btn{background:#fff;border-color:var(--pz-line-2);color:var(--pz-ink)}
html.pz-on .mailbulk .btn:hover{background:var(--pz-hover)}
html.pz-on .mailbulk .kbd{background:var(--pz-surface-2);border-color:var(--pz-line-2);color:var(--pz-ink-3)}
html.pz-on .todaystrip{background:#fff;color:var(--pz-ink);border:1px solid var(--pz-line)}
html.pz-on .todaystrip .l{color:var(--pz-ink-3)}
html.pz-on .todaystrip .sep{background:var(--pz-line)}

/* drawers and panels: light head, dark text, visible close */
html.pz-on .scrim{background:rgba(15,23,42,.28)}
html.pz-on .drawer{border-left:1px solid var(--pz-line);box-shadow:var(--pz-shadow-pop)}
html.pz-on .dhead,html.pz-on .panelhead{background:#fff;color:var(--pz-ink);box-shadow:none;border-bottom:1px solid var(--pz-line)}
html.pz-on .dhead .t,html.pz-on .panelhead .t{color:var(--pz-ink)}
html.pz-on .dhead .s,html.pz-on .panelhead .s{color:var(--pz-ink-3)}
html.pz-on .dhead .x,html.pz-on .panelhead .x,html.pz-on .panelhead .t button.x{color:var(--pz-ink-2) !important;background:none !important;border:1px solid var(--pz-line) !important;border-radius:8px;
  min-width:36px;min-height:36px;font-size:16px !important}
html.pz-on .dhead .x:hover,html.pz-on .panelhead .x:hover{background:var(--pz-hover) !important}
html.pz-on .dhead .chip,html.pz-on .dhead .chip.plain,html.pz-on .panelhead .chip,html.pz-on .panelhead .chip.plain{background:none !important;color:var(--pz-ink-3) !important;padding:0}
html.pz-on .dhead .btn.q,html.pz-on .panelhead .btn.q{border-color:var(--pz-line-2);color:var(--pz-ink-2)}
html.pz-on .dsec h4{color:var(--pz-ink-3)}
html.pz-on .pbproc[open]>summary{color:var(--pz-ink)}
html.pz-on .factstrip{background:var(--pz-surface-2)}
html.pz-on .tlrow:before{background:var(--pz-ink-4)}

/* the undo / plain toast stays dark and small (the one dark element) */
html.pz-on .toast{box-shadow:var(--pz-shadow-pop)}

/* typeahead menus */
html.pz-on .ta .tamenu,html.pz-on .tamenu{border:1px solid var(--pz-line);box-shadow:var(--pz-shadow-pop)}
html.pz-on .pzn-user .who{align-items:flex-start;text-align:left;font-size:inherit;color:inherit}