/* MR. GOLFCART V2 — workflow visual system
   One card language, four subtle workflow identities.
   Workflow color identifies the record; action color stays brand green. */

/* ---------- Shared directory rhythm ---------- */
.job-list-screen,
.buyers-screen,
.inventory-screen{
  gap:10px;
}

.job-list-card,
.job-list-card.buyer,
.inventory-main-card{
  border-radius:var(--wf-card-radius);
  box-shadow:var(--wf-shadow);
  padding:14px;
}

.job-list-card-name,
.inventory-main-identity>strong{
  color:#1f2937;
  font-size:18px;
  font-weight:900;
  line-height:1.14;
  letter-spacing:-.012em;
}

.job-list-card-contact,
.inventory-card-cart{
  color:#66716b;
  font-size:12.5px;
  font-weight:750;
  line-height:1.25;
}

.job-list-card-cart,
.inventory-main-meta{
  color:#59665f;
}

/* Common dividers / labels */
.job-list-ops-grid,
.job-list-latest-note,
.inventory-card-money,
.inventory-latest-note{
  border-color:var(--wf-line);
}

.job-list-ops-grid span,
.job-list-latest-note span,
.inventory-card-money span,
.inventory-latest-note span{
  color:#6b7280;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Same filter geometry everywhere. */
.job-entry-filter-row,
.buyers-filter-row,
.inventory-view-filters{
  gap:7px;
}
.job-entry-filter-btn,
.buyers-filter-btn,
.inventory-view-filter{
  min-height:42px;
  padding:8px 10px;
  border-radius:var(--wf-control-radius);
  background:#fff;
  border:1px solid #c7d2cc;
  color:#52605a;
  font-size:12px;
  font-weight:850;
  box-shadow:none;
}
.job-entry-filter-btn strong,
.buyers-filter-btn strong,
.inventory-view-filter strong{
  font-size:11px;
  font-weight:950;
}

/* ---------- Lithium ---------- */
.job-list-screen[data-job-list-type="Lithium"] .job-list-heading{
  color:var(--wf-lithium-ink);
}
.job-list-screen[data-job-list-type="Lithium"] .job-list-heading::before{
  background:var(--wf-lithium-accent);
}
.job-list-screen[data-job-list-type="Lithium"] .job-entry-filter-btn{
  min-height:44px;
  padding:9px 12px;
  font-size:13px;
  font-weight:850;
}
.job-list-screen[data-job-list-type="Lithium"] .job-entry-filter-btn strong{
  color:var(--wf-lithium-ink);
  font-size:13px;
  font-weight:900;
}
.job-list-screen[data-job-list-type="Lithium"] .job-entry-filter-btn.active{
  background:#fff8e8;
  border-color:#dfcf9a;
  color:var(--wf-lithium-ink);
  box-shadow:none;
}
.job-list-card.lithium{
  background:var(--wf-lithium-tint);
  border:1px solid var(--wf-lithium-border);
}
.job-list-card.lithium .job-list-card-name{font-size:19px}
.job-list-card.lithium .job-list-card-contact{font-size:13.5px}
.job-list-card.lithium .job-list-card-cart{font-size:13px}
.job-list-card.lithium .job-list-ops-grid span,
.job-list-card.lithium .job-list-latest-note span{font-size:10px}
.job-list-card.lithium .job-list-ops-grid strong,
.job-list-card.lithium .job-list-latest-note strong{font-size:13.5px}
.job-list-card.lithium .job-list-contact-actions a,
.job-list-card.lithium .job-list-contact-actions button{min-height:44px;font-size:13px}

/* Lithium assignment/status control: same familiar dropdown geometry, soft gold workflow treatment. */
.job-list-card.lithium .job-list-card-tech,
.job-list-card.lithium .job-list-card-terminal{
  min-width:116px;
  min-height:42px;
  padding:8px 28px 8px 11px;
  border:1px solid #dfcf9a;
  border-top-width:1px;
  border-radius:var(--wf-control-radius);
  background:#fff;
  color:var(--wf-lithium-ink);
  text-align:left;
  box-shadow:none;
}
.job-list-card.lithium .job-list-card-tech strong,
.job-list-card.lithium .job-list-card-terminal strong{
  color:var(--wf-lithium-ink);
  font-size:13px;
  font-weight:850;
}
.job-list-card.lithium .job-list-card-tech::after{color:var(--wf-lithium-ink)}
.job-list-card.lithium .job-list-tech-picker{
  width:150px;
  padding:5px;
  border:1px solid #dfcf9a;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 22px rgba(116,93,18,.12);
}
.job-list-card.lithium .job-list-tech-menu button{
  min-height:42px;
  padding:9px 10px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:var(--wf-lithium-ink);
  font-size:13px;
  font-weight:850;
}
.job-list-card.lithium .job-list-tech-menu button+button{border-top:1px solid #f0ead8}
.job-list-card.lithium .job-list-tech-menu button.current{background:#fff8e8}

/* Lithium inline editors stay soft/light: no dark action blocks. */
.job-list-card.lithium .job-list-cost-editor input,
.job-list-card.lithium .job-list-cost-editor select,
.job-list-card.lithium .job-list-cost-editor textarea,
.job-list-card.lithium .job-note-composer textarea{font-size:16px}
.job-list-card.lithium .cost-save-actions .primary,
.job-list-card.lithium .job-note-composer .primary{
  border:1px solid #dfcf9a;
  background:#fff8e8;
  color:var(--wf-lithium-ink);
  font-weight:850;
}
.job-list-card.lithium .cost-save-actions .secondary,
.job-list-card.lithium .job-note-composer .secondary{
  border:1px solid #dfd7bf;
  background:#fff;
  color:var(--wf-lithium-ink);
  font-weight:850;
}
.job-list-card.lithium .cost-save-actions button,
.job-list-card.lithium .job-note-composer button{min-height:44px;font-size:13px}

/* ---------- Repair ---------- */
.job-list-screen[data-job-list-type="Repair"] .job-list-heading{
  color:var(--wf-repair-ink);
}
.job-list-screen[data-job-list-type="Repair"] .job-list-heading::before{
  background:var(--wf-repair-accent);
}
.job-list-screen[data-job-list-type="Repair"] .job-entry-filter-btn strong{
  color:var(--wf-repair-ink);
}
.job-list-screen[data-job-list-type="Repair"] .job-entry-filter-btn.active{
  background:#fff1ef;
  border-color:#df9a93;
  color:var(--wf-repair-ink);
  box-shadow:inset 0 0 0 1px rgba(217,130,121,.09);
}
.job-list-card.repair{
  background:var(--wf-repair-tint);
  border:1px solid var(--wf-repair-border);
}
.job-list-card.repair .job-list-card-tech,
.job-list-card.repair .job-list-card-terminal{
  border-color:#dfd2d0;
  border-top-color:var(--wf-repair-accent);
}

/* ---------- Buyers ---------- */
.buyers-heading{
  color:var(--wf-buyer-ink);
}
.buyers-heading::before{
  background:var(--wf-buyer-accent);
}
.buyers-filter-btn strong{
  color:var(--wf-buyer-ink);
}
.buyers-filter-btn.active{
  background:#eef6fd;
  border-color:#8fb4d2;
  color:var(--wf-buyer-ink);
  box-shadow:inset 0 0 0 1px rgba(77,134,184,.09);
}
.job-list-card.buyer{
  background:var(--wf-buyer-tint);
  border:1px solid var(--wf-buyer-border);
}
.buyer-type-control select,
.buyer-type-control.buyer-terminal-badge{
  border-color:#bfd1e1;
  border-top-color:var(--wf-buyer-accent);
  color:var(--wf-buyer-ink);
  background:#fff;
}
.buyer-owner-control select{
  border:1px solid #c9d3ce;
  border-top:2px solid #89a798;
  background:#fff;
  color:var(--green);
}
.buyer-note-composer{
  background:rgba(255,255,255,.88);
  border-color:#d6e1ea;
}
#app .job-list-card.buyer .job-list-contact-actions a,
#app .job-list-card.buyer .job-list-contact-actions button{
  color:var(--wf-buyer-ink);
  border-color:#b8cfe2;
  background:#fff;
}
#app .job-list-card.buyer .job-list-contact-actions button:disabled{
  color:#9aa8b4;
  border-color:#d9e1e8;
  background:#f7f9fb;
}
#app .buyer-note-composer button{
  color:var(--wf-buyer-ink);
  border-color:#b8cfe2;
  background:#fff;
}
#app .buyer-note-composer .primary{
  background:#eef6fd;
  border-color:#8fb4d2;
  color:var(--wf-buyer-ink);
}

