/* ============================================================
   The Staff person page, as drawn (session 389). Daniel, 25 October 2026: "I want contact info and address SUPER easy to see at the
   top. I want to see a full redesign of the Overview page." On the drawn redesign: "I really like this update."
   Part 1 is the drawing's own stylesheet (mh-staff-mockups-v1, staff.css), ported rule for rule by scripts/s389-port-css.py: every value
   is the drawing's, every rule sits under .mhps (the page's wrapper) and every class carries the ps- prefix, so nothing else in the Hub
   changes. Part 2 is what the drawing leaves to the page: the editors' grid, focus rings, the phone layout, the cards the page embeds.
   ============================================================ */
/* ---------- Part 1: staff.css, ported ---------- */
.mhps{--ps-canvas:#f2f4f5;--ps-surface:#ffffff;--ps-surface-2:#e9ecee;--ps-line:#dfe3e6;--ps-line-strong:#c9d0d4;
  --ps-ink:#16181a;--ps-text:#4d545a;--ps-muted:#6b747b;
  --ps-side-bg:#144d54;--ps-b900:#0e363b;--ps-b700:#144d54;--ps-b500:#1d6e77;--ps-b300:#6fd5d4;--ps-b100:#dceff0;
  --ps-y500:#ffd13a;--ps-y100:#fff5cc;--ps-o500:#ff8a33;--ps-o700:#d96a18;--ps-o100:#ffe8d6;--ps-on-o:#9a4a0e;
  --ps-p500:#7a5cc7;--ps-p100:#ece6f7;--ps-on-p:#4b2e83;--ps-g600:#2e9c7c;--ps-g100:#e2f4ee;--ps-on-g:#08513f;
  --ps-a600:#b7791f;--ps-a100:#fdf0d8;--ps-on-a:#7a5312;--ps-r600:#c43d2b;--ps-r100:#fbe4e0;--ps-on-r:#8a2617;
  --ps-sh-card:0 4px 14px 0 rgba(14,54,59,.08);--ps-sh-hover:0 10px 24px 0 rgba(14,54,59,.14);
  --ps-sh-hero:0 10px 30px 0 rgba(14,54,59,.22);--ps-sh-action:0 6px 16px 0 rgba(217,106,24,.28);
  --ps-pad:clamp(16px,2.6vw,40px);--ps-gap:clamp(12px,1.4vw,22px);}
