/* Gearboxly UI polish, loaded after every theme sheet. */

/* ---------- dropdowns, app-wide ---------- */
body select:not([multiple]):not([size]){
  -webkit-appearance:none!important;appearance:none!important;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23157A54' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:16px 16px!important;
  padding-right:36px!important;padding-left:13px;
  min-height:40px;border:1px solid #dde2d9;border-radius:11px;
  font-family:inherit;font-weight:600;font-size:14.5px;color:#15171a;line-height:1.2;
  box-shadow:0 1px 2px rgba(16,37,27,.05);cursor:pointer;
  transition:border-color .15s,box-shadow .15s,background-color .15s;
}
body select:not([multiple]):not([size]):hover{border-color:#b8c5ba;background-color:#fbfcfa}
body select:not([multiple]):not([size]):focus{outline:none;border-color:#157A54;box-shadow:0 0 0 3px rgba(21,122,84,.16)}
body select:not([multiple]):not([size]):disabled{opacity:.55;cursor:not-allowed;background-color:#f4f6f2}
body select option{font-weight:500;color:#15171a}

/* ---------- workshop board column headers ---------- */
.garage .wb__col{--st:#8a9185;--st-soft:#eef1ec;position:relative;padding:0 10px 10px;overflow:hidden;background:#f7f9f5}
.garage .wb__col::before{content:"";display:block;height:4px;margin:0 -10px 0;background:var(--st)}
.garage .wb__col[data-stage=diagnosis]{--st:#6366f1;--st-soft:#eef0ff}
.garage .wb__col[data-stage=quote]{--st:#d97706;--st-soft:#fdf3e3}
.garage .wb__col[data-stage=sent]{--st:#0ea5e9;--st-soft:#e6f5fd}
.garage .wb__col[data-stage=parts]{--st:#b45309;--st-soft:#fbeee0}
.garage .wb__col[data-stage=work]{--st:#157A54;--st-soft:#e4f1ea}
.garage .wb__col[data-stage=ready]{--st:#16a34a;--st-soft:#e3f6ea}
.garage .wb__col[data-stage=unpaid]{--st:#dc2626;--st-soft:#fdecec}
.garage .wb__head{display:flex;align-items:center;gap:10px;padding:14px 6px 12px;text-transform:none;letter-spacing:-.01em;font-size:15px;font-weight:700;color:#15171a}
.garage .wb__head>span:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.garage .wb__head>span:first-child::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--st);box-shadow:0 0 0 4px var(--st-soft);flex:none}
.garage .wb__n{margin-left:auto;min-width:26px;height:24px;display:inline-grid;place-items:center;padding:0 8px;border-radius:999px;border:0;background:var(--st-soft);color:var(--st);font:700 12.5px/1 var(--mono,ui-monospace)}
.garage .wb__col[data-empty] .wb__n{background:#eef1ec;color:#9aa39a}
.garage .wb__none{margin:4px 0 6px;padding:18px 10px;border:1.5px dashed #dfe4dc;border-radius:12px;text-align:center;font-size:13.5px;color:#9aa39a}

/* part cost and markup on RO lines */
.line__cost{display:inline-flex;align-items:center;gap:8px;margin-top:3px;font-size:12.5px;color:#5b6357;font-variant-numeric:tabular-nums}
.line__cost i{font-style:normal;font-weight:700;font-size:11.5px;padding:2px 8px;border-radius:999px;background:#e4f1ea;color:#0F5C40}
.line__cost i.is-neg{background:#fdecea;color:#b42318}
.line__label{display:flex;flex-direction:column}

@media print{.line__cost{display:none!important}}

/* ---------- UI audit: consistency ---------- */
/* Page titles in sentence case, never shouting. Small section labels keep their caps. */
body h1,.garage .ro__head h1,.pm-card h2,.admin-wrap h1{text-transform:none!important;letter-spacing:-.02em!important}
/* One primary colour for actions: brand green, not black. */
.wsx__new{background:#157A54!important;color:#fff!important}
.wsx__new:hover{background:#0F5C40!important}
.form-actions button[type=submit],form>button[type=submit]:not([class]),.admin-wrap button[type=submit]:not([class]){background:#157A54;color:#fff;border:0;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}
.form-actions button[type=submit]:hover,form>button[type=submit]:not([class]):hover{background:#0F5C40}
/* Prices line up; words stay in the body font. */
.garage .wb__cash,.garage .line__sub.mono{font-family:inherit!important;font-variant-numeric:tabular-nums}
/* Softer dividers everywhere. */
.garage hr,.admin-wrap hr{border:0;border-top:1px solid #e6e9e2}