/* Staff Ice, Wind and Earth from da78f165. Staff portal only.
   Latest Ice stage/card reversal and Air seafoam navigation supersede only
   those earlier roles. Selector aliases join the reference to real components. */
@media (forced-colors:none) {
  :root[data-staff-theme="ice-solid"] {
    --metal-face:#102e4b;--metal-face-high:#285b7f;--metal-face-low:#091e36;
    --metal-ink:#fff;--metal-muted:#fff;--metal-accent:#c0f6ff;
    --metal-reflect:132 204 244;--metal-edge:208 239 251;--metal-line:#7baac5;
    --metal-stage:#40bfd1;--metal-stage-high:#92e4ee;--metal-stage-low:#299db8;
    --metal-stage-ink:#061d2a;--metal-stage-link:#062636;--metal-stage-line:#256c83;
    --metal-list:#123a5c;--metal-list-high:#245b83;--metal-list-low:#0b2945;
    --metal-list-ink:#fff;--metal-list-link:#c0f6ff;--metal-list-line:#709ebc;
    --metal-facet:#07384d;--metal-stage-reflect:182 245 255;--metal-list-reflect:137 219 248;
  }
  :root[data-staff-theme="wind-solid"] {
    --metal-face:#e0f2fc;--metal-face-high:#f5fbff;--metal-face-low:#c4e2f3;
    --metal-ink:#17304a;--metal-muted:#17304a;--metal-accent:#254b70;
    --metal-reflect:238 249 255;--metal-edge:248 253 255;--metal-line:#729ab4;
    --metal-stage:#cce9f8;--metal-stage-high:#e9f8ff;--metal-stage-low:#b5d9ed;
    --metal-stage-ink:#17304a;--metal-stage-link:#254b70;--metal-stage-line:#729ab4;
    --metal-list:#d6ecf9;--metal-list-high:#f0f9ff;--metal-list-low:#badbed;
    --metal-list-ink:#17304a;--metal-list-link:#254b70;--metal-list-line:#729ab4;
    --metal-selection:#665176;--metal-selection-high:#78618a;--metal-selection-low:#564064;
    --metal-selection-ink:#fff;--metal-selection-muted:#fff;
    --metal-selection-reflect:214 204 236;--metal-selection-edge:235 230 249;
    --metal-facet:#527c9b;--metal-stage-reflect:230 246 255;--metal-list-reflect:238 249 255;
  }
  :root[data-staff-theme="earth"] {
    --metal-face:#d7cab6;--metal-face-high:#f0e8db;--metal-face-low:#b8aa94;
    --metal-ink:#272a22;--metal-muted:#272a22;--metal-accent:#293c2b;
    --metal-reflect:255 237 205;--metal-edge:255 247 224;--metal-line:#7e7865;
    --metal-stage:#153f36;--metal-stage-high:#2b6050;--metal-stage-low:#102d29;
    --metal-stage-ink:#fff;--metal-stage-link:#f2d6ac;--metal-stage-line:#8dab97;
    --metal-list:#225c5d;--metal-list-high:#3d7372;--metal-list-low:#194747;
    --metal-list-ink:#fff;--metal-list-link:#fff9ee;--metal-list-line:#91aba0;
    --metal-selection:#c98758;--metal-selection-high:#e8b887;--metal-selection-low:#ba784b;
    --metal-selection-ink:#17130d;--metal-selection-muted:#17130d;
    --metal-selection-reflect:249 216 180;--metal-selection-edge:255 234 205;
    --metal-button:#c98758;--metal-button-high:#e8b887;--metal-button-low:#ba784b;
    --metal-button-ink:#17130d;--metal-button-reflect:249 216 180;--metal-button-edge:255 234 205;
    --metal-facet:#594c39;--metal-stage-reflect:164 213 175;--metal-list-reflect:174 227 217;
  }
  /* Face-wide static reflections: fine unequal grain over a broad light return,
     then a darker return and second reflection. No opaque shine layer over ink.
     This is a CSS illustration of coated metal, not a physical material model. */
  :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"],[data-staff-theme="earth"])
  :is(.main,.access-list,.access-detail,.reading-pane,.staff-texting-reader,.folders,.message-list,.staff-texting-threads,.panel,.metrics,.staff-texting-layout,.review-sheet,.consent-preview,:is(.record-browser,.records-browser)) {
    --plane-face:var(--metal-face);--plane-high:var(--metal-face-high);--plane-low:var(--metal-face-low);
    --plane-ink:var(--metal-ink);--plane-link:var(--metal-accent);--plane-line:var(--metal-line);--plane-reflect:var(--metal-reflect);
    --ink:var(--plane-ink);--muted:var(--plane-ink);--teal:var(--plane-link);--line:var(--plane-line);--surface:var(--plane-face);--bg:var(--plane-face);
    color:var(--plane-ink);background-color:var(--plane-face);
    background-image:
      repeating-linear-gradient(0deg,rgb(var(--plane-reflect)/.045) 0px,transparent .7px,transparent 2.7px),
      repeating-linear-gradient(0deg,transparent 0px,transparent 4.1px,#00000006 4.6px,transparent 5.3px),
      repeating-linear-gradient(0deg,transparent 0px,transparent 7.3px,rgb(var(--plane-reflect)/.032) 7.8px,transparent 8.7px),
      linear-gradient(112deg,var(--plane-face) 0%,var(--plane-high) 18%,var(--plane-face) 31%,var(--plane-low) 49%,var(--plane-face) 65%,var(--plane-high) 84%,var(--plane-face) 100%);
    box-shadow:inset 0 1px rgb(var(--plane-reflect)/.85),inset 1px 0 rgb(var(--plane-reflect)/.4),inset 0 -2px var(--metal-facet),inset -1px 0 var(--metal-facet);
  }
  :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"],[data-staff-theme="earth"])
  :is(.panel,.metrics,.staff-texting-layout,.review-sheet,.consent-preview) {
    box-shadow:0 0 0 1px #88929e,inset 0 1px rgb(var(--plane-reflect)/.85),inset 1px 0 rgb(var(--plane-reflect)/.4),inset 0 -2px var(--metal-facet),inset -1px 0 var(--metal-facet),0 2px 5px #0003;
  }
  :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"],[data-staff-theme="earth"]) .main {
    --plane-face:var(--metal-stage);--plane-high:var(--metal-stage-high);--plane-low:var(--metal-stage-low);
    --plane-ink:var(--metal-stage-ink);--plane-link:var(--metal-stage-link);--plane-line:var(--metal-stage-line);--plane-reflect:var(--metal-stage-reflect);
  }
  :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"],[data-staff-theme="earth"])
  :is(.access-list,.folders,.message-list,.staff-texting-threads,:is(.record-browser,.records-browser)) {
    --plane-face:var(--metal-list);--plane-high:var(--metal-list-high);--plane-low:var(--metal-list-low);
    --plane-ink:var(--metal-list-ink);--plane-link:var(--metal-list-link);--plane-line:var(--metal-list-line);--plane-reflect:var(--metal-list-reflect);
  }
  :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"],[data-staff-theme="earth"])
  :is(.folder,.message-row,.access-report,.records-row,.record-row,.staff-texting-thread):not([aria-pressed=true]):hover {
    color:var(--plane-ink);background-color:var(--plane-high);
  }
  @media (prefers-contrast:more) {
    :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"],[data-staff-theme="earth"])
    :is(.main,.access-list,.access-detail,.reading-pane,.staff-texting-reader,.folders,.message-list,.staff-texting-threads,.panel,.metrics,.staff-texting-layout,.review-sheet,.consent-preview,:is(.record-browser,.records-browser)) {background-image:none}
  }
}