.mhps{background:var(--ps-canvas);color:var(--ps-text);font-family:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;font-size:14px;font-weight:450;line-height:1.45;letter-spacing:-.006em;min-height:100%;padding-bottom:64px}
.mhps a{color:var(--ps-b500);text-decoration:none}
.mhps a:hover{text-decoration:underline}
.mhps{max-width:1200px;margin:0 auto;padding:0 var(--ps-pad)}
.mhps .ps-hero{background:linear-gradient(135deg,var(--ps-b700),var(--ps-b900));border-radius:18px;box-shadow:var(--ps-sh-hero);color:#fff;padding:24px 26px 22px}
.mhps .ps-hero-top{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.mhps .ps-av{width:64px;height:64px;border-radius:50%;background:var(--ps-y500);color:var(--ps-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;flex:none}
.mhps .ps-who{flex:1 1 380px;min-width:0}
.mhps .ps-who h1{margin:0;font-size:clamp(28px,3.4vw,38px);line-height:1.04;font-weight:800;letter-spacing:-.035em;color:#fff}
.mhps .ps-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mhps .ps-hp{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:#ffffff1f;color:#fff;font-size:12.5px;font-weight:600}
.mhps .ps-hp.ps-ok{background:var(--ps-g100);color:var(--ps-on-g)}
.mhps .ps-hp.ps-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ps-g600)}
.mhps .ps-hero-acts{display:flex;gap:8px;flex-wrap:wrap}
.mhps .ps-btn-w{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1.5px solid #ffffff55;background:transparent;color:#fff;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.mhps .ps-btn-w:hover{background:#ffffff1a}
.mhps .ps-contact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:22px}
.mhps .ps-ct{grid-column:span 3;background:#ffffff14;border-radius:14px;padding:14px 16px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.mhps .ps-ct .ps-lb{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ps-b300)}
.mhps .ps-ct .ps-big{font-size:21px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2;margin-top:4px;overflow-wrap:anywhere}
.mhps .ps-ct .ps-mid{font-size:16px;font-weight:700;color:#fff;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}
.mhps .ps-ct .ps-sm{font-size:13px;color:#ffffffcc}
.mhps .ps-ct .ps-cap{font-size:11.5px;color:#ffffffa6}
.mhps .ps-ct .ps-acts{display:flex;gap:6px;margin-top:auto;padding-top:10px;flex-wrap:wrap}
.mhps .ps-chipbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#fff;color:var(--ps-b700)!important;font-size:12.5px;font-weight:700;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit}
.mhps .ps-chipbtn.ps-ghost{background:#ffffff1f;color:#fff!important}
.mhps .ps-ct.ps-miss{background:var(--ps-y100);color:var(--ps-on-a)}
.mhps .ps-ct.ps-miss .ps-lb{color:var(--ps-on-a)}
.mhps .ps-ct.ps-miss .ps-mid{color:var(--ps-ink)}
.mhps .ps-ct.ps-miss .ps-sm{color:var(--ps-on-a)}
.mhps .ps-chipbtn.ps-y{background:var(--ps-y500);color:var(--ps-ink)!important;box-shadow:var(--ps-sh-action)}
.mhps .ps-tabs{display:flex;gap:4px;margin-top:18px;overflow-x:auto;padding:4px;background:var(--ps-surface);border-radius:999px;box-shadow:var(--ps-sh-card)}
.mhps .ps-tab{flex:none;height:36px;display:inline-flex;align-items:center;padding:0 15px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ps-text)!important;text-decoration:none!important;white-space:nowrap}
.mhps .ps-tab:hover{background:var(--ps-surface-2)}
.mhps .ps-tab.ps-on{background:var(--ps-b700);color:#fff!important}
.mhps .ps-stack{display:flex;flex-direction:column;gap:var(--ps-gap);margin-top:var(--ps-gap)}
.mhps .ps-card{background:var(--ps-surface);border-radius:14px;box-shadow:var(--ps-sh-card);padding:20px 22px}
.mhps .ps-card.ps-flush{padding:0;overflow:hidden}
.mhps .ps-card.ps-flush .ps-sh{padding:20px 22px 14px}
.mhps .ps-sh{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.mhps .ps-isq{width:40px;height:40px;border-radius:10px;background:var(--ps-b700);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.mhps .ps-isq.ps-y{background:var(--ps-y500);color:var(--ps-ink)}
.mhps .ps-sh h2{margin:0;font-size:clamp(18px,1.8vw,21px);font-weight:700;letter-spacing:-.02em;color:var(--ps-ink)}
.mhps .ps-sh .ps-cap{font-size:11.5px;color:var(--ps-muted)}
.mhps .ps-sh .ps-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mhps .ps-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--ps-y500);color:var(--ps-ink);font-size:12.5px;font-weight:800}
.mhps .ps-need{background:var(--ps-y100)}
.mhps .ps-need .ps-row{border-top-color:#f1e3a6}
.mhps .ps-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;border:1.5px solid var(--ps-line-strong);background:var(--ps-surface);color:var(--ps-ink);font:inherit;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.mhps .ps-btn:hover{background:var(--ps-surface-2)}
.mhps .ps-btn.ps-sm{height:32px;padding:0 12px;font-size:12.5px}
.mhps .ps-btn-y{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:10px;border:0;background:linear-gradient(180deg,var(--ps-y500),#f5c21c);color:var(--ps-ink);font:inherit;font-weight:700;font-size:13.5px;box-shadow:var(--ps-sh-action);cursor:pointer;white-space:nowrap}
.mhps .ps-lnk{font-size:13px;font-weight:600}
.mhps .ps-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--ps-line);flex-wrap:wrap}
.mhps .ps-row:first-of-type{border-top:0}
.mhps .ps-card.ps-flush .ps-row{padding:13px 22px}
.mhps .ps-card.ps-flush .ps-row:hover{background:var(--ps-surface-2)}
.mhps .ps-rq{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--ps-b100);color:var(--ps-b500)}
.mhps .ps-rq.ps-o{background:var(--ps-o100);color:var(--ps-on-o)}
.mhps .ps-rq.ps-a{background:var(--ps-a100);color:var(--ps-on-a)}
.mhps .ps-rq.ps-p{background:var(--ps-p100);color:var(--ps-p500)}
.mhps .ps-rq.ps-g{background:var(--ps-g100);color:var(--ps-g600)}
.mhps .ps-rmain{flex:1 1 300px;min-width:0}
.mhps .ps-rt{font-size:15px;font-weight:700;color:var(--ps-ink);letter-spacing:-.012em}
.mhps .ps-rs{font-size:13px;color:var(--ps-muted);margin-top:2px}
.mhps .ps-racts{display:flex;gap:8px;flex-wrap:wrap}
.mhps .ps-when{flex:0 0 150px;font-size:13px;font-weight:600;color:var(--ps-ink)}
.mhps .ps-when small{display:block;font-weight:450;color:var(--ps-muted);font-size:12px}
.mhps .ps-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--ps-surface-2);color:var(--ps-text)}
.mhps .ps-chip.ps-t{background:var(--ps-b100);color:var(--ps-b700)}
.mhps .ps-chip.ps-g{background:var(--ps-g100);color:var(--ps-on-g)}
.mhps .ps-chip.ps-a{background:var(--ps-a100);color:var(--ps-on-a)}
.mhps .ps-chip.ps-o{background:var(--ps-o100);color:var(--ps-on-o)}
.mhps .ps-chip.ps-p{background:var(--ps-p100);color:var(--ps-on-p)}
.mhps .ps-chip.ps-r{background:var(--ps-r100);color:var(--ps-on-r)}
.mhps .ps-g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ps-gap)}
.mhps .ps-s3{grid-column:span 3}
.mhps .ps-s4{grid-column:span 4}
.mhps .ps-s6{grid-column:span 6}
.mhps .ps-s8{grid-column:span 8}
.mhps .ps-s12{grid-column:span 12}
.mhps .ps-tile{background:var(--ps-surface);border-radius:14px;box-shadow:var(--ps-sh-card);padding:18px 20px;display:flex;flex-direction:column;gap:4px;min-width:0}
.mhps .ps-tile.ps-hl{background:var(--ps-y100)}
.mhps .ps-tq{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--ps-b100);color:var(--ps-b500);margin-bottom:8px}
.mhps .ps-tq.ps-p{background:var(--ps-p100);color:var(--ps-p500)}
.mhps .ps-tq.ps-a{background:var(--ps-a100);color:var(--ps-a600)}
.mhps .ps-tq.ps-o{background:var(--ps-o100);color:var(--ps-o700)}
.mhps .ps-tq.ps-g{background:var(--ps-g100);color:var(--ps-g600)}
.mhps .ps-stat{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.035em;color:var(--ps-ink);line-height:1;font-variant-numeric:tabular-nums}
.mhps .ps-stat small{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ps-muted);margin-left:4px}
.mhps .ps-lab{font-size:12.5px;font-weight:600;color:var(--ps-text)}
.mhps .ps-cap{font-size:11.5px;color:var(--ps-muted)}
.mhps .ps-fg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 22px}
.mhps .ps-f .ps-k{font-size:12.5px;font-weight:600;color:var(--ps-muted)}
.mhps .ps-f .ps-v{font-size:15px;font-weight:700;color:var(--ps-ink);margin-top:3px}
.mhps .ps-f .ps-v.ps-off{color:var(--ps-muted);font-weight:450;font-style:normal}
.mhps .ps-f .ps-c{font-size:11.5px;color:var(--ps-muted);margin-top:2px}
.mhps .ps-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.mhps .ps-day{background:var(--ps-b100);border-radius:12px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.mhps .ps-day .ps-dn{font-size:12.5px;font-weight:700;color:var(--ps-b700)}
.mhps .ps-day .ps-hr{font-size:15px;font-weight:800;color:var(--ps-ink);letter-spacing:-.01em}
.mhps .ps-day .ps-cl{font-size:12px;color:var(--ps-text)}
.mhps .ps-day.ps-off{background:var(--ps-surface-2)}
.mhps .ps-day.ps-off .ps-dn,.mhps .ps-day.ps-off .ps-hr{color:var(--ps-muted)}
.mhps .ps-day.ps-today{box-shadow:inset 0 0 0 2px var(--ps-b500)}
.mhps .ps-bar{height:8px;border-radius:99px;background:var(--ps-surface-2);overflow:hidden}
.mhps .ps-bar i{display:block;height:100%;border-radius:99px;background:var(--ps-b500)}
.mhps .ps-bar i.ps-o{background:var(--ps-o500)}
.mhps .ps-bar i.ps-g{background:var(--ps-g600)}
.mhps .ps-tbl{width:100%;border-collapse:collapse}
.mhps .ps-tblbox{overflow-x:auto}
.mhps .ps-tbl th{background:var(--ps-surface-2);text-align:left;font-size:12.5px;font-weight:600;color:var(--ps-text);padding:10px 14px;white-space:nowrap}
.mhps .ps-tbl th:first-child,.mhps .ps-tbl td:first-child{padding-left:22px}
.mhps .ps-tbl td{padding:12px 14px;border-top:1px solid var(--ps-line);font-size:14px;color:var(--ps-text);vertical-align:middle}
.mhps .ps-tbl tr:hover td{background:var(--ps-surface-2)}
.mhps .ps-tbl td b{color:var(--ps-ink);font-weight:700}
.mhps .ps-tbl .ps-num{text-align:right;font-variant-numeric:tabular-nums}
.mhps .ps-tbl .ps-sub{display:block;font-size:12.5px;color:var(--ps-muted)}
.mhps .ps-tbl tr.ps-click{cursor:pointer}
.mhps .ps-tbl td.ps-go{text-align:right;white-space:nowrap;padding-right:22px}
.mhps .ps-open{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;border:1.5px solid var(--ps-line-strong);background:var(--ps-surface);color:var(--ps-ink)!important;font-size:12.5px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.mhps .ps-open:hover{background:var(--ps-b100);border-color:var(--ps-b500)}
.mhps .ps-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.mhps .ps-note-body{font-size:15px;line-height:1.6;color:var(--ps-ink);max-width:760px}
.mhps .ps-ph{aspect-ratio:4/3;border-radius:10px;background:var(--ps-surface-2);display:flex;align-items:flex-end;padding:8px;font-size:12px;font-weight:600;color:var(--ps-text)}
.mhps .ps-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.mhps .ps-fld label{font-size:12.5px;font-weight:600;color:#ffffffcc}
.mhps .ps-card .ps-fld label{color:var(--ps-text)}
.mhps .ps-inp{height:44px;border-radius:10px;border:1.5px solid var(--ps-line-strong);background:#fff;color:var(--ps-ink);font:inherit;font-size:15px;font-weight:600;padding:0 13px;width:100%}
.mhps .ps-inp:focus,.mhps .ps-inp.ps-focus{outline:none;border-color:var(--ps-b300);box-shadow:0 0 0 3px #6fd5d466}
.mhps .ps-seg{display:inline-flex;background:var(--ps-surface-2);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}
.mhps .ps-seg button{height:34px;padding:0 14px;border-radius:999px;border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--ps-text);cursor:pointer}
.mhps .ps-seg button.ps-on{background:var(--ps-b700);color:#fff}
.mhps .ps-hero .ps-seg{background:#ffffff1f}
.mhps .ps-hero .ps-seg button{color:#ffffffcc}
.mhps .ps-hero .ps-seg button.ps-on{background:#fff;color:var(--ps-b700)}
.mhps .ps-sugg{background:#fff;border-radius:10px;box-shadow:var(--ps-sh-hover);margin-top:4px;overflow:hidden}
.mhps .ps-sugg div{padding:10px 13px;color:var(--ps-ink);font-size:13.5px;border-top:1px solid var(--ps-line)}
.mhps .ps-sugg div:first-child{border-top:0;background:var(--ps-b100)}
.mhps .ps-sugg small{display:block;color:var(--ps-muted);font-size:12px}
.mhps .ps-tog{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ps-line-strong);font-size:13px;font-weight:600;color:var(--ps-text);background:#fff}
.mhps .ps-tog.ps-on{background:var(--ps-b100);border-color:var(--ps-b500);color:var(--ps-b700)}
.mhps .ps-dim{opacity:.45}
@media (max-width:1100px){
  .mhps .ps-ct{grid-column:span 6}
  .mhps .ps-s3{grid-column:span 6}
  .mhps .ps-s4{grid-column:span 6}
  .mhps .ps-s8{grid-column:span 12}
  .mhps .ps-fg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mhps .ps-week{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:700px){
  .mhps .ps-ct{grid-column:span 12}
  .mhps .ps-s3,.mhps .ps-s4,.mhps .ps-s6{grid-column:span 12}
  .mhps .ps-week{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mhps .ps-when{flex-basis:100%}
}

/* ---------- Part 2: the page's own ---------- */
.mhps,.mhps *{box-sizing:border-box}
.mhps{padding:0 var(--ps-pad) 64px}
/* Inside the Hub the page frame (#page.wrap) already gives the side gutter (40px on a laptop, 16px on a phone, the drawing's clamp), and the
   Hub's own canvas is behind it: the column keeps the drawing's 1200px and adds neither again. */
#page .mhps{padding-left:0;padding-right:0;background:transparent}
.mhps .ps-f .ps-v .ps-c{display:block;font-weight:450}
.mhps .ps-crumb{padding:18px 0 12px;font-size:13px;font-weight:600}
.mhps .ps-crumb-tail{color:var(--ps-muted);font-weight:450}
.mhps .ps-who h1{overflow-wrap:anywhere}
.mhps button:focus-visible,.mhps a:focus-visible,.mhps .ps-click:focus-visible,.mhps .ps-tclick:focus-visible,.mhps .ps-tog:focus-within{outline:3px solid #6fd5d4;outline-offset:2px}
.mhps .ps-btn-y:hover{background:linear-gradient(180deg,#ffda5c,#f0b90c)}
.mhps .ps-btn-y[disabled],.mhps .ps-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}
.mhps .ps-chipbtn:hover{background:var(--ps-b100)}
.mhps .ps-chipbtn.ps-ghost:hover{background:#ffffff33}
.mhps .ps-chipbtn.ps-y:hover{background:#ffda5c}
.mhps .ps-btn.ps-sm{text-decoration:none}
.mhps .ps-pinwarn{color:var(--ps-y500);font-weight:600}
/* Edit contact, inside the header (board 2) */
.mhps .ps-edit{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 16px;margin-top:22px;background:#ffffff10;border-radius:14px;padding:18px}
.mhps .ps-edit-bar{grid-column:span 12;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:4px}
.mhps .ps-editmsg{font-size:12px;color:#ffffffb3}
.mhps .ps-hero .hint{font-size:11.5px;color:#ffffffa6;min-height:0}
.mhps .ps-hero .hint.bad{color:#ffc9bf;font-weight:600}
.mhps .ps-hero .ps-cap{color:#ffffffa6}
.mhps .ps-inp.bad{border-color:var(--ps-r600)}
.mhps .ps-ring{box-shadow:0 0 0 2px var(--ps-y500);border-radius:12px;padding:6px}
.mhps .ps-place gmp-place-autocomplete,.mhps .ps-place>*{width:100%;display:block}
.mhps .ps-place .hint{color:#ffffffcc}
.mhps .ps-map{border-radius:12px;overflow:hidden}
.mhps .ps-map .hint{color:#ffffffcc}
/* Edit work details (board 3) */
.mhps .ps-card.ps-editing{box-shadow:0 0 0 2px var(--ps-b300),var(--ps-sh-hover)}
.mhps .ps-wform{display:flex;flex-direction:column;gap:20px}
.mhps .ps-segrow{display:flex;gap:28px;flex-wrap:wrap}
.mhps .ps-grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.mhps .ps-togs{display:flex;gap:8px;flex-wrap:wrap}
.mhps .ps-tog{cursor:pointer;position:relative;font-family:inherit}
.mhps .ps-tog:hover{border-color:var(--ps-b500)}
.mhps .ps-cbx{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mhps .ps-ro{height:44px;display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--ps-ink)}
.mhps .ps-card .hint{font-size:11.5px;color:var(--ps-muted)}
.mhps .ps-card .hint.bad{color:var(--ps-r600);font-weight:600}
.mhps .ps-wform .ps-editmsg{color:var(--ps-muted)}
.mhps .ps-ta{height:auto;padding:10px 13px;font-weight:450;line-height:1.45;resize:vertical}
/* rows, cards, tiles */
.mhps .ps-click,.mhps .ps-tclick{cursor:pointer}
.mhps .ps-card:not(.ps-flush) .ps-row.ps-click{border-radius:10px;margin:0 -10px;padding-left:10px;padding-right:10px}
.mhps .ps-card:not(.ps-flush) .ps-row.ps-click:hover{background:var(--ps-surface-2)}
.mhps .ps-card.ps-flush .ps-row.ps-yrow,.mhps .ps-row.ps-yrow{background:var(--ps-y100)}
.mhps .ps-pad{padding:0 22px 16px}
.mhps .ps-padb{padding:12px 22px 18px}
.mhps .ps-quiet{background:var(--ps-surface-2);box-shadow:none}
.mhps .ps-sh12{margin-bottom:12px}
.mhps .ps-h16{font-size:16px!important}
.mhps .ps-cnt-t{background:var(--ps-b100);color:var(--ps-b700)}
.mhps .ps-stat.ps-none{font-size:22px;color:var(--ps-muted);letter-spacing:-.02em}
.mhps .ps-stat.ps-stat52{font-size:52px}
.mhps .ps-stat.ps-stat64{font-size:64px}
.mhps .ps-stat.ps-stat28{font-size:28px}
.mhps .ps-lowv{color:var(--ps-o700)!important}
.mhps .ps-scorewrap{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.mhps .ps-scorebig{flex:0 0 auto}
.mhps .ps-parts{flex:1 1 420px;display:flex;flex-direction:column;gap:12px;min-width:0}
.mhps .ps-partrow{display:grid;grid-template-columns:110px 1fr 40px;gap:12px;align-items:center}
.mhps .ps-partrow b{color:var(--ps-ink);text-align:right}
.mhps .ps-scorehero{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.mhps .ps-w200{flex:0 0 200px}
.mhps .ps-chart{flex:1 1 520px;margin:0;min-width:0}
.mhps .ps-mt{margin-top:12px}
.mhps .ps-mt8{margin-top:8px}
.mhps .ps-mb20{margin-bottom:20px}
.mhps .ps-px4{padding:0 4px}
.mhps .ps-pt0{padding-top:0}
.mhps .ps-rt14{font-size:14px}
.mhps .ps-day.ps-wait{background:var(--ps-y100)}
.mhps .ps-flat{box-shadow:none}
.mhps .ps-tile.ps-flat{background:var(--ps-surface-2)}
.mhps .ps-tile.ps-gtile{background:var(--ps-g100)}
.mhps .ps-gtile .ps-lab{color:var(--ps-on-g)}
.mhps .ps-tile.ps-dtile{background:var(--ps-b700)}
.mhps .ps-dtile .ps-lab{color:var(--ps-b300)}
.mhps .ps-dtile .ps-stat{color:#fff}
.mhps .ps-dtile .ps-cap{color:#ffffffb3}
.mhps .ps-s5{grid-column:span 5}
.mhps .ps-s7{grid-column:span 7}
.mhps .ps-wait{padding:6px 0}
.mhps .ps-errline{color:var(--ps-r600)}
.mhps .ps-note{background:var(--ps-y100);color:var(--ps-on-a);border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:600;line-height:1.45}
.mhps .ps-actrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}
.mhps .ps-rfpat{margin-top:14px;font-size:12.5px;color:var(--ps-text)}
.mhps .ps-rfpat:empty{display:none}
.mhps .ps-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mhps .ps-fix{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-width:420px}
.mhps .ps-fix label{font-size:12.5px;font-weight:600}
.mhps .ps-fix[hidden]{display:none}
.mhps .ps-mini{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:8px;border:1.5px solid var(--ps-line-strong);color:var(--ps-ink)!important;font-size:12px;font-weight:700}
.mhps .ps-mini:hover{background:var(--ps-b100);text-decoration:none!important}
.mhps .ps-addnote{background:var(--ps-b100);border-radius:12px;margin:0 22px 14px;padding:16px}
.mhps .ps-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mhps .ps-search{max-width:280px;height:38px;font-size:14px;font-weight:450}
.mhps .ps-mla{margin-left:auto}
.mhps .ps-dow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mhps .ps-dow span{background:var(--ps-surface-2);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;font-size:13px;min-width:64px}
.mhps .ps-dow b{color:var(--ps-ink);font-size:12.5px}
.mhps .ps-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.mhps .ps-badge{display:flex;gap:10px;align-items:center;background:var(--ps-surface-2);border-radius:12px;padding:10px 12px;min-width:0}
.mhps .ps-badge b{display:block;color:var(--ps-ink);font-size:13.5px}
.mhps .ps-badge small{display:block;color:var(--ps-muted);font-size:11.5px}
.mhps .ps-bico{font-size:22px;line-height:1}
.mhps .ps-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.mhps .ps-ph{position:relative;overflow:hidden;color:#fff!important;text-decoration:none!important}
.mhps .ps-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mhps .ps-ph span{position:relative;background:#0e363bcc;border-radius:6px;padding:2px 7px}
.mhps .ps-tbl .ps-num{text-align:right}
/* the Hub's base table (tokens.css th, td: capitals, sticky headers, one-line cells cut with "...") does not apply to the drawing's tables */
.mhps .ps-tbl th{text-transform:none;letter-spacing:normal;position:static;box-shadow:none;cursor:default;user-select:auto}
.mhps .ps-tbl td{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;border-bottom:0}
.mhps .ps-tbl th:last-child,.mhps .ps-tbl td:last-child{padding-right:22px}
.mhps .ps-tbl td.ps-go,.mhps .ps-tbl td.ps-num{white-space:nowrap}
.mhps .ps-gates .tg-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.mhps .ps-gates .btn{white-space:nowrap}
/* the next 3 weeks, the colours of caDrawSchedule's cells (availability.js) */
.mhps .ps-3w{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.mhps .ps-3wh{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--ps-text)}
.mhps .ps-3wc{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.mhps .ps-cell{text-align:center;font-size:11px;font-weight:700;padding:8px 0;border-radius:7px;background:#fff;color:#6b747b;box-shadow:inset 0 0 0 1.5px #c9d0d4}
.mhps .ps-cell.ps-c-allday{background:#dceff0;color:#144d54;box-shadow:none}
.mhps .ps-cell.ps-c-off{background:#e9ecee;color:#6b747b;box-shadow:none}
.mhps .ps-cell.ps-c-calloff{background:#ffe8d6;color:#9a4a0e;box-shadow:none}
.mhps .ps-cell.ps-c-hours{background:#fff;color:#144d54;box-shadow:inset 0 0 0 1.5px #1d6e77}
.mhps .ps-cell.ps-c-waiting{background:#fff5cc;color:#7a5312;box-shadow:inset 0 0 0 1.5px #ffd13a}
.mhps .ps-cell.ps-c-timeoff{background:#e9ecee;color:#4d545a;box-shadow:none;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.05) 6px 9px)}
.mhps .ps-cell.ps-past{opacity:.55}
/* the cards this page embeds from other screens (the usual week, the new cleaner app, Team messages): the drawing's card */
.mhps .ps-hostcard{background:var(--ps-surface);border-radius:14px;box-shadow:var(--ps-sh-card);overflow:hidden}
.mhps .ps-hostcard:empty{display:none}
@media (max-width:1100px){
  .mhps .ps-s5,.mhps .ps-s7{grid-column:span 12}
  .mhps .ps-edit>.ps-fld,.mhps .ps-grid12>.ps-fld{grid-column:span 6!important}
  .mhps .ps-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .mhps .ps-edit>.ps-fld,.mhps .ps-grid12>.ps-fld{grid-column:span 12!important}
  .mhps .ps-edit{padding:14px}
  .mhps .ps-hero{padding:20px 18px 18px}
  .mhps .ps-fg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mhps .ps-mla{margin-left:0}
  .mhps .ps-search{max-width:none;width:100%}
  .mhps .ps-segrow{gap:16px}
  .mhps .ps-tbl th,.mhps .ps-tbl td{padding-left:12px;padding-right:12px}
  .mhps .ps-partrow{grid-template-columns:80px 1fr 36px}
  .mhps .ps-w200,.mhps .ps-chart{flex-basis:100%}
}