/* ---------- Inventory ---------- */
.inventory-heading{
  color:var(--wf-inventory-ink);
}
.inventory-heading::before{
  background:var(--wf-inventory-accent);
}
.inventory-view-filter strong{
  color:var(--wf-inventory-ink);
}
.inventory-view-filter.active{
  background:#eef6f1;
  border-color:#8ead9b;
  color:var(--wf-inventory-ink);
  box-shadow:inset 0 0 0 1px rgba(79,128,100,.08);
}
.inventory-main-card{
  background:var(--wf-inventory-tint);
  border:1px solid var(--wf-inventory-border);
}
.inventory-owner-select select,
.inventory-main-status{
  border-color:#c9d5ce;
  border-top-color:var(--wf-inventory-accent);
  background:#fff;
  color:var(--wf-inventory-ink);
}

/* Lithium work-detail editor: same form system, soft gold workflow accent, no dark blocks. */
.work-detail-shell.type-lithium .work-detail-hero{
  background:#fffaf0;
  border-color:#e6dcc0;
  border-left-color:var(--wf-lithium-accent);
}
.work-detail-shell.type-lithium .work-detail-type.lithium{
  background:#fff8e8;
  border-color:#dfcf9a;
  color:var(--wf-lithium-ink);
}
.work-detail-shell.type-lithium .work-core-edit-form label span,
.work-detail-shell.type-lithium .work-detail-info-grid label span,
.work-detail-shell.type-lithium .work-detail-long span{
  color:#6b654f;
}
.work-detail-shell.type-lithium .work-core-edit-form input,
.work-detail-shell.type-lithium .work-core-edit-form select,
.work-detail-shell.type-lithium [data-work-cost-form] input,
.work-detail-shell.type-lithium [data-work-cost-form] select,
.work-detail-shell.type-lithium [data-work-cost-form] textarea,
.work-detail-shell.type-lithium .work-note-entry textarea{
  min-height:44px;
  border:1px solid #ded6bd;
  border-radius:9px;
  background:#fffdf8;
  color:#2f332f;
  -webkit-text-fill-color:#2f332f;
  font-size:16px;
  box-shadow:none;
}
.work-detail-shell.type-lithium .work-core-edit-form select,
.work-detail-shell.type-lithium [data-work-cost-form] select{
  color:var(--wf-lithium-ink);
  -webkit-text-fill-color:var(--wf-lithium-ink);
}
.work-detail-shell.type-lithium .work-core-edit-form>.primary,
.work-detail-shell.type-lithium .cost-save-actions .primary,
.work-detail-shell.type-lithium .work-note-update-menu .primary{
  min-height:44px;
  border:1px solid #dfcf9a;
  background:#fff8e8;
  color:var(--wf-lithium-ink);
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}
.work-detail-shell.type-lithium .work-core-edit-form>.primary{width:100%}
.work-detail-shell.type-lithium .cost-save-actions .secondary,
.work-detail-shell.type-lithium .work-note-save,
.work-detail-shell.type-lithium .work-note-update,
.work-detail-shell.type-lithium .work-note-update-menu .secondary{
  border-color:#ded6bd;
  background:#fff;
  color:var(--wf-lithium-ink);
  box-shadow:none;
}
.work-detail-shell.type-lithium .work-note-save{
  background:#fff8e8;
  border-color:#dfcf9a;
  color:var(--wf-lithium-ink);
  font-size:13px;
}
.work-detail-shell.type-lithium .work-detail-disclosure-head{
  color:var(--wf-lithium-ink);
}

/* ---------- Navigation identity ---------- */
/* Keep the brand-green navigation, but let the underline tell the user
   which workflow they're in. */
.global-nav-btn[data-nav="lithium"].active::after{
  background:var(--wf-lithium-accent);
}
.global-nav-btn[data-nav="repair"].active::after{
  background:var(--wf-repair-accent);
}
.global-nav-btn[data-nav="inventory"].active::after{
  background:var(--wf-inventory-accent);
}
.global-nav-btn[data-nav="buyers"].active::after{
  background:var(--wf-buyer-accent);
}

/* ---------- Top-right workflow controls ---------- */
.job-list-card-tech,
.job-list-card-terminal,
.buyer-type-control select,
.buyer-type-control.buyer-terminal-badge,
.buyer-owner-control select,
.inventory-owner-select select,
.inventory-main-status{
  border-radius:var(--wf-control-radius);
  box-shadow:none;
}

/* Menus all use the same floating surface. */
.job-list-tech-picker,
.inventory-main-status-menu{
  border:1px solid #c7d2cc;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,41,55,.13);
}

/* Desktop parity */
@media(min-width:1000px){
  .job-list-card,
  .job-list-card.buyer,
  .inventory-main-card{
    min-height:0;
  }
}

/* ===== Lithium correction: reuse original control geometry, soft gold only ===== */
#app .job-list-screen[data-job-list-type="Lithium"] .job-entry-filter-btn.active{
  background:#fff8e8;
  border-color:#dfcf9a;
  color:var(--wf-lithium-ink);
  box-shadow:none;
}

/* Preserve the original job dropdown footprint/shape; only tint it for Lithium. */
#app .job-list-card.lithium .job-list-card-tech,
#app .job-list-card.lithium .job-list-card-terminal{
  position:relative;
  display:grid;
  justify-items:end;
  gap:1px;
  flex:0 1 auto;
  min-width:92px;
  max-width:29%;
  min-height:42px;
  margin:0;
  padding:8px 20px 8px 9px;
  border:1px solid #d9cfb1;
  border-top:3px solid var(--wf-lithium-accent);
  border-radius:9px;
  background:#fff;
  color:#374151;
  text-align:right;
  box-shadow:none;
}
#app .job-list-card.lithium .job-list-card-tech strong,
#app .job-list-card.lithium .job-list-card-terminal strong{
  color:#374151;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}
#app .job-list-card.lithium .job-list-card-tech::after{
  color:#6b7280;
  font-size:11px;
}
#app .job-list-card.lithium .job-list-tech-picker{
  width:min(230px,72vw);
  padding:5px;
  border:1px solid #d9cfb1;
  border-radius:9px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
#app .job-list-card.lithium .job-list-tech-menu button{
  min-height:40px;
  padding:8px 9px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:#374151;
  font-size:12px;
  font-weight:750;
  text-align:left;
}
#app .job-list-card.lithium .job-list-tech-menu button+button{
  border-top:1px solid #edf0ee;
}
#app .job-list-card.lithium .job-list-tech-menu button.current{
  background:#fff8e8;
  color:var(--wf-lithium-ink);
  font-weight:900;
}

/* List-level Lithium editors: never render a dark green primary block. */
#app .job-list-card.lithium .cost-save-actions .primary,
#app .job-list-card.lithium .job-note-composer .primary{
  border:1px solid #dfcf9a;
  background:#fff8e8;
  color:var(--wf-lithium-ink);
  font-weight:850;
  box-shadow:none;
}
#app .job-list-card.lithium .cost-save-actions .secondary,
#app .job-list-card.lithium .job-note-composer .secondary{
  border:1px solid #ded6bd;
  background:#fff;
  color:var(--wf-lithium-ink);
  box-shadow:none;
}

/* Detail-level Lithium actions use the exact same light hierarchy. */
#app .work-detail-shell.type-lithium .work-core-edit-form > .primary,
#app .work-detail-shell.type-lithium .cost-save-actions .primary,
#app .work-detail-shell.type-lithium .work-note-update-menu .primary,
#app .work-detail-shell.type-lithium .work-note-save,
#app .work-detail-shell.type-lithium button.primary{
  border:1px solid #dfcf9a;
  background:#fff8e8;
  color:var(--wf-lithium-ink);
  box-shadow:none;
}
#app .work-detail-shell.type-lithium .cost-save-actions .secondary,
#app .work-detail-shell.type-lithium .work-note-update-menu .secondary,
#app .work-detail-shell.type-lithium button.secondary{
  border:1px solid #ded6bd;
  background:#fff;
  color:var(--wf-lithium-ink);
  box-shadow:none;
}


/* Lithium correction: full-width cost notes + full-width final submit. */
#app .job-list-card.lithium .job-list-cost-editor .work-detail-long,
#app .work-detail-shell.type-lithium [data-work-cost-form] .work-detail-long{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
#app .job-list-card.lithium .job-list-cost-editor .work-detail-long textarea,
#app .work-detail-shell.type-lithium [data-work-cost-form] .work-detail-long textarea{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}
#app .job-list-card.lithium .cost-save-actions [data-cost-save-mode="submit"],
#app .work-detail-shell.type-lithium .cost-save-actions [data-cost-save-mode="submit"]{
  grid-column:1 / -1;
  width:100%;
}


/* ===== Repair parity: exact Lithium component system, soft repair pink only ===== */
#app .job-list-screen[data-job-list-type="Repair"] .job-entry-filter-btn{
  min-height:44px;
  padding:9px 12px;
  font-size:13px;
  font-weight:850;
}
#app .job-list-screen[data-job-list-type="Repair"] .job-entry-filter-btn strong{
  color:var(--wf-repair-ink);
  font-size:13px;
  font-weight:900;
}
#app .job-list-screen[data-job-list-type="Repair"] .job-entry-filter-btn.active{
  background:#fff1ef;
  border-color:#e3b7b2;
  color:var(--wf-repair-ink);
  box-shadow:none;
}
#app .job-list-card.repair{
  background:var(--wf-repair-tint);
  border:1px solid var(--wf-repair-border);
}
#app .job-list-card.repair .job-list-card-name{font-size:19px}
#app .job-list-card.repair .job-list-card-contact{font-size:13.5px}
#app .job-list-card.repair .job-list-card-cart{font-size:13px}
#app .job-list-card.repair .job-list-ops-grid span,
#app .job-list-card.repair .job-list-latest-note span{font-size:10px}
#app .job-list-card.repair .job-list-ops-grid strong,
#app .job-list-card.repair .job-list-latest-note strong{font-size:13.5px}
#app .job-list-card.repair .job-list-contact-actions a,
#app .job-list-card.repair .job-list-contact-actions button{min-height:44px;font-size:13px}

/* Same original assignment/terminal geometry as Lithium; Repair only changes accent family. */
#app .job-list-card.repair .job-list-card-tech,
#app .job-list-card.repair .job-list-card-terminal{
  position:relative;
  display:grid;
  justify-items:end;
  gap:1px;
  flex:0 1 auto;
  min-width:92px;
  max-width:29%;
  min-height:42px;
  margin:0;
  padding:8px 20px 8px 9px;
  border:1px solid #e1c6c3;
  border-top:3px solid var(--wf-repair-accent);
  border-radius:9px;
  background:#fff;
  color:#374151;
  text-align:right;
  box-shadow:none;
}
#app .job-list-card.repair .job-list-card-tech strong,
#app .job-list-card.repair .job-list-card-terminal strong{
  color:#374151;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}
#app .job-list-card.repair .job-list-card-tech::after{
  color:#6b7280;
  font-size:11px;
}
#app .job-list-card.repair .job-list-tech-picker{
  width:min(230px,72vw);
  padding:5px;
  border:1px solid #e1c6c3;
  border-radius:9px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
#app .job-list-card.repair .job-list-tech-menu button{
  min-height:40px;
  padding:8px 9px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:#374151;
  font-size:12px;
  font-weight:750;
  text-align:left;
}
#app .job-list-card.repair .job-list-tech-menu button+button{border-top:1px solid #f1e7e5}
#app .job-list-card.repair .job-list-tech-menu button.current{
  background:#fff1ef;
  color:var(--wf-repair-ink);
  font-weight:900;
}

/* List-level Repair editors use the same light hierarchy as Lithium. */
#app .job-list-card.repair .job-list-cost-editor input,
#app .job-list-card.repair .job-list-cost-editor select,
#app .job-list-card.repair .job-list-cost-editor textarea,
#app .job-list-card.repair .job-note-composer textarea{font-size:16px}
#app .job-list-card.repair .cost-save-actions .primary,
#app .job-list-card.repair .job-note-composer .primary{
  border:1px solid #e3b7b2;
  background:#fff1ef;
  color:var(--wf-repair-ink);
  font-weight:850;
  box-shadow:none;
}
#app .job-list-card.repair .cost-save-actions .secondary,
#app .job-list-card.repair .job-note-composer .secondary{
  border:1px solid #e1d2d0;
  background:#fff;
  color:var(--wf-repair-ink);
  font-weight:850;
  box-shadow:none;
}
#app .job-list-card.repair .cost-save-actions button,
#app .job-list-card.repair .job-note-composer button{min-height:44px;font-size:13px}

/* Repair work detail mirrors Lithium exactly, with only pink/red workflow accents. */
#app .work-detail-shell.type-repair .work-detail-hero{
  background:#fff7f6;
  border-color:#ead5d2;
  border-left-color:var(--wf-repair-accent);
}
#app .work-detail-shell.type-repair .work-detail-type.repair{
  background:#fff1ef;
  border-color:#e3b7b2;
  color:var(--wf-repair-ink);
}
#app .work-detail-shell.type-repair .work-core-edit-form label span,
#app .work-detail-shell.type-repair .work-detail-info-grid label span,
#app .work-detail-shell.type-repair .work-detail-long span{color:#715b58}
#app .work-detail-shell.type-repair .work-core-edit-form input,
#app .work-detail-shell.type-repair .work-core-edit-form select,
#app .work-detail-shell.type-repair [data-work-cost-form] input,
#app .work-detail-shell.type-repair [data-work-cost-form] select,
#app .work-detail-shell.type-repair [data-work-cost-form] textarea,
#app .work-detail-shell.type-repair .work-note-entry textarea{
  min-height:44px;
  border:1px solid #e2d2cf;
  border-radius:9px;
  background:#fffafa;
  color:#2f332f;
  -webkit-text-fill-color:#2f332f;
  font-size:16px;
  box-shadow:none;
}
#app .work-detail-shell.type-repair .work-core-edit-form select,
#app .work-detail-shell.type-repair [data-work-cost-form] select{
  color:var(--wf-repair-ink);
  -webkit-text-fill-color:var(--wf-repair-ink);
}
#app .work-detail-shell.type-repair .work-core-edit-form > .primary,
#app .work-detail-shell.type-repair .cost-save-actions .primary,
#app .work-detail-shell.type-repair .work-note-update-menu .primary,
#app .work-detail-shell.type-repair .work-note-save,
#app .work-detail-shell.type-repair button.primary{
  min-height:44px;
  border:1px solid #e3b7b2;
  background:#fff1ef;
  color:var(--wf-repair-ink);
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}
#app .work-detail-shell.type-repair .work-core-edit-form > .primary{width:100%}
#app .work-detail-shell.type-repair .cost-save-actions .secondary,
#app .work-detail-shell.type-repair .work-note-save.secondary,
#app .work-detail-shell.type-repair .work-note-update,
#app .work-detail-shell.type-repair .work-note-update-menu .secondary,
#app .work-detail-shell.type-repair button.secondary{
  border:1px solid #e1d2d0;
  background:#fff;
  color:var(--wf-repair-ink);
  box-shadow:none;
}
#app .work-detail-shell.type-repair .work-note-save{
  background:#fff1ef;
  border-color:#e3b7b2;
  color:var(--wf-repair-ink);
  font-size:13px;
}
#app .work-detail-shell.type-repair .work-detail-disclosure-head{color:var(--wf-repair-ink)}

/* Repair cost editor parity with Lithium: full-width notes and final submit. */
#app .job-list-card.repair .job-list-cost-editor .work-detail-long,
#app .work-detail-shell.type-repair [data-work-cost-form] .work-detail-long{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
#app .job-list-card.repair .job-list-cost-editor .work-detail-long textarea,
#app .work-detail-shell.type-repair [data-work-cost-form] .work-detail-long textarea{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}
#app .job-list-card.repair .cost-save-actions [data-cost-save-mode="submit"],
#app .work-detail-shell.type-repair .cost-save-actions [data-cost-save-mode="submit"]{
  grid-column:1 / -1;
  width:100%;
}

/* ===== Inventory parity: same locked component system, soft green/mint only ===== */
#app .inventory-screen .inventory-view-filter{
  min-height:44px;
  padding:9px 12px;
  border:1px solid #c7d2cc;
  border-radius:9px;
  background:#fff;
  color:#52605a;
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}
#app .inventory-screen .inventory-view-filter strong{
  color:var(--wf-inventory-ink);
  font-size:13px;
  font-weight:900;
}
#app .inventory-screen .inventory-view-filter.active{
  background:#eef6f1;
  border-color:#b9d0c1;
  color:var(--wf-inventory-ink);
  box-shadow:none;
}

#app .inventory-main-card{
  background:var(--wf-inventory-tint);
  border:1px solid var(--wf-inventory-border);
}
#app .inventory-main-card .inventory-main-identity>strong{font-size:19px}
#app .inventory-main-card .inventory-price-row{
  margin-top:10px;
  padding:10px 0;
  border-top:1px solid #d7e0da;
  border-bottom:1px solid #d7e0da;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