/* Sidebar action accents retain the selected theme material. */
:root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"]) .side .nav[aria-current=page] {
  --metal-selection:var(--metal-button);--metal-selection-high:var(--metal-button-high);--metal-selection-low:var(--metal-button-low);
  --metal-selection-ink:var(--metal-button-ink);--metal-selection-muted:var(--metal-button-ink);
  --metal-selection-reflect:var(--metal-button-reflect);--metal-selection-edge:var(--metal-button-edge);
}
:root[data-staff-theme="ice-solid"] .side:before {background:#31b8c7}
:root[data-staff-theme="wind-solid"] .side:before {background:#cce9f8}
:root[data-staff-theme="earth"] .side:before {background:#d4a66b}
@media(forced-colors:active) {
  :root:is([data-staff-theme="ice-solid"],[data-staff-theme="wind-solid"]) .main :is(.company-tabs [aria-current=page],:is(.family-nav,.records-families) button[aria-pressed=true]) {background:Highlight;color:HighlightText;box-shadow:none}
}

:root:is([data-staff-theme="ice"],[data-staff-theme="ice-solid"]) {
  --staff-badge-reflection:#9ac5e6;--staff-badge-body:#27648e;--staff-badge-shade:#0d2d4c;
  --staff-badge-glint:#518bb1;--staff-badge-mid:#17466c;--staff-badge-deep:#061c32;
  --staff-badge-ring-shade:#0c2c48;--staff-badge-ring-body:#307aa8;--staff-badge-ring-reflection:#bed5e5;
  --staff-badge-ring-return:#246a98;--staff-badge-ring-deep:#09263d;--staff-badge-frame-tint:#29475d;
  --staff-badge-stroke:#7ab6dc;--staff-badge-facet-light:#6196ba;--staff-badge-facet-dark:#0d2d4c;
  --staff-badge-facet-mid:#17466c;--staff-badge-shine:#e2f0f8;--staff-badge-ring-glint:#c3dce9;
}
:root:is([data-staff-theme="wind"],[data-staff-theme="wind-solid"]) {
  --staff-badge-reflection:#f3fbff;--staff-badge-body:#b9def3;--staff-badge-shade:#6e9ebd;
  --staff-badge-glint:#dcefff;--staff-badge-mid:#91bed9;--staff-badge-deep:#3a6282;
  --staff-badge-ring-shade:#527c9b;--staff-badge-ring-body:#b6dcf5;--staff-badge-ring-reflection:#ffffff;
  --staff-badge-ring-return:#a0cce8;--staff-badge-ring-deep:#3e6886;--staff-badge-frame-tint:#435c70;
  --staff-badge-stroke:#deeffb;--staff-badge-facet-light:#dcefff;--staff-badge-facet-dark:#537e9d;
  --staff-badge-facet-mid:#78a7c7;--staff-badge-shine:#ffffff;--staff-badge-ring-glint:#ecf8ff;
}
:root[data-staff-theme="earth"] {
  --staff-badge-reflection:#f5d7ac;--staff-badge-body:#c98758;--staff-badge-shade:#754322;
  --staff-badge-glint:#e8b887;--staff-badge-mid:#a96b3f;--staff-badge-deep:#432919;
  --staff-badge-ring-shade:#684327;--staff-badge-ring-body:#d4a66b;--staff-badge-ring-reflection:#f5e4c9;
  --staff-badge-ring-return:#bc834e;--staff-badge-ring-deep:#51351f;--staff-badge-frame-tint:#584636;
  --staff-badge-stroke:#edc797;--staff-badge-facet-light:#e8b887;--staff-badge-facet-dark:#684027;
  --staff-badge-facet-mid:#8c542c;--staff-badge-shine:#fff2dd;--staff-badge-ring-glint:#f5dfbd;
}

/* Quiet selection sits on the existing material plane. Leading rails and
   underlines carry state; no raised rectangular selection surface is added. */
@media(forced-colors:none) {
  .nav[aria-current=page],.access-report[aria-pressed=true],.record-row[aria-pressed=true],.records-row[aria-pressed=true],
  .folder[aria-pressed=true],.message-row[aria-pressed=true],.staff-texting-thread[aria-pressed=true],.billing-list tr[aria-selected=true] {
    --ink:var(--plane-ink,var(--metal-ink));--muted:var(--ink);
    color:var(--ink);background-color:transparent;
    background-image:linear-gradient(90deg,color-mix(in srgb,var(--metal-selection) 10%,transparent),color-mix(in srgb,var(--metal-selection) 3%,transparent));
    background-size:100% 100%;background-position:0 0;border-color:transparent;
    box-shadow:inset 3px 0 var(--metal-selection-mark,var(--metal-selection));
  }
  .nav[aria-current=page]:is(:hover,:active),.side a.nav[aria-current=page]:is(:hover,:active),
  .access-report[aria-pressed=true]:is(:hover,:active),.record-row[aria-pressed=true]:is(:hover,:active),.records-row[aria-pressed=true]:is(:hover,:active),
  .folder[aria-pressed=true]:is(:hover,:active),.message-row[aria-pressed=true]:is(:hover,:active),.staff-texting-thread[aria-pressed=true]:is(:hover,:active) {
    color:var(--ink);background-color:transparent;
    background-image:linear-gradient(90deg,color-mix(in srgb,var(--metal-selection) 14%,transparent),color-mix(in srgb,var(--metal-selection) 5%,transparent));
    background-size:100% 100%;background-position:0 0;border-color:transparent;box-shadow:inset 3px 0 var(--metal-selection-mark,var(--metal-selection));
  }
  :is(.access-report,.record-row,.records-row,.message-row)[aria-pressed=true] :is(strong,.small) {color:inherit}
  .side .nav[aria-current=page] {--ink:#f1f3f6;--muted:#d0c6db;color:var(--ink);box-shadow:inset 3px 0 rgb(var(--metal-selection-reflect))}
  .main :is(.company-tabs [aria-current=page],.company-tabs button[aria-selected=true],:is(.family-nav,.records-families) button[aria-pressed=true]) {
    --ink:var(--plane-ink,var(--metal-ink));--muted:var(--ink);
    color:var(--ink);background:none;border-bottom-color:var(--metal-selection);box-shadow:none;
  }
  /* The record search and names share the card's open surface. Border widths
     and input dimensions remain, with only the lower field edge visible. */
  :root .main :is(.record-browser,.records-browser) {
    --plane-face:var(--metal-face);--plane-high:var(--metal-face-high);--plane-low:var(--metal-face-low);
    --plane-ink:var(--metal-ink);--plane-link:var(--metal-accent);--plane-line:var(--metal-line);--plane-reflect:var(--metal-reflect);
    --ink:var(--plane-ink);--muted:var(--plane-ink);--teal:var(--plane-link);--line:var(--plane-line);
    color:var(--ink);background:transparent;border-color:transparent;box-shadow:none;
  }
  .record-list,.record-row {border-color:transparent;box-shadow:none}
  :is(.record-search,.records-filter) {background:transparent;border-color:transparent;box-shadow:none}
  .main :is(.record-search,.records-filter) input,.main :is(.record-search,.records-filter) input:is(:hover,:focus) {
    color:var(--plane-ink,var(--metal-ink));background:transparent;
    border-color:transparent;border-bottom-color:var(--plane-line,var(--metal-line));border-radius:0;box-shadow:none;
  }
  :is(.record-search,.records-filter) input::placeholder {color:var(--plane-ink,var(--metal-muted));opacity:.7}
  @media(prefers-contrast:more) {
    .nav[aria-current=page],.access-report[aria-pressed=true],.record-row[aria-pressed=true],.records-row[aria-pressed=true],
    .folder[aria-pressed=true],.message-row[aria-pressed=true],.staff-texting-thread[aria-pressed=true],.billing-list tr[aria-selected=true] {background-image:none}
  }
}
/* Wind proposal: visible purple type and soft lavender light against baby blue.
   The tint feathers into its plane, with no raised or outlined rectangles. */
@media(forced-colors:none) {
  :root[data-staff-theme="wind-solid"] .main
  :is(.company-tabs [aria-current=page],.company-tabs button[aria-selected=true],:is(.family-nav,.records-families) button[aria-pressed=true]) {
    --ink:#4c2c69;--muted:#4c2c69;color:var(--ink);border-bottom-color:#8054a5;border-radius:0;
    background-color:transparent;background-image:radial-gradient(ellipse at center,#b89bd947 0%,#b89bd924 52%,transparent 79%);
    box-shadow:none;
  }
  :root[data-staff-theme="wind-solid"] .main
  :is(.access-report,.record-row,.records-row)[aria-pressed=true] {
    --ink:#4c2c69;--muted:#4c2c69;--selection-wash-color:#ad86d2;--selection-wash-opacity:.31;color:var(--ink);border-radius:0;
    background-image:radial-gradient(ellipse at 15% 50%,#ad86d24d 0%,#ad86d221 55%,transparent 88%);
  }
  :root[data-staff-theme="wind-solid"] .main :is(:is(.records-head,.records-heading) h3,.record-heading h3,:is(.record-section,.records-section) h4) {color:#573873}
  :root[data-staff-theme="wind-solid"] .side .nav[aria-current=page] {
    --ink:#e6ceff;--muted:#e6ceff;--selection-wash-color:#9a71c0;--selection-wash-opacity:.31;color:var(--ink);border-radius:0;
    background-image:radial-gradient(ellipse at 20% 50%,#9a71c04d,transparent 87%);
  }
  @media(prefers-contrast:more) {
    :root[data-staff-theme="wind-solid"] .main :is(.company-tabs [aria-current=page],:is(.family-nav,.records-families) button[aria-pressed=true],.access-report[aria-pressed=true],.record-row[aria-pressed=true]) {background-image:none}
  }
}

/* Mike's Ice and Air revision: Ice reverses its stage/card blues above. Air's
   left navigation becomes seafoam metal; its baby blue workspace, purple
   selection marks and pale blue badge keep their existing paints. */
@media(forced-colors:none) {
  :root[data-staff-theme="wind-solid"] .side {
    --plane-face:#aed9c7;--plane-high:#d5eee1;--plane-low:#8bbba6;
    --plane-ink:#16352d;--plane-link:#4c2c69;
    --ink:var(--plane-ink);--muted:#254b40;--teal:var(--plane-link);
    color:var(--ink);background-color:var(--plane-face);
    background-image:
      repeating-linear-gradient(0deg,#effff41a 0px,transparent .7px,transparent 2.7px),
      repeating-linear-gradient(0deg,transparent 0px,transparent 4.1px,#082b1b08 4.6px,transparent 5.3px),
      linear-gradient(112deg,var(--plane-face) 0%,var(--plane-high) 18%,var(--plane-face) 31%,var(--plane-low) 49%,var(--plane-face) 65%,var(--plane-high) 84%,var(--plane-face) 100%);
    box-shadow:inset 0 1px #edfff0,inset 1px 0 #d9f1e1,inset -1px 0 #547f6c;
  }
  :root[data-staff-theme="wind-solid"] .side :is(.brand,.staff,.side-foot,.nav:not([aria-current=page]),.nav-logout) {color:var(--plane-ink)}
  :root[data-staff-theme="wind-solid"] .side .nav[aria-current=page] {
    --ink:#382148;--muted:#382148;color:var(--ink);
    box-shadow:inset 3px 0 #665176;
  }
  :root[data-staff-theme="wind-solid"] .side a.nav:not([aria-current=page]):is(:hover,:active) {color:#4c2c69;background:transparent;border-color:transparent}
  :root[data-staff-theme="wind-solid"] .side :focus-visible {outline-color:#4c2c69}
  @media(prefers-contrast:more) {
    :root[data-staff-theme="wind-solid"] .side {background-image:none}
  }
}

/* The appearance control keeps the existing banner and its native keyboard UI. */
.staff-theme-choice{display:flex;align-items:center;gap:8px;margin-left:auto;color:#f1f3f6;font-size:11px;font-weight:400}
.staff-theme-choice select{min-height:32px;padding:4px 27px 4px 8px;width:auto;max-width:130px;font-size:12px}
@media(max-width:700px){.staff-theme-choice{margin-left:0}.staff-theme-choice select{min-height:36px}}

/* Native family buttons keep their field geometry; only the active family has
   a painted underline. The base page's broad button rule must not select all. */
@media(forced-colors:none) {
  .main .records-families button:not([aria-pressed=true]) {border-bottom-color:transparent}
}

/* Exact approved Pump objects: snapshot bf52397294e06021b8204b32a173c85e3dea0351cf25ea62ceadd178ece6e5f4. Selectors only adapted. */
#workspace-bar .pump,#workspace-bar .pump *{box-sizing:border-box}
#workspace-bar .pump-tools{display:flex;align-items:center;gap:14px;flex:none}
#workspace-bar .pump{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--pump-width);min-height:34px;padding:6px 11px;border:0;font:600 12px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1px;touch-action:manipulation;transition:box-shadow .18s,filter .18s,transform .18s;cursor:var(--cursor-interaction,pointer)}
#workspace-bar .pump-word{position:relative;z-index:2;pointer-events:none}
#workspace-bar .pump:focus-visible{outline:2px solid currentColor;outline-offset:6px}
#workspace-bar .pump:hover{filter:brightness(1.08);transform:translateY(-1px)}
#workspace-bar .pump[aria-pressed=true]{transform:translateY(1px)}
#workspace-bar .water-pump{color:#d9fbff;border-radius:11px 20px 13px 7px;background:repeating-linear-gradient(0deg,#b4ebff09 0,transparent 1px,transparent 3px),radial-gradient(ellipse at 5% 5%,#9df1ff77,transparent 42%),linear-gradient(125deg,#2c779b,#0f3b60 35%,#102b48 64%,#216b88);box-shadow:inset 0 1px #c9f9ff9c,inset 1px 0 #72d8ed80,inset 0 -2px #06182d,0 1px 0 #c3efff50,0 3px 5px #03142644}
#workspace-bar .water-pump:before{content:"";position:absolute;left:8px;right:12px;bottom:4px;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#4be4eeaa,transparent);pointer-events:none}
#workspace-bar .valve-port{position:absolute;width:7px;height:15px;right:-3px;top:10px;border-radius:3px;background:linear-gradient(90deg,#0a2841,#a3cad7 45%,#19364d);box-shadow:0 1px 2px #0008;z-index:-1}
#workspace-bar .water-pump[aria-pressed=true]{box-shadow:inset 0 1px #c9f9ff9c,inset 0 -2px #06182d,0 0 0 1px #56ddea80,0 0 10px #2ce9f550}
#workspace-bar .air-pump{color:#493864;border-radius:48% 45% 40% 50% / 45% 43% 54% 48%;background:radial-gradient(ellipse at 14% 12%,#fff9,transparent 46%),linear-gradient(118deg,#b2daf1,#d4ebfa 23%,#add0e8 64%,#c9dcf4);box-shadow:inset 0 1px #ffffffd0,inset 1px 0 #e9f7ff,inset 0 -1px #7b94b1,0 2px 5px #5a668b38;transform:rotate(-3deg)}
#workspace-bar .air-pump .pump-word{transform:rotate(3deg)}
#workspace-bar .air-pump:after{content:"";position:absolute;left:-7px;top:8px;width:22px;height:16px;border-top:1px solid #b5acd8;border-left:1px solid #cabce9;border-radius:60% 20% 70% 15%;transform:rotate(-18deg);pointer-events:none;z-index:-1}
#workspace-bar .air-trail{position:absolute;right:-7px;bottom:6px;width:18px;height:8px;border-bottom:2px solid #8873ab88;border-radius:80%;transform:rotate(-18deg);pointer-events:none}
#workspace-bar .air-pump:hover{transform:rotate(-3deg) translateY(-1px)}
#workspace-bar .air-pump[aria-pressed=true]{box-shadow:inset 0 1px #fff,inset 0 -1px #78658c,0 0 0 1px #9b80b380,0 0 11px #aa8ad64f;transform:rotate(-1deg) translateY(1px)}
#workspace-bar .earth-pump{color:#241a12;border-radius:8px 16px 9px 13px;background:repeating-linear-gradient(9deg,#2a16090d 0,transparent 1px,transparent 4px),radial-gradient(ellipse at 9% 3%,#ffd89e94,transparent 37%),linear-gradient(117deg,#9a603a,#d49a62 22%,#bb8050 50%,#a56a42 74%,#d7a16d);box-shadow:inset 0 1px #f5d0a9,inset 1px 0 #e3b487,inset 0 -2px #66452d,0 2px 4px #222b253d;transform:rotate(1deg);letter-spacing:.45px}
#workspace-bar .earth-pump:before{content:"";position:absolute;left:4px;top:6px;bottom:7px;width:3px;border-left:1px solid #5d4d39;border-right:1px solid #e6c09488;transform:rotate(8deg);pointer-events:none}
#workspace-bar .relic-groove{position:absolute;right:5px;top:7px;width:4px;height:18px;border-right:1px solid #604c32;transform:rotate(-13deg);pointer-events:none}
#workspace-bar .earth-pump[aria-pressed=true]{box-shadow:inset 0 1px #f5d0a9,inset 0 -2px #66452d,0 0 0 1px #45674d,0 0 9px #70b28c66}
#workspace-bar .fire-pump{color:#ffebdf;border-radius:15px 6px 17px 9px;background:radial-gradient(ellipse at 12% 8%,#ff8d4066,transparent 40%),repeating-linear-gradient(0deg,#ffaf8a08 0,transparent 1px,transparent 3px),linear-gradient(119deg,#ad1029,#e42435 22%,#94102a 54%,#5c1031 73%,#cf1630);box-shadow:inset 0 1px #ffad78ac,inset 1px 0 #f3695380,inset 0 -2px #350c19,0 0 0 1px #120b11,0 3px 5px #0007}
#workspace-bar .fire-pump:before{content:"";position:absolute;top:2px;left:11px;width:19px;height:2px;background:linear-gradient(90deg,transparent,#ffb25a,transparent);border-radius:50%;transform:rotate(-8deg);pointer-events:none}
#workspace-bar .ember-tip{position:absolute;right:-3px;top:-3px;width:8px;height:11px;border-radius:70% 10% 70% 20%;transform:rotate(24deg);background:linear-gradient(140deg,#ffc768,#ef421d 40%,#b71234 77%);box-shadow:0 0 5px #fb4e282e;pointer-events:none}
#workspace-bar .fire-pump[aria-pressed=true]{box-shadow:inset 0 1px #ffad78,inset 0 -2px #350c19,0 0 0 1px #c94d29,0 0 12px #ff602252}
#workspace-bar .oktober-pump{color:#271b12;border-radius:10px 6px 13px 6px;background:repeating-linear-gradient(0deg,#70360a0a 0,transparent 1px,transparent 3px),radial-gradient(ellipse at 7% 4%,#ffd6a780,transparent 40%),linear-gradient(116deg,#d17a33,#f0a152 22%,#d5843c 51%,#b9682e 78%,#db8d44);box-shadow:inset 0 1px #ffd2a0bf,inset 0 -2px #784926,0 0 0 1px #10131b,0 3px 5px #0005;transform:rotate(-1.5deg)}
#workspace-bar .oktober-pump:before{content:"";position:absolute;right:7px;top:-3px;width:12px;height:6px;border-radius:3px 5px 0 0;background:linear-gradient(90deg,#628b3e,#a1c761 45%,#4a692d);box-shadow:inset 0 1px #d0e69c80;pointer-events:none}
#workspace-bar .goblin-eye{position:absolute;left:6px;top:13px;width:3px;height:3px;border-radius:1px;background:#486c2a;box-shadow:0 0 0 1px #d8b26e;pointer-events:none}
#workspace-bar .oktober-pump[aria-pressed=true]{box-shadow:inset 0 1px #ffd2a0,inset 0 -2px #784926,0 0 0 1px #80ae40,0 0 10px #a5d85c55}
#workspace-bar{--pump-width:36px}
#workspace-bar .pump{width:var(--pump-width);height:19px;min-height:19px;padding:0 2px;font-size:9px;font-weight:700;letter-spacing:-.2px}
#workspace-bar .pump-hit{position:absolute;left:-8px;right:-8px;top:-13px;bottom:-13px;background:transparent;z-index:0}
#workspace-bar .pump-word{z-index:2}
#workspace-bar .pump-tools{gap:19px;padding-right:3px}
#workspace-bar .water-pump{border-radius:63% 37% 48% 52% / 42% 39% 61% 58%;transform:rotate(-12deg);background:radial-gradient(ellipse at 11% 8%,#b8f9ff99,transparent 40%),linear-gradient(119deg,#287999,#0b3356 42%,#123c59 68%,#2193a0);box-shadow:inset 0 1px #c7faffb0,inset 0 -2px #041b30,1px 1px 0 #88c9dc80,0 2px 3px #001a3550}
#workspace-bar .water-pump .pump-word{transform:rotate(12deg)}
#workspace-bar .water-pump:before{left:4px;right:auto;bottom:-4px;width:5px;height:7px;border-radius:40% 30% 60% 60%;background:linear-gradient(115deg,#a6f9ff,#0e738a 45%,#12364c);box-shadow:inset 1px 0 #cafbffa0;transform:rotate(-19deg)}
#workspace-bar .valve-port{width:5px;height:9px;right:-2px;top:4px;border-radius:50%;background:linear-gradient(90deg,#113451,#c6d9e1 48%,#103342)}
#workspace-bar .water-pump:hover{transform:rotate(-12deg) translateY(-1px)}
#workspace-bar .water-pump[aria-pressed=true]{transform:rotate(-9deg) translateY(1px)}
#workspace-bar .air-pump{width:calc(var(--pump-width) + 3px);border-radius:20% 65% 34% 60% / 53% 42% 59% 48%;transform:rotate(9deg) skewX(-10deg);color:#4c3470;background:radial-gradient(ellipse at 9% 9%,#fffd,transparent 37%),linear-gradient(130deg,#c6d6f0,#b3e5ed 33%,#d9d2f0 65%,#96c5e0);box-shadow:inset 0 1px #fff,inset 0 -1px #84729d88,0 1px 3px #77549738}
#workspace-bar .air-pump .pump-word{transform:rotate(-9deg) skewX(10deg);letter-spacing:.25px}
#workspace-bar .air-pump:after{left:-8px;top:3px;width:15px;height:10px;border-top:1px solid #9b7fbd;border-left:1px solid #b1cce7;border-radius:40% 70% 20% 75%;transform:rotate(35deg)}
#workspace-bar .air-trail{right:-7px;bottom:-1px;width:13px;height:8px;border-bottom:1px solid #8f69ab;border-right:1px solid #cad6ed;border-radius:80% 20% 70% 50%;transform:rotate(-26deg)}
#workspace-bar .air-pump:hover{transform:rotate(9deg) skewX(-10deg) translateY(-1px)}
#workspace-bar .air-pump[aria-pressed=true]{transform:rotate(5deg) skewX(-10deg) translateY(1px)}
#workspace-bar .earth-pump{border-radius:34% 14% 48% 28% / 26% 38% 20% 53%;transform:rotate(-6deg);color:#271a10;letter-spacing:-.4px;background:repeating-linear-gradient(116deg,transparent 0,transparent 6px,#52341c33 6.4px,transparent 7px),radial-gradient(ellipse at 10% 5%,#ffe3af9c,transparent 43%),linear-gradient(127deg,#8f5c3c,#d39a64 29%,#b47c49 64%,#c7925e);box-shadow:inset 0 1px #e9c79c,inset 0 -2px #563b29,1px 2px 0 #182d2388}
#workspace-bar .earth-pump .pump-word{transform:rotate(6deg)}
#workspace-bar .earth-pump:before{left:-2px;top:11px;bottom:auto;width:7px;height:4px;border:0;border-radius:15% 65% 30% 20%;background:linear-gradient(#be905f,#6a492f);transform:rotate(-24deg)}
#workspace-bar .relic-groove{right:2px;top:-2px;width:5px;height:10px;border-right:2px solid #74885a;border-radius:70% 10% 80% 20%;transform:rotate(26deg)}
#workspace-bar .fire-pump{height:20px;min-height:20px;border-radius:50% 15% 44% 14% / 35% 60% 22% 52%;transform:rotate(-9deg);color:#fff0de;background:radial-gradient(ellipse at 7% 10%,#ffb668a0,transparent 36%),linear-gradient(127deg,#f43b27,#b60925 38%,#ed2635 63%,#531235 88%);box-shadow:inset 0 1px #ff976b,inset 0 -2px #330c18,0 0 0 1px #170c16,1px 2px 2px #0006}
#workspace-bar .fire-pump .pump-word{transform:rotate(9deg)}
#workspace-bar .fire-pump:before{left:3px;top:-3px;width:6px;height:10px;border-radius:80% 0 70% 15%;background:linear-gradient(130deg,#ffaf58,#ea3025 55%,#9d1037);transform:rotate(-28deg)}
#workspace-bar .ember-tip{right:-2px;top:-3px;width:5px;height:9px;transform:rotate(35deg)}
#workspace-bar .fire-pump:hover{transform:rotate(-9deg) translateY(-1px)}
#workspace-bar .fire-pump[aria-pressed=true]{transform:rotate(-6deg) translateY(1px)}
#workspace-bar .oktober-pump{height:20px;min-height:20px;border-radius:42% 30% 55% 21% / 35% 58% 32% 56%;transform:rotate(8deg);color:#302113;background:repeating-linear-gradient(81deg,transparent 0,transparent 7px,#86501d45 7.6px,transparent 9px),radial-gradient(ellipse at 10% 10%,#ffe0a780,transparent 34%),linear-gradient(120deg,#c37331,#f3aa56 29%,#db913f 53%,#ab5c28);box-shadow:inset 0 1px #ffd8a6,inset 0 -2px #6a3d21,0 2px 0 #141b1d}
#workspace-bar .oktober-pump .pump-word{transform:rotate(-8deg)}
#workspace-bar .oktober-pump:before{right:7px;top:-5px;width:5px;height:8px;border-radius:70% 20% 0 0;background:linear-gradient(90deg,#426029,#b5cf6d 45%,#637d36);transform:rotate(24deg)}
#workspace-bar .goblin-eye{left:-3px;top:8px;width:5px;height:4px;border-radius:60% 30% 60% 20%;background:#b2db63;box-shadow:inset 0 1px #e7f5bc,0 1px 1px #0007;transform:rotate(-15deg)}
#workspace-bar .oktober-pump:hover{transform:rotate(8deg) translateY(-1px)}
#workspace-bar .oktober-pump[aria-pressed=true]{transform:rotate(5deg) translateY(1px)}
@media(prefers-reduced-motion:reduce){#workspace-bar .pump{transition:none}#workspace-bar .pump:hover{transform:none}}
@media(forced-colors:active){#workspace-bar .pump{border:1px solid ButtonText}#workspace-bar .pump[aria-pressed=true]{outline:2px solid Highlight}}
/* Host layout retains the original right-aligned Appearance placement. */
#workspace-bar .pump-tools{margin-left:auto}
#workspace-bar .pump-tools .staff-theme-choice{margin-left:0}
.workspace-bar{flex-wrap:wrap;gap:8px}