/* v2.53.0 – Staff portal "Soft" look: lighter blue with calm complementary colours (teal, soft violet, amber/rose only for status).
 * Loads LAST in /staff/. Turns the dark navy + yellow into a light, consistent palette in the style of QuickBooks.
 * Switch off in Settings > Look and feel ("Classic navy and yellow") – then this file is not loaded at all. */
body.tah-area--admin{
	/* the old "yellow" and "navy" tokens now carry the new palette, so every screen that used them follows */
	--tahs-navy:#1d4ed8;--tahs-navy-2:#2563eb;--tahs-royal:#2563eb;--tahs-royal-d:#1d4ed8;--tahs-royal-l:#eaf1ff;
	--tahs-yellow:#2563eb;--tahs-yellow-d:#1d4ed8;--tahs-yellow-t:#eef4ff;
	--tahs-ink:#1f2a44;--tahs-muted:#5a6785;--tahs-line:#e2e8f3;--tahs-hair:#e8edf6;--tahs-hair-2:#d5ddec;--tahs-bg:#f5f8fd;--tahs-wash:#f9fbfe;
	--tahs-brand:#2563eb;--tahs-brand-d:#1d4ed8;
	--x-g:#2563eb;--x-g-d:#1d4ed8;--x-g-l:#eaf1ff;
	--tahd-primary:#2563eb;--tahd-primary-dark:#1d4ed8;--tahd-primary-light:#eaf1ff;--tahd-accent:#2563eb;--tahd-on-accent:#fff;
	--tf-ink:#1f2a44;--tf-navy:#2563eb;--tf-yel:#2563eb;--tf-line:#e2e8f3;
	--sf-teal:#0f9d8a;--sf-teal-l:#e3f6f2;--sf-violet:#7357e8;--sf-violet-l:#efebff;--sf-amber:#c27803;--sf-amber-l:#fff5dd;--sf-rose:#d6336c;--sf-rose-l:#fdebf1;--sf-blue-l:#eaf1ff;
	background:var(--tahs-bg);color:var(--tahs-ink);
}