#app .inventory-main-card .inventory-price-labels,
#app .inventory-main-card .inventory-price-values{
  display:grid;
  gap:4px;
}
#app .inventory-main-card .inventory-price-labels b,
#app .inventory-main-card .inventory-price-values strong{
  font-size:13px;
  line-height:1.15;
  font-weight:850;
}
#app .inventory-main-card .inventory-price-labels b{
  color:#59615d;
  letter-spacing:0;
}
#app .inventory-main-card .inventory-price-values{
  justify-items:end;
  text-align:right;
}
#app .inventory-main-card .inventory-price-values strong{
  color:#172033;
}
#app .inventory-main-card .inventory-card-notes{
  margin-top:9px;
  border-top:1px solid #d7e0da;
  border-bottom:1px solid #d7e0da;
}
#app .inventory-main-card .inventory-card-notes>summary{
  min-height:58px;
  padding:9px 24px 9px 0;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:10px;
  align-items:center;
  position:relative;
  list-style:none;
  cursor:pointer;
}
#app .inventory-main-card .inventory-card-notes>summary::-webkit-details-marker{display:none}
#app .inventory-main-card .inventory-card-notes>summary span,
#app .inventory-main-card .inventory-card-notes>summary strong,
#app .inventory-main-card .inventory-card-note-row{
  font-size:13px;
  line-height:1.25;
}
#app .inventory-main-card .inventory-card-notes>summary span{
  color:#374151;
  font-weight:850;
  letter-spacing:0;
}
#app .inventory-main-card .inventory-card-notes>summary strong{
  color:#5f6964;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#app .inventory-main-card .inventory-card-notes>summary i{
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  font-style:normal;
  font-size:13px;
  font-weight:900;
  color:#626b66;
}
#app .inventory-main-card .inventory-card-notes[open]>summary i{transform:translateY(-50%) rotate(180deg)}
#app .inventory-main-card .inventory-card-notes-history{padding:0 0 9px;display:grid;gap:6px;}
#app .inventory-main-card .inventory-card-note-row{
  padding:8px 9px;
  border:1px solid #d9dddb;
  border-radius:8px;
  background:#f8f9f8;
  color:#4e5752;
  font-weight:850;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
#app .inventory-main-card .inventory-card-note-row.empty{color:#7d8581;}
#app .inventory-main-card .inventory-card-cart{font-size:13.5px}
#app .inventory-main-card .inventory-main-meta{font-size:11px}
#app .inventory-main-card .inventory-card-money span,
#app .inventory-main-card .inventory-latest-note span{font-size:10px}
#app .inventory-main-card .inventory-card-money strong{font-size:16px}
#app .inventory-main-card .inventory-latest-note strong{font-size:13.5px}

/* Preserve Inventory's existing owner/status functions; use the same familiar light control geometry. */
#app .inventory-main-card .inventory-owner-select select,
#app .inventory-main-card .inventory-main-status{
  min-height:42px;
  margin:0;
  padding:8px 20px 8px 9px;
  border:1px solid #c9d8cf;
  border-top:3px solid var(--wf-inventory-accent);
  border-radius:9px;
  background:#fff;
  color:var(--wf-inventory-ink);
  font-size:12px;
  font-weight:900;
  box-shadow:none;
}
#app .inventory-main-card .inventory-main-status{
  padding-right:9px;
  text-transform:none;
  letter-spacing:0;
}

/* Inventory card actions keep their existing functions/layout, but use the soft green hierarchy. */
#app .inventory-main-card .inventory-road-actions a,
#app .inventory-main-card .inventory-road-actions button,
#app .inventory-main-card .inventory-main-actions button.secondary{
  min-height:44px;
  border:1px solid #c7d2cc;
  border-radius:9px;
  background:#fff;
  color:var(--wf-inventory-ink);
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}
#app .inventory-main-card .inventory-main-actions button.primary{
  min-height:44px;
  border:1px solid #b9d0c1;
  border-radius:9px;
  background:#eef6f1;
  color:var(--wf-inventory-ink);
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}

/* Quick Inventory cost/note editors use the same light, iPhone-friendly form system. */
#app .inventory-main-card .inventory-editor,
#app .inventory-detail .inventory-editor{
  border-color:#d4e0d8;
  background:#fbfdfb;
}
#app .inventory-main-card .inventory-editor input,
#app .inventory-main-card .inventory-editor select,
#app .inventory-main-card .inventory-editor textarea,
#app .inventory-detail .inventory-editor input,
#app .inventory-detail .inventory-editor select,
#app .inventory-detail .inventory-editor textarea{
  min-height:44px;
  border:1px solid #cfdcd4;
  border-radius:9px;
  background:#fff;
  color:#2f332f;
  -webkit-text-fill-color:#2f332f;
  font-size:16px;
  box-shadow:none;
}
#app .inventory-main-card .inventory-editor textarea,
#app .inventory-detail .inventory-editor textarea{min-height:72px}

#app .inventory-main-card .inventory-editor-actions .primary,
#app .inventory-main-card .cost-save-actions .primary,
#app .inventory-detail .inventory-editor-actions .primary,
#app .inventory-detail .cost-save-actions .primary,
#app .inventory-detail button.primary{
  min-height:44px;
  border:1px solid #b9d0c1;
  background:#eef6f1;
  color:var(--wf-inventory-ink);
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}
#app .inventory-main-card .inventory-editor-actions .secondary,
#app .inventory-main-card .cost-save-actions .secondary,
#app .inventory-detail .inventory-editor-actions .secondary,
#app .inventory-detail .cost-save-actions .secondary,
#app .inventory-detail button.secondary{
  min-height:44px;
  border:1px solid #c7d2cc;
  background:#fff;
  color:var(--wf-inventory-ink);
  font-size:13px;
  font-weight:850;
  box-shadow:none;
}

/* Cost editor parity with Lithium/Repair: Notes and final submit use the full available width. */
#app .inventory-main-card .inventory-editor .inventory-form-grid .wide,
#app .inventory-detail [data-cost-form] .inventory-form-grid .wide{
  grid-column:1 / -1;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
#app .inventory-main-card .inventory-editor .inventory-form-grid .wide textarea,
#app .inventory-detail [data-cost-form] .inventory-form-grid .wide textarea{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}
#app .inventory-main-card .cost-save-actions,
#app .inventory-detail [data-cost-form] .cost-save-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
#app .inventory-main-card .cost-save-actions [data-cost-save-mode="submit"],
#app .inventory-detail [data-cost-form] .cost-save-actions [data-cost-save-mode="submit"]{
  grid-column:1 / -1;
  width:100%;
}

/* Inventory detail level: same calm green identity, no dark action blocks. */
#app .inventory-detail .inventory-detail-hero{
  background:#f8fbf9;
  border-color:#d3dfd7;
  border-left:4px solid var(--wf-inventory-accent);
}
#app .inventory-detail .inventory-quick select{
  min-height:44px;
  border:1px solid #cfdcd4;
  border-radius:9px;
  background:#fff;
  color:var(--wf-inventory-ink);
  -webkit-text-fill-color:var(--wf-inventory-ink);
  font-size:16px;
  box-shadow:none;
}
#app .inventory-detail .inventory-section-head{
  color:var(--wf-inventory-ink);
  background:#fff;
}
#app .inventory-detail .inventory-section{
  border-color:#d7e1da;
  border-radius:12px;
  box-shadow:none;
}

/* 2026-10-02 — Buyer final parity: blue workflow identity and iPhone-readable type */
#app .buyers-screen .buyers-heading{
  font-size:16px;
  line-height:1.2;
  color:#285f8d;
}
#app .buyers-screen .buyers-filter-btn{
  min-height:48px;
  font-size:14px;
  border-radius:11px;
}
#app .buyers-screen .buyers-filter-btn strong{font-size:13px}
#app .job-list-card.buyer .job-list-card-name{font-size:19px;line-height:1.15}
#app .job-list-card.buyer .job-list-card-contact{font-size:13.5px;line-height:1.25}
#app .job-list-card.buyer .job-list-ops-grid span,
#app .job-list-card.buyer .job-list-latest-note span{font-size:10px}
#app .job-list-card.buyer .job-list-ops-grid strong,
#app .job-list-card.buyer .job-list-latest-note strong{font-size:13.5px}
#app .job-list-card.buyer .job-list-contact-actions a,
#app .job-list-card.buyer .job-list-contact-actions button{
  min-height:46px;
  font-size:14px;
  background:#fff;
  color:#285f8d;
  border-color:#b8cfe2;
}
#app .buyer-type-control select,
#app .buyer-type-control.buyer-terminal-badge{
  min-height:46px;
  font-size:14px;
  color:#285f8d;
  border-color:#b8cfe2;
  border-top-color:#4d86b8;
  background:#fff;
}
#app .buyer-note-composer button,
#app .buyer-note-composer button.primary{
  min-height:46px;
  font-size:14px;
  border:1px solid #b8cfe2;
  background:#fff;
  color:#285f8d;
}
#app .buyer-note-composer button.primary{background:#eef6fd}

/* Buyer Details / Cart Type sheet: same soft system, blue rather than green/gold. */
#app .buyer-picker-overlay{background:rgba(16,28,22,.42)}
#app .buyer-picker-modal{
  background:#f7fbff;
  border:1px solid #cbddeb;
  border-radius:16px 16px 0 0;
  padding:14px;
}
#app .buyer-picker-head{
  padding:2px 0 12px;
  margin-bottom:12px;
  border-bottom:1px solid #d5e2ec;
}
#app .buyer-picker-head strong{
  color:#285f8d;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}
#app .buyer-picker-head small{
  color:#687683;
  font-size:13px;
}
#app .buyer-type-select>span,
#app .buyer-profile-grid label>span{
  color:#66737f;
  font-size:11px;
  line-height:1.2;
}
#app .buyer-picker-modal .buyer-type-select select{
  min-height:48px;
  padding:11px 42px 11px 12px;
  border:1px solid #b8cfe2;
  border-top:3px solid #4d86b8;
  border-radius:11px;
  background:#fff;
  color:#285f8d;
  -webkit-text-fill-color:#285f8d;
  font-size:16px;
  font-weight:850;
  box-shadow:none;
}
#app .buyer-cart-grid{gap:10px;margin-top:10px;margin-bottom:12px}
#app .buyer-picker-modal .buyer-cart-card{
  min-height:104px;
  padding:10px;
  border:1px solid #cbddeb;
  border-radius:12px;
  background:#fff;
  color:#1f2937;
  box-shadow:none;
}
#app .buyer-picker-modal .buyer-cart-card.selected{
  border:2px solid #4d86b8;
  background:#eef6fd;
  box-shadow:inset 0 0 0 1px rgba(77,134,184,.08);
}
#app .buyer-picker-modal .buyer-cart-check{background:#4d86b8}
#app .buyer-picker-modal .buyer-cart-copy strong{font-size:15px;line-height:1.2}
#app .buyer-picker-modal .buyer-cart-copy small{font-size:12px;color:#687683}
#app .buyer-picker-modal .buyer-cart-copy span{font-size:13px;color:#285f8d}
#app .buyer-picker-modal .buyer-cart-copy em{
  background:#e9f3fc;
  border-color:#b8cfe2;
  color:#285f8d;
}
#app .buyer-profile-grid{gap:10px;border-top-color:#d5e2ec}
#app .buyer-profile-grid input,
#app .buyer-profile-grid select,
#app .buyer-profile-grid textarea{
  min-height:48px;
  padding:11px 12px;
  border:1px solid #c7d2cc;
  border-radius:10px;
  background:#fff;
  color:#1f2937;
  -webkit-text-fill-color:#1f2937;
  font-size:16px;
  box-shadow:none;
}
#app .buyer-profile-grid textarea{min-height:96px}
#app .buyer-team-note-panel{background:rgba(255,255,255,.72);border-top-color:#d5e2ec}
#app .buyer-team-note-head button,
#app .buyer-detail-note-form button,
#app .buyer-detail-note-form button.primary{
  min-height:44px;
  border:1px solid #b8cfe2;
  background:#fff;
  color:#285f8d;
  font-size:14px;
  box-shadow:none;
}
#app .buyer-detail-note-form button.primary{background:#eef6fd}
#app .buyer-picker-foot{
  background:#f7fbff;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
#app .buyer-picker-foot button,
#app .buyer-picker-foot button.secondary,
#app .buyer-picker-foot button.primary{
  min-height:48px;
  border:1px solid #b8cfe2;
  border-radius:10px;
  background:#fff;
  color:#285f8d;
  -webkit-text-fill-color:#285f8d;
  font-size:16px;
  font-weight:900;
  box-shadow:none;
}
#app .buyer-picker-foot button.primary{background:#eef6fd;border-color:#8fb4d2}

@media (min-width:701px){
  #app .buyer-picker-modal{border-radius:16px}
}

/* 2026-10-02 — Buyer Details final mobile parity. Overlay is mounted on body, not inside #app. */
.buyer-picker-overlay{background:rgba(16,28,22,.42)}
.buyer-picker-modal{
  background:#f7fbff;
  border:1px solid #cbddeb;
  box-shadow:0 -8px 28px rgba(0,0,0,.14);
}
.buyer-picker-head{padding:2px 0 12px;border-bottom:1px solid #d5e2ec;margin-bottom:12px}
.buyer-picker-head strong{font-size:18px;line-height:1.2;color:#285f8d;font-weight:900}
.buyer-type-select>span,.buyer-profile-grid label>span{font-size:12px;line-height:1.2;color:#66737f;font-weight:900}
.buyer-type-select select{
  min-height:50px;
  border:1px solid #b8cfe2;
  border-top:3px solid #4d86b8;
  border-radius:11px;
  background:#fff;
  color:#285f8d;
  -webkit-text-fill-color:#285f8d;
  font-size:17px;
  font-weight:850;
}
.buyer-cart-grid{gap:10px;margin-top:10px;margin-bottom:12px}
.buyer-cart-card{min-height:104px;border:1px solid #cbddeb;border-radius:12px;background:#fff;box-shadow:none}
.buyer-cart-card.selected{border:2px solid #4d86b8;background:#eef6fd;box-shadow:inset 0 0 0 1px rgba(77,134,184,.08)}
.buyer-cart-check{background:#4d86b8}
.buyer-cart-copy strong{font-size:16px;line-height:1.2}
.buyer-cart-copy small{font-size:12px;color:#687683}
.buyer-cart-copy span{font-size:14px;color:#285f8d}
.buyer-cart-copy em{background:#e9f3fc;border-color:#b8cfe2;color:#285f8d}
.buyer-profile-grid{gap:11px;border-top-color:#d5e2ec}
.buyer-profile-grid input,.buyer-profile-grid select,.buyer-profile-grid textarea{
  min-height:50px;
  padding:11px 12px;
  border:1px solid #b8cfe2;
  border-radius:10px;
  background:#fff;
  color:#1f2937;
  -webkit-text-fill-color:#1f2937;
  font-size:17px;
  box-shadow:none;
}
.buyer-profile-grid textarea{min-height:100px;width:100%;box-sizing:border-box}
.buyer-profile-grid .buyer-looking-field textarea{min-height:86px}
.buyer-profile-grid .buyer-notes-field textarea{min-height:120px}
.buyer-team-note-panel{background:rgba(255,255,255,.72);border-top-color:#d5e2ec}
.buyer-team-note-head button,.buyer-detail-note-form button,.buyer-detail-note-form button.primary{
  min-height:46px;
  background:#fff;
  border:1px solid #b8cfe2;
  color:#285f8d;
  font-size:15px;
}
.buyer-detail-note-form button.primary{background:#eef6fd}
.buyer-picker-foot{background:#f7fbff;grid-template-columns:1fr 1fr;gap:8px}
.buyer-picker-foot button,.buyer-picker-foot button.secondary,.buyer-picker-foot button.primary{
  min-height:50px;
  border-radius:10px;
  border:1px solid #8fb4d2;
  background:#fff;
  color:#285f8d;
  -webkit-text-fill-color:#285f8d;
  font-size:16px;
  font-weight:900;
  box-shadow:none;
}
.buyer-picker-foot button.primary{background:#eef6fd}

/* Add Cost remains an Inventory cost action even when the Buyer has no linked cart yet.
   The picker uses Buyer blue only as a small workflow identity accent; operational controls stay neutral. */
.buyer-cost-picker-overlay{position:fixed;inset:0;z-index:1100;background:rgba(25,31,29,.38);display:flex;align-items:flex-end;justify-content:center;padding:0}
.buyer-cost-picker{position:relative;width:100%;max-width:680px;max-height:82dvh;overflow:auto;background:#fff;border:1px solid #d6dbd8;border-radius:16px 16px 0 0;padding:14px 14px 16px;box-shadow:0 -8px 28px rgba(0,0,0,.14)}
.buyer-cost-picker:before{content:"";position:absolute;left:0;top:18px;width:5px;height:28px;border-radius:0 4px 4px 0;background:#4d8fc2}
.buyer-cost-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 0 11px 10px;margin-bottom:10px;border-bottom:1px solid #d9dddb}
.buyer-cost-picker-head strong{font-size:17px;color:#26322e;font-weight:900;line-height:1.2}.buyer-cost-picker-head span{font-size:11px;color:#7a817e;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.buyer-cost-picker-list{display:grid;gap:8px}.buyer-cost-picker-list button{width:100%;min-height:60px;padding:10px 12px;text-align:left;border:1px solid #cfd5d2;border-radius:10px;background:#f7f8f7;color:#26322e;box-shadow:none}.buyer-cost-picker-list button:active{background:#ecefed}.buyer-cost-picker-list button strong{display:block;font-size:16px;color:#26322e}.buyer-cost-picker-list button small{display:block;margin-top:3px;font-size:12px;color:#737c78}
.buyer-cost-picker-cancel{width:100%;min-height:48px;margin-top:10px;border:1px solid #c9cfcc;border-radius:10px;background:#f1f3f2;color:#4b5350;font-size:16px;font-weight:850;box-shadow:none}.buyer-cost-picker-cancel:active{background:#e7eae8}
@media(min-width:701px){.buyer-cost-picker-overlay{align-items:center;padding:24px}.buyer-cost-picker{border-radius:16px}}

/* 2026-10-02 — Buyer Details alignment cleanup: mirror the established soft workflow theme. */
body .buyer-picker-modal{
  background:#fbfdff;
  border:1px solid #cbddeb;
  padding:14px 16px 12px;
}
body .buyer-picker-head{
  margin:0 0 12px;
  padding:0 0 12px;
  border-bottom:1px solid #d9e4ec;
}
body .buyer-picker-head strong{
  color:#285f8d;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}
body .buyer-type-select{
  display:grid;
  gap:6px;
  margin:0 0 10px;
}
body .buyer-type-select>span{
  margin:0;
  font-size:11px;
  line-height:1.2;
  color:#66737f;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
}
body .buyer-type-select select{
  width:100%;
  min-height:50px;
  margin:0;
  padding:11px 42px 11px 12px;
  border:1px solid #b8cfe2;
  border-top:1px solid #b8cfe2;
  border-radius:10px;
  background:#fff;
  color:#285f8d;
  -webkit-text-fill-color:#285f8d;
  font-size:17px;
  font-weight:850;
  box-shadow:none;
}
body .buyer-cart-grid{
  display:grid;
  gap:10px;
  margin:0 0 12px;
}
body .buyer-cart-card{
  min-height:104px;
  padding:10px;
  border:1px solid #cbddeb;
  border-radius:11px;
  background:#fff;
  box-shadow:none;
}
body .buyer-cart-card.selected{
  border:1px solid #8fb4d2;
  background:#eef6fd;
  box-shadow:inset 0 0 0 1px rgba(77,134,184,.06);
}
body .buyer-cart-copy strong{font-size:15px;line-height:1.2;color:#1f2937}
body .buyer-cart-copy small{font-size:12px;line-height:1.2;color:#687683}
body .buyer-cart-copy span{font-size:13px;line-height:1.2;color:#285f8d}
body .buyer-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 12px;
  padding-top:12px;
  border-top:1px solid #d9e4ec;
}
body .buyer-profile-grid label{margin:0;min-width:0}
body .buyer-profile-grid label>span{
  display:block;
  margin:0 0 5px;
  font-size:11px;
  line-height:1.2;
  color:#66737f;
  font-weight:900;
  text-transform:uppercase;
}
body .buyer-profile-grid input,
body .buyer-profile-grid select,
body .buyer-profile-grid textarea{
  width:100%;
  min-height:50px;
  padding:11px 12px;
  border:1px solid #b8cfe2;
  border-radius:10px;
  background:#fff;
  color:#1f2937;
  -webkit-text-fill-color:#1f2937;
  font-size:16px;
  line-height:1.25;
  box-shadow:none;
  box-sizing:border-box;
}
body .buyer-profile-grid input[type="date"]{display:block;inline-size:100%;width:100%;max-inline-size:100%;max-width:100%;min-inline-size:0;min-width:0;height:50px;min-height:50px;max-height:50px;box-sizing:border-box;margin:0;text-align:center;-webkit-appearance:none;appearance:none}
body .buyer-profile-grid input[type="date"]::-webkit-date-and-time-value{width:100%;margin:0;text-align:center}
body .buyer-profile-grid .wide{grid-column:1/-1}
body .buyer-profile-grid textarea{min-height:96px;resize:vertical}
body .buyer-profile-grid .buyer-looking-field textarea{min-height:86px}
body .buyer-profile-grid .buyer-notes-field textarea{min-height:118px}
body .buyer-picker-foot{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
  padding:10px 0 2px;
  background:#fbfdff;
  border-top:1px solid #e1eaf0;
}
body .buyer-picker-foot button,
body .buyer-picker-foot button.secondary,
body .buyer-picker-foot button.primary{
  min-height:48px;
  margin:0;
  border:1px solid #8fb4d2;
  border-radius:9px;
  background:#fff;
  color:#285f8d;
  -webkit-text-fill-color:#285f8d;
  font-size:16px;
  font-weight:900;
  box-shadow:none;
}
body .buyer-picker-foot button.primary{background:#eef6fd}

@media(max-width:700px){
  body .buyer-picker-modal{padding:14px 14px 12px;border-radius:16px 16px 0 0}
  body .buyer-profile-grid{grid-template-columns:1fr 1fr;gap:10px}
}

/* 2026-10-02 — Unified workflow action treatment.
   Workflow identity stays on card borders/titles/type controls.
   Action buttons inside cards/editors are intentionally neutral soft gray. */
#app .job-list-card .job-list-contact-actions a,
#app .job-list-card .job-list-contact-actions button,
#app .job-list-card .job-note-composer button,
#app .job-list-card .cost-save-actions button,
#app .job-list-card .job-list-cost-editor button,
#app .job-list-card.buyer .buyer-note-composer button,
#app .inventory-main-card .inventory-road-actions a,
#app .inventory-main-card .inventory-road-actions button,
#app .inventory-main-card .inventory-main-actions button,
#app .inventory-main-card .inventory-editor-actions button,
#app .inventory-main-card .cost-save-actions button,
#app .inventory-main-card .inventory-quick-note button{
  background:#f4f5f4;
  border-color:#c8cfcb;
  color:#4b5550;
  box-shadow:none;
  -webkit-text-fill-color:#4b5550;
}

/* Primary save actions are still easy to find, but never become dark green
   or workflow-colored blocks inside the card. */
#app .job-list-card .job-note-composer button.primary,
#app .job-list-card .cost-save-actions button.primary,
#app .job-list-card .job-list-cost-editor button.primary,
#app .job-list-card.buyer .buyer-note-composer button.primary,
#app .inventory-main-card .inventory-main-actions button.primary,
#app .inventory-main-card .inventory-editor-actions button.primary,
#app .inventory-main-card .cost-save-actions button.primary,
#app .inventory-main-card .inventory-quick-note button.primary{
  background:#eceeed;
  border-color:#bfc7c3;
  color:#3f4844;
  -webkit-text-fill-color:#3f4844;
}

/* 2026-10-02 — Work-detail interior neutralization.
   Workflow identity remains ONLY on the hero edge/type placard. Everything
   inside Repair/Lithium detail uses the shared neutral gray action language. */
#app .work-detail-shell .work-detail-disclosure-head,
#app .work-detail-shell .work-more-heading,
#app .work-detail-shell .work-detail-section-title,
#app .work-detail-shell .work-detail-inline-label,
#app .work-detail-shell .inspection-required-title,
#app .work-detail-shell .reputation-title,
#app .work-detail-shell .transport-v2-grid label span,
#app .work-detail-shell .transport-v2-charge span,
#app .work-detail-shell .work-core-edit-form label span,
#app .work-detail-shell .work-detail-info-grid label span,
#app .work-detail-shell .work-detail-long span{
  color:#59615d;
  -webkit-text-fill-color:#59615d;
}

#app .work-detail-shell .work-more-group,
#app .work-detail-shell .work-detail-disclosure-body,
#app .work-detail-shell [data-work-cost-form],
#app .work-detail-shell .inspection-email-composer,
#app .work-detail-shell .review-composer,
#app .work-detail-shell .transport-v2-kpis>div,
#app .work-detail-shell .work-cost-total{
  border-color:#d7dcda;
}

#app .work-detail-shell .work-more-group,
#app .work-detail-shell [data-work-cost-form],
#app .work-detail-shell .transport-v2-kpis>div,
#app .work-detail-shell .work-cost-total{
  background:#f7f8f7;
}

#app .work-detail-shell .work-core-edit-form input,
#app .work-detail-shell .work-core-edit-form select,
#app .work-detail-shell [data-work-cost-form] input,
#app .work-detail-shell [data-work-cost-form] select,
#app .work-detail-shell [data-work-cost-form] textarea,
#app .work-detail-shell .work-note-entry textarea,
#app .work-detail-shell .work-note-edit-textarea,
#app .work-detail-shell .inspection-email-composer input,
#app .work-detail-shell .inspection-email-composer textarea,
#app .work-detail-shell .review-composer input,
#app .work-detail-shell .review-composer textarea,
#app .work-detail-shell .transport-v2 input,
#app .work-detail-shell .transport-v2 select,
#app .work-detail-shell .transport-v2 textarea{
  border-color:#cbd1ce;
  background:#fff;
  color:#303733;
  -webkit-text-fill-color:#303733;
  box-shadow:none;
}

#app .work-detail-shell select:not([multiple]):not([size]){
  -webkit-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%2359615d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
  padding-right:36px;
}

/* All interior actions are soft gray, regardless of Repair/Lithium identity. */
#app .work-detail-shell .work-detail-contact-actions a,
#app .work-detail-shell .work-detail-contact-actions button,
#app .work-detail-shell .work-core-edit-form button,
#app .work-detail-shell .work-note-save,
#app .work-detail-shell .work-note-update,
#app .work-detail-shell .work-note-update-menu button,
#app .work-detail-shell .inspection-panel-v2 button,
#app .work-detail-shell .inspection-more button,
#app .work-detail-shell .inspection-more a,
#app .work-detail-shell .reputation-primary-actions button,
#app .work-detail-shell .review-actions button,
#app .work-detail-shell a.review-button-link,
#app .work-detail-shell .transport-v2-actions button,
#app .work-detail-shell .attachments-panel button,
#app .work-detail-shell [data-add-work-cost],
#app .work-detail-shell [data-work-cost-form] button,
#app .work-detail-shell .cost-save-actions button{
  background:#f3f4f3;
  border-color:#c8cecb;
  color:#4b5350;
  -webkit-text-fill-color:#4b5350;
  box-shadow:none;
}

#app .work-detail-shell .work-detail-contact-actions a:active,
#app .work-detail-shell .work-detail-contact-actions button:active,
#app .work-detail-shell .work-core-edit-form button:active,
#app .work-detail-shell .inspection-panel-v2 button:active,
#app .work-detail-shell .reputation-primary-actions button:active,
#app .work-detail-shell .transport-v2-actions button:active,
#app .work-detail-shell .attachments-panel button:active,
#app .work-detail-shell [data-add-work-cost]:active,
#app .work-detail-shell [data-work-cost-form] button:active{
  background:#e9ebea;
}

#app .work-detail-shell .work-cost-total strong,
#app .work-detail-shell .inspection-score,
#app .work-detail-shell .review-state,
#app .work-detail-shell .review-state.requested,
#app .work-detail-shell .inspection-status,
#app .work-detail-shell .inspection-status.sent{
  color:#4b5350;
  -webkit-text-fill-color:#4b5350;
}

/* Keep semantic copy readable but visually quiet inside the neutral interior. */
#app .work-detail-shell .inspection-dot,
#app .work-detail-shell .inspection-required-title.complete .inspection-dot{
  background:#8b9490;
}

/* Preserve ONLY the workflow identity pieces. */
#app .work-detail-shell.type-repair .work-detail-hero{
  border-left-color:var(--wf-repair-accent);
}
#app .work-detail-shell.type-lithium .work-detail-hero{
  border-left-color:var(--wf-lithium-accent);
}
#app .work-detail-shell.type-repair .work-detail-type.repair{
  background:#fff1ef;
  border-color:#e3b7b2;
  color:var(--wf-repair-ink);
  -webkit-text-fill-color:var(--wf-repair-ink);
}
#app .work-detail-shell.type-lithium .work-detail-type.lithium{
  background:#fff8e8;
  border-color:#e6dcc0;
  color:var(--wf-lithium-ink);
  -webkit-text-fill-color:var(--wf-lithium-ink);
}


/* 2026-10-02 — Buyer Add Cost cart selector refinement.
   This is a short routing step into the Inventory cost editor, not a separate workflow. */
.buyer-cost-picker{max-width:620px;padding:12px 14px 14px}
.buyer-cost-picker:before{top:17px;height:24px;width:4px}
.buyer-cost-picker-head{align-items:flex-start;padding:1px 0 10px 10px;margin-bottom:8px}
.buyer-cost-picker-head>div{display:grid;gap:2px;min-width:0}
.buyer-cost-picker-head strong{font-size:16px;color:#26322e}
.buyer-cost-picker-head small{display:block;margin:0;color:#747d79;font-size:11px;line-height:1.3;font-weight:650}
.buyer-cost-picker-head>span{padding-top:2px;font-size:10px;color:#7a817e}
.buyer-cost-picker-list{gap:7px}
.buyer-cost-picker-list button{min-height:54px;padding:9px 11px;border-radius:9px;background:#f7f8f7}
.buyer-cost-picker-list button strong{font-size:15px}
.buyer-cost-picker-list button small{font-size:11px}
.buyer-cost-picker-cancel{min-height:44px;margin-top:8px;font-size:15px}

/* 2026-10-02 — Canonical card / control parity pass.
   Directory cards and My Day now share one typography, spacing and dropdown geometry.
   Workflow color remains identity-only; operational controls stay neutral. */
#app .job-list-card,
#app .job-list-card.buyer,
#app .work-card{
  padding:14px;
  border-radius:var(--wf-card-radius);
  box-shadow:var(--wf-shadow);
}

/* Primary card typography is intentionally identical across Buyer, Repair,
   Lithium and My Day. */
#app .job-list-card .job-list-card-name,
#app .job-list-card.buyer .job-list-card-name,
#app .work-card .work-name{
  font-family:Arial,Helvetica,sans-serif;
  font-size:19px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.01em;
  color:#1f2937;
}
#app .job-list-card .job-list-card-contact,
#app .job-list-card.buyer .job-list-card-contact,
#app .work-card .work-contact{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13.5px;
  font-weight:750;
  line-height:1.25;
  color:#5f6b65;
}
#app .job-list-card .job-list-card-cart,
#app .work-card .work-cart{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:750;
  line-height:1.25;
  color:#59665f;
}

/* Directory filter boxes use one footprint and font. */
#app .job-entry-filter-btn,
#app .buyers-filter-btn,
#app .inventory-view-filter{
  min-height:46px;
  padding:8px 10px;
  border-radius:11px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:850;
  line-height:1.1;
}
#app .job-entry-filter-btn strong,
#app .buyers-filter-btn strong,
#app .inventory-view-filter strong{
  font-size:13px;
  font-weight:900;
}

/* Top-right card controls share the same physical control system.
   Accent color changes by workflow, geometry and type do not. */
#app .job-list-card .job-list-card-tech,
#app .job-list-card .job-list-card-terminal,
#app .buyer-type-control select,
#app .buyer-type-control.buyer-terminal-badge,
#app .work-card .type-badge{
  position:relative;
  box-sizing:border-box;
  min-width:116px;
  max-width:none;
  min-height:44px;
  height:44px;
  margin:0;
  padding:8px 28px 8px 11px;
  border-width:1px;
  border-top-width:3px;
  border-radius:var(--wf-control-radius);
  background:#fff;
  box-shadow:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:850;
  line-height:1.1;
  letter-spacing:0;
  text-align:center;
  justify-content:center;
  align-items:center;
  white-space:nowrap;
}
#app .job-list-card .job-list-card-tech,
#app .job-list-card .job-list-card-terminal{
  display:flex;
  color:#374151;
}
#app .job-list-card .job-list-card-tech strong,
#app .job-list-card .job-list-card-terminal strong{
  color:#374151;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:850;
  line-height:1.1;
  text-align:center;
}
#app .job-list-card.lithium .job-list-card-tech,
#app .job-list-card.lithium .job-list-card-terminal{
  border-color:#d9cfb1;
  border-top-color:var(--wf-lithium-accent);
}
#app .job-list-card.repair .job-list-card-tech,
#app .job-list-card.repair .job-list-card-terminal{
  border-color:#e1c6c3;
  border-top-color:var(--wf-repair-accent);
}
#app .buyer-type-control{min-width:116px;max-width:none}
#app .buyer-type-control select,
#app .buyer-type-control.buyer-terminal-badge{
  border-color:#b8cfe2;
  border-top-color:var(--wf-buyer-accent);
  color:#374151;
  -webkit-text-fill-color:#374151;
}
#app .work-card .type-badge{
  display:inline-flex;
  text-transform:uppercase;
}
#app .work-card .type-badge.lead{border-color:#d2d9d5;border-top-color:#87938c;color:#45524b}
#app .work-card .type-badge.repair{border-color:#e1c6c3;border-top-color:var(--wf-repair-accent);color:var(--wf-repair-ink)}
#app .work-card .type-badge.lithium{border-color:#d9cfb1;border-top-color:var(--wf-lithium-accent);color:var(--wf-lithium-ink)}
#app .work-card .type-badge.buyer{border-color:#b8cfe2;border-top-color:var(--wf-buyer-accent);color:var(--wf-buyer-ink)}
#app .work-card .type-badge .chev,
#app .job-list-card .job-list-card-tech::after{
  font-size:11px;
  font-weight:900;
  line-height:1;
}

/* Card action buttons use the same font and height across list screens and My Day. */
#app .job-list-card .job-list-contact-actions a,
#app .job-list-card .job-list-contact-actions button,
#app .job-list-card.buyer .job-list-contact-actions a,
#app .job-list-card.buyer .job-list-contact-actions button,
#app .work-card .card-actions a,
#app .work-card .card-actions button{
  min-height:46px;
  border-radius:var(--wf-control-radius);
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:750;
  line-height:1.1;
}

/* Floating dropdown menus also share one menu typography/shape. */
#app .job-list-tech-picker,
#app .work-card .card-menu{
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,41,55,.13);
}
#app .job-list-tech-menu button,
#app .work-card .card-menu button{
  min-height:42px;
  padding:9px 10px;
  border-radius:7px;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:750;
  line-height:1.15;
  text-align:left;
}


/* Patch 2H — canonical operational cost editor (Lithium / Repair / Inventory). */
#app .operational-cost-editor{
  --cost-accent:#7b8580;
  display:grid;
  gap:10px;
  margin:8px 0;
  padding:12px;
  border:1px solid #d3d9d6;
  border-left:4px solid var(--cost-accent);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}
#app .operational-cost-editor.module-lithium{--cost-accent:#d2ae39}
#app .operational-cost-editor.module-repair{--cost-accent:#df817d}
#app .operational-cost-editor.module-inventory{--cost-accent:#78a388}
#app .operational-cost-editor .operational-cost-editor-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:30px;margin:0;padding:0 0 9px;border-bottom:1px solid #d9dddb}
#app .operational-cost-editor .operational-cost-editor-head strong{color:#26322e;font-size:16px;font-weight:900;line-height:1.2}
#app .operational-cost-editor .operational-cost-editor-head span{color:#748078;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
#app .operational-cost-editor .operational-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
#app .operational-cost-editor .operational-cost-grid>label{min-width:0;margin:0;padding:8px;border:1px solid #d4dad7;border-radius:10px;background:#f3f4f3;color:#59615d;font-size:11px;line-height:1.15;font-weight:850}
#app .operational-cost-editor .operational-cost-grid>label>span{display:block;margin:0 0 3px}
#app .operational-cost-editor .operational-cost-grid>label.operational-cost-wide{grid-column:1/-1}
#app .operational-cost-editor input,#app .operational-cost-editor select,#app .operational-cost-editor textarea{width:100%;min-width:0;box-sizing:border-box;min-height:44px;margin:0;padding:9px 10px;border:1px solid #cbd1ce;border-radius:9px;background:#fff;color:#303733;-webkit-text-fill-color:#303733;box-shadow:none;font-size:16px}
#app .operational-cost-editor textarea{min-height:78px;resize:vertical}
#app .operational-cost-editor .operational-cost-total{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:0;padding:10px 11px;border:1px solid #d4dad7;border-radius:10px;background:#f7f8f7}
#app .operational-cost-editor .operational-cost-total span{color:#59615d;font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
#app .operational-cost-editor .operational-cost-total strong{color:#303733;font-size:15px;font-weight:900}
#app .operational-cost-editor .cost-receipt-controls{margin:0;border-color:#d4dad7;background:#f7f8f7}
#app .operational-cost-editor .cost-receipt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#app .operational-cost-editor .cost-receipt-actions button,#app .operational-cost-editor .cost-receipt-row a,#app .operational-cost-editor .cost-receipt-row button{min-height:44px;border-radius:9px;background:#f1f3f2;color:#4b5350;-webkit-text-fill-color:#4b5350;border:1px solid #c9cfcc;box-shadow:none;font-weight:850}
#app .operational-cost-editor .operational-cost-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:2px 0 0}
#app .operational-cost-editor .operational-cost-actions button{width:100%;min-height:46px;margin:0;border-radius:9px;box-shadow:none;font-weight:850}
#app .operational-cost-editor .operational-cost-actions .cost-save-main{background:#eef1ef;color:#303733;-webkit-text-fill-color:#303733;border:1px solid var(--cost-accent)}
#app .operational-cost-editor .operational-cost-actions .cost-submit-receipt{background:#fff;color:#4b5350;-webkit-text-fill-color:#4b5350;border:1px solid #c8cecb}
#app .operational-cost-editor .operational-cost-actions .cost-submit-receipt:disabled{opacity:.48;background:#f5f6f5;color:#7c8580;-webkit-text-fill-color:#7c8580;cursor:not-allowed}
#app .operational-cost-editor .operational-cost-actions .cost-cancel{background:#f5f6f5;color:#59615d;-webkit-text-fill-color:#59615d;border:1px solid #d2d7d4}
#app .cost-ledger-locked-note{margin:6px 0 8px;padding:9px 10px;border:1px solid #d8ddda;border-radius:9px;background:#f5f6f5;color:#68716c;font-size:12px;font-weight:750}
@media(max-width:720px){
  #app .operational-cost-editor{padding:10px;gap:9px}
  #app .operational-cost-editor .operational-cost-grid{grid-template-columns:1fr;gap:7px}
  #app .operational-cost-editor .operational-cost-grid>label,#app .operational-cost-editor .operational-cost-grid>label.operational-cost-wide{grid-column:1;padding:7px 8px}
  #app .operational-cost-editor .cost-receipt-actions{grid-template-columns:1fr 1fr}
}


/* PATCH 2I — shared operational cost action flow */
#app .operational-cost-editor .cost-receipt-submit-row{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
#app .operational-cost-editor .cost-receipt-submit-row[hidden]{display:none}
#app .operational-cost-editor .cost-receipt-submit-row .cost-submit-receipt{
  width:auto;
  min-width:132px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #c8cecb;
  border-radius:9px;
  background:#fff;
  color:#4b5350;
  -webkit-text-fill-color:#4b5350;
  box-shadow:none;
  font-weight:850;
}
#app .operational-cost-saved{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid #d4dad7;
  border-radius:10px;
  background:#f7f8f7;
}
#app .operational-cost-saved>strong{font-size:15px;color:#303733}
#app .operational-cost-saved>span{font-size:13px;color:#66706b}
#app .operational-cost-saved-actions{display:grid;grid-template-columns:1fr;gap:8px}
#app .operational-cost-saved-actions button{min-height:44px;border-radius:9px}
#app .operational-cost-saved-actions [data-add-another-cost]{
  background:#eef1ef;
  color:#303733;
  border:1px solid #c8cecb;
}
#app .operational-cost-saved-actions [data-cost-done]{
  background:#fff;
  color:#59615d;
  border:1px solid #d2d7d4;
}

/* 2026-10-04 — cost editor date containment fix */
#app .operational-cost-editor input[type="date"]{
  display:block;
  inline-size:100%;
  width:100%;
  max-inline-size:100%;
  max-width:100%;
  min-inline-size:0;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  text-align:center;
  -webkit-appearance:none;
  appearance:none;
}
#app .operational-cost-editor input[type="date"]::-webkit-date-and-time-value{
  width:100%;
  margin:0;
  text-align:center;
}

/* 2026-10-05 — Buyer list final control parity.
   Buyer type uses the same compact top-right footprint as Repair/Lithium.
   Buyer road actions use the same neutral soft-gray action treatment. */
#app .job-list-card.buyer .buyer-type-compact{
  flex:0 0 104px;
  width:104px;
  min-width:104px;
  max-width:104px;
  min-height:42px;
  height:42px;
  padding:0;
  border:1px solid #b8cfe2;
  border-top:3px solid var(--wf-buyer-accent);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
}
#app .job-list-card.buyer .buyer-type-compact select{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:39px;
  min-height:39px;
  margin:0;
  padding:7px 24px 7px 8px;
  border:0;
  border-radius:7px;
  background-color:transparent;
  background-position:right 8px center;
  background-size:10px 7px;
  color:#374151;
  -webkit-text-fill-color:#374151;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
  text-align-last:center;
}
#app .job-list-card.buyer .buyer-type-compact.buyer-terminal-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 9px;
}
#app .job-list-card.buyer .buyer-type-compact.buyer-terminal-badge strong{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  color:#374151;
}
#app .job-list-card.buyer .job-list-contact-actions a,
#app .job-list-card.buyer .job-list-contact-actions button{
  background:#f4f5f4;
  border-color:#c8cfcb;
  color:#4b5550;
  -webkit-text-fill-color:#4b5550;
}
#app .job-list-card.buyer .job-list-contact-actions button:disabled{
  background:#f4f5f4;
  border-color:#d6dcda;
  color:#9aa39f;
  -webkit-text-fill-color:#9aa39f;
}

/* Opposite-work action parity: Repair can add Lithium; Lithium can add Repair. */
#app .job-list-opposite-work,
#app .work-detail-opposite-work{
  width:100%;
  min-height:42px;
  margin-top:7px;
  border-radius:8px;
  border:1px solid #c9d1cd;
  background:#f4f5f4;
  color:#27332d;
  font:inherit;
  font-size:12px;
  font-weight:800;
}
#app .job-list-opposite-work:disabled,
#app .work-detail-opposite-work:disabled{opacity:.55}

/* 2026-10-06 — Work Done By inline selector is intentionally neutral. */
#app .job-list-card.lithium .job-list-card-tech-inline,
#app .job-list-card.repair .job-list-card-tech-inline{
  border-top-width:1px!important;
  border-top-color:#c7d2cc!important;
  background:#fff!important;
}