/* ---- header: a lighter blue, no pattern, no yellow rule ---- */
body.tah-area--admin .tahs-top{background:linear-gradient(90deg,#2f6fe4,#4a8af0);background-size:auto;border-bottom:0;box-shadow:0 1px 0 rgba(31,42,68,.06),0 4px 14px -6px rgba(37,99,235,.45)}
body.tah-area--admin .tahs-sub{color:#dbe8ff}
.tahs-logo-img{box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.tahs-avatar{background:#fff;color:#2563eb}
.tahs-menu>summary:focus-visible{outline-color:#fff}
body.tah-area--admin .tahs-menu>summary{border-color:rgba(255,255,255,.35)}
body.tah-area--admin .tahs-user__role{color:#e6efff}

/* ---- menu: light, the current page is a soft blue pill ---- */
body.tah-area--admin .tfs-side a.is-current{background:#eaf1ff;color:#1d4ed8;font-weight:700}
body.tah-area--admin .tfs-side a.is-current .tfs-ico{background:#2563eb;color:#fff}
body.tah-area--admin .tfs-bar a.is-current .tfs-ico,body.tah-area--admin .tfs-tiles a.is-current .tfs-ico{background:#2563eb;color:#fff}
body.tah-area--admin .tfs-tiles a.is-current{background:#eaf1ff}
body.tah-area--admin .tfs-nav .tahs-badge,body.tah-area--admin .tahs-badge{background:#0f9d8a;color:#fff}
body.tah-area--admin .tfs-grp summary{color:#7a87a5}

/* ---- buttons: blue, white text ---- */
body.tah-area--admin :is(.button-primary,.button.button-primary){background:#2563eb;border-color:#2563eb;color:#fff;font-weight:700;border-radius:10px}
body.tah-area--admin .button-primary:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
body.tah-area--admin .button:not(.button-primary){border-radius:10px;border-color:#cdd8ee;color:#1d4ed8;background:#fff}
body.tah-area--admin .button:not(.button-primary):hover{background:#f1f6ff;border-color:#9db8f0}
.tahs-skip{background:#2563eb;color:#fff}

/* ---- dashboard: light hero, white cards with a coloured stripe ---- */
.tahx-dash .tfs-hero{background:linear-gradient(135deg,#e8f0ff 0%,#f4f0ff 100%);color:#1f2a44;box-shadow:0 1px 2px rgba(31,42,68,.05);border:1px solid #dbe6fb}
.tahx-dash .tfs-hero h1{color:#1f2a44!important}
.tahx-dash .tfs-hero__d{color:#4a5878!important}
.tahx-dash .tfs-hero__d strong,.tahx-dash .tfs-hero b{color:#2563eb}
.tahx-dash .tfs-hero .button{background:#2563eb;border-color:#2563eb;color:#fff}
.tahx-dash .tahx-metric{background:#fff;border:1px solid #e2e8f3;border-top:4px solid #2563eb;box-shadow:0 1px 2px rgba(31,42,68,.04)}
.tahx-dash .tahx-metric:nth-child(4n+2){border-top-color:#0f9d8a}
.tahx-dash .tahx-metric:nth-child(4n+3){border-top-color:#7357e8}
.tahx-dash .tahx-metric:nth-child(4n+4){border-top-color:#38a3e8}
.tahx-dash .tahx-metric__n{color:#1f2a44}
.tahx-dash .tahx-metric.is-hot{background:#f6f9ff}
.tahx-dash .tahx-metric.is-alert,body.tah-area--admin .tahx-metric.is-alert,body.tah-area--admin .tahx-metric--attention.is-alert{background:#fff8e8;border-color:#f1dba8;border-top-color:#e8a317}
.tahx-dash .tahx-metric.is-alert .tahx-metric__n{color:#9a5b00}
.tahx-dash .tahx-metric--msgs{background:#fff}
.tahx-dash .tahx-metric--outstanding,.tahx-dash .tahx-metric--estimates,.tahx-dash .tahx-metric--today,.tahx-dash .tahx-metric--assess_today,.tahx-dash .tahx-metric--in_progress{background:#fff}
.tfs-chip{background:#eef3fb;color:#1d4ed8}
.tahx-dash .tahx-gh__n,body.tah-area--admin .tahx-dash .tahx-gh__n{background:#eaf1ff;color:#1d4ed8}

/* ---- job stages: "current" is blue, not yellow ---- */
.tahw-stage.is-current{border-color:#9db8f0;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.tahw-stage.is-current .tahw-num,.tahw-stage.is-current .tahw-state{background:#2563eb;color:#fff}
.tahw-next{background:#eef4ff;border-left-color:#2563eb;color:#1f2a44}
body.tah-area--admin .tahs-main :is(.tahb-tabs,.tahc-tabs) a.is-on,body.tah-area--admin .tahs-main :is(.tahb-tabs,.tahc-tabs) a.is-on:focus{background:#2563eb;color:#fff;box-shadow:none}

/* ---- tables: light header ---- */
body.tah-area--admin .tahs-main table.widefat thead th{background:#f1f5fc;color:#4a5878;border-bottom:1px solid #d9e3f5}
body.tah-area--admin .tahs-main table.widefat.striped tbody tr:nth-child(odd){background:#fafcff}

/* ---- Job costing (request > Finance) ---- */
.tahx-costs{background:#fff;border:1px solid #e2e8f3;border-radius:16px;padding:18px 18px 8px;box-shadow:0 1px 2px rgba(31,42,68,.04)}
.tahx-costs>h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 14px;font-size:1.125rem}
.tahx-costs>h2 .description{font-size:.75rem;font-weight:600;color:#7a87a5;background:#f1f5fc;border-radius:99px;padding:2px 10px}
.tahx-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.tahx-fig{display:flex;flex-direction:column;gap:4px;background:#f7faff;border:1px solid #e2e8f3;border-left:4px solid #2563eb;border-radius:12px;padding:10px 12px;min-width:0}
.tahx-fig__l{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6a7794}
.tahx-fig__v{font-size:1.1875rem;font-weight:800;color:#1f2a44;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tahx-fig:nth-child(1){border-left-color:#2563eb}
.tahx-fig:nth-child(2){border-left-color:#0f9d8a;background:#f2fbf9}
.tahx-fig:nth-child(3){border-left-color:#c27803;background:#fffaf0}
.tahx-fig:nth-child(4){border-left-color:#7357e8;background:#f7f5ff}
.tahx-fig:nth-child(5){border-left-color:#0f9d8a;background:#f2fbf9}
.tahx-fig:nth-child(5) .tahx-fig__v{color:#0b7a6b}
.tahx-fig:nth-child(6){border-left-color:#38a3e8}
.tahx-fig:nth-child(7){border-left-color:#9aa6c0;background:#f9fafc}
.tahx-fig__v.is-neg,.tahx-fig:nth-child(5) .tahx-fig__v.is-neg{color:#9a5b00}
.tahx-fig:has(.is-neg){border-left-color:#e8a317;background:#fff8e8}
.tahx-costs .tahx-tablewrap{border:1px solid #e2e8f3;border-radius:12px;overflow:auto;margin:0 0 14px}
.tahx-costs .tahx-table{border:0;margin:0;box-shadow:none}
.tahx-costs .tahx-table th.r,.tahx-costs .tahx-table td.r{text-align:right;font-variant-numeric:tabular-nums}
.tahx-costs .tahx-empty{background:#f7faff;border:1px dashed #cdd8ee;border-radius:12px;padding:14px;color:#5a6785;margin:0 0 14px;text-align:center}
.tahx-costs details.tah-opt{border:1px solid #cdd8ee;border-radius:12px;background:#f7faff;padding:0;margin:0 0 14px}
.tahx-costs details.tah-opt>summary{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline;padding:12px 14px;cursor:pointer;color:#1d4ed8;list-style:none}
.tahx-costs details.tah-opt>summary::-webkit-details-marker{display:none}
.tahx-costs details.tah-opt>summary strong::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#2563eb;color:#fff;font-size:.9rem;line-height:1}
.tahx-costs details.tah-opt[open]>summary strong::before{content:"–"}
.tahx-costs details.tah-opt>summary span{font-size:.8125rem;color:#6a7794}
.tahx-costs .tahx-form{padding:4px 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.tahx-costs .tahx-form>p{margin:6px 0}
.tahx-costs .tahx-form>p:has(input[type=file]),.tahx-costs .tahx-form>p:has(.regular-text),.tahx-costs .tahx-form>p:has(.button-primary),.tahx-costs .tahx-form>input{grid-column:1/-1}
.tahx-costs .tahx-form label{display:block;font-size:.8125rem;font-weight:700;color:#4a5878}
.tahx-costs .tahx-form :is(input[type=text],input[type=date],select,.regular-text){width:100%;max-width:none;margin-top:4px;border:1px solid #cdd8ee;border-radius:10px;padding:8px 10px;background:#fff;min-height:42px}
.tahx-costs .tahx-form :is(input,select):focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:0}
.tahx-costs .tahx-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1}
@media (max-width:640px){.tahx-costs .tahx-form{grid-template-columns:1fr}.tahx-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.tahx-costs{padding:14px 12px 4px}}

/* ---- statuses ---- */
body.tah-area--admin .tahs-pill{background:#eef3fb;color:#1d4ed8}

/* ---- leftovers: no yellow stripes; long money figures wrap instead of being cut off ---- */
.tahx-dash .tahx-metric,.tahx-dash .tahx-metrics--lead .tahx-metric{border-left:1px solid #e2e8f3}
.tahx-dash .tahx-metric.is-alert{border-left:1px solid #f1dba8}
.tahx-fin .tahx-metric__n{font-size:1.35rem;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* softer warning colours everywhere in the staff portal (no red against the blue) */
body.tah-area--admin .tahs-main :is(.tah-attn,.is-neg){color:#9a5b00}
body.tah-area--admin .tahs-main :is(.tahx-pill--bad,.tahx-badge--bad,.tahx-pill--warn){background:#fff3d6;color:#8a5200}

/* ---- white page background (cards keep their light borders so they still read as cards) ---- */
body.tah-area--admin{--tahs-bg:#fff;--tahs-wash:#fff;background:#fff}
body.tah-area--admin .tahs-body,body.tah-area--admin .tahs-main{background:#fff}
body.tah-area--admin .tahx-dash .tahx-metric,body.tah-area--admin .tahx-costs{box-shadow:0 1px 3px rgba(31,42,68,.07)}
body.tah-area--admin .tahx-dash .tahx-metric:not(.is-alert),body.tah-area--admin .tahx-dash .tahx-metric.is-hot:not(.is-alert){background:#fff}

/* ---- Finance: "Accounting is in Sikasem" card ---- */
.tahx-sk{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eaf1ff,#f1edff);border:1px solid #d6e2fb}
.tahx-sk h2{margin:0 0 4px}.tahx-sk p{margin:0;color:#4a5878;max-width:60ch}
.tahx-sk-old{margin-top:14px}.tahx-sk-old__in{padding:0 14px 14px}
body.tah-area--admin .tahx-fin .tahx-metric__n{font-size:1.3rem;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* 2.54.0 - staff portal typeface: Plus Jakarta Sans (shipped with the plugin, no external request) instead of the website's default font. */
@font-face{font-family:"TAH Jakarta";src:url("fonts/PlusJakartaSans-Medium.ttf") format("truetype");font-weight:300 600;font-style:normal;font-display:swap}
@font-face{font-family:"TAH Jakarta";src:url("fonts/PlusJakartaSans-ExtraBold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
body.tah-area--admin{--tahs-font-head:"TAH Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--tahs-font-ui:var(--tahs-font-head)}
body.tah-area--admin,body.tah-area--admin :is(input,select,textarea,button,.button,table,th,td,label,a,p,li,span,div,summary,details){font-family:"TAH Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.tah-area--admin .tahs-main :is(h1,h2,h3,h4),body.tah-area--admin .tahs-logo{font-family:"TAH Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800;letter-spacing:-.02em}
body.tah-area--admin .tahs-main h2,body.tah-area--admin .tahs-main h3{font-weight:800}
body.tah-area--admin{font-size:15px;line-height:1.6;font-weight:500}
body.tah-area--admin .tahs-nav a{font-weight:500}
body.tah-area--admin .tahs-nav a.is-current,body.tah-area--admin :is(.button,button.button,.tahx-new){font-weight:600}
body.tah-area--admin .tahx-metric__n,body.tah-area--admin .tahx-fig strong{font-weight:800;letter-spacing:-.02em}
/* V2.71.8: the open business keeps a readable icon (white on blue) */
body.tah-area--admin .tfs-side a.is-current[class*="tfs-b-"] .tfs-ico{background:#2563eb!important;color:#fff!important}