/* Shared Quotes-inspired design for operational and employee workspaces. */
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) { --studio-ink:#192f4e; --studio-muted:#526883; color:var(--studio-ink); }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading { padding:24px 28px; margin-bottom:22px; background:linear-gradient(115deg,#152d50,#254c82 65%,#3766a1); border:1px solid #2a4c78; border-radius:24px; color:white; box-shadow:0 10px 28px #183d6420; gap:18px; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading h1 { color:white; font-size:32px; letter-spacing:-.8px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading .eyebrow { color:#b5d2ff; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading .page-subtitle { color:#deebfb; font-size:15px; line-height:1.6; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading .btn { background:#fff; border-color:#fff; color:#254d89; box-shadow:0 4px 12px #0b204524; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading .filter-button { background:#ffffff18; color:#fff; border-color:#ffffff45; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .panel { border:1px solid #d7e1ef; border-radius:20px; box-shadow:0 6px 22px #213d6410; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .btn { min-height:42px; padding:10px 14px; border-radius:11px; font-size:14px; font-weight:650; transition:background .16s,box-shadow .16s,transform .16s; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .btn-primary { color:#fff; background:#315edb; border-color:#315edb; box-shadow:0 4px 10px #315edb22; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .btn:active { transform:scale(.98); }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .btn:disabled { box-shadow:none; cursor:wait; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { font-size:15px; color:#1f3453; border-color:#bdccdf; border-radius:10px; min-height:42px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) textarea { line-height:1.6; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) label { color:#425b7b; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(input,textarea)::placeholder { color:#6a7b91; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(button,input,select,textarea,a):focus-visible { outline:3px solid #86a8ff; outline-offset:3px; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.directory-toolbar,.employee-toolbar,.job-toolbar,.catalog-toolbar,.report-filter,.payout-filter,.notification-toolbar) { background:#edf2fa; border-bottom:1px solid #d6e0ef; padding:16px; gap:12px; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-profile-head,.catalog-editor-head,.employee-card-head,.section-heading) h2 { color:#213d63; font-size:22px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-profile-head,.catalog-editor-head,.employee-card-head) { background:#edf3ff; border-color:#d1def1; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-item,.catalog-card,.field-job-card,.batch-card,.rule-card) { border-radius:15px; border:1px solid #d6e1ef; transition:background .18s,box-shadow .18s; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-item,.catalog-card,.field-job-card):hover { background:#f0f5ff; box-shadow:0 4px 12px #23487712; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-item,.catalog-card,.field-job-card).active { background:#e1ebff; border-color:#638adf; box-shadow:inset 3px 0 0 #315edb; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-item,.catalog-card,.field-job-card,.batch-card,.rule-card) strong { font-size:16px; color:#223e64; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.customer-item,.catalog-card,.field-job-card,.batch-card,.rule-card) small { font-size:12px; color:#526883; line-height:1.5; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.segment-control,.report-tabs,.payout-tabs,.field-tabs,.customer-tabs,.catalog-tabs) { background:#e9eff8; border-radius:12px; padding:5px; gap:5px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.segment-control,.report-tabs,.payout-tabs,.field-tabs,.customer-tabs,.catalog-tabs) button { font-size:14px; padding:10px 14px; min-height:40px; color:#4a607f; border-radius:9px; transition:background .18s,color .18s; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.segment-control,.report-tabs,.payout-tabs,.field-tabs,.customer-tabs,.catalog-tabs) button.active { background:#fff; color:#2453b4; box-shadow:0 3px 10px #244c8b16; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.job-command-stat,.report-kpi,.stat-card,.kpi-card,.metric-card) { border:1px solid #d6e1ef; border-radius:18px; background:#fff; box-shadow:0 5px 18px #18365c0b; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.job-command-stat,.report-kpi,.stat-card,.kpi-card,.metric-card) small { font-size:13px; color:#526883; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) table { font-size:14px; color:#263f61; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) th { background:#edf2fa; color:#4a6282; font-size:12px; letter-spacing:.03em; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) td { padding-block:14px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) tbody tr:hover { background:#f0f5fd; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.job-list-header,.directory-count,.jobs-day-bar) { font-size:12px; color:#536985; background:#eaf0fa; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-row { transition:background .18s; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-row:hover { background:#edf3ff; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) dialog { border-radius:22px; box-shadow:0 24px 80px #0c244540; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) dialog > form > header { background:#e9f0ff; border-bottom:1px solid #d0dcf1; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) dialog > form > footer { background:#f1f5fc; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) dialog h2 { color:#203b60; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) dialog p { line-height:1.6; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.stripe-settings,.settings-catalog-link) { margin-top:20px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .stripe-form-grid label { font-size:14px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .stripe-form-grid small { font-size:13px; color:#536985; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .stripe-settings h2 { font-size:23px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .stripe-settings > header { background:#f0f5ff; border-radius:16px; padding:18px; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .alohi-toast { border-radius:14px; font-size:14px; box-shadow:0 12px 35px #17345430; }
/* Preserve the compact horizontal dispatch board. */
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)).schedule-page[data-presentation=timeline] > .page-heading { padding:12px 18px; margin-bottom:12px; border-radius:17px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)).schedule-page[data-presentation=timeline] > .page-heading h1 { font-size:25px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)).schedule-page .schedule-controls input,:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)).schedule-page .schedule-controls select { min-height:36px; font-size:13px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)).schedule-page .schedule-controls .btn { min-height:36px; padding:7px 10px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)).schedule-page .dispatch-panel { border-radius:0; box-shadow:none; }
@media(max-width:767.98px) { :is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading { padding:20px; border-radius:20px; align-items:stretch; flex-wrap:wrap; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading h1 { font-size:29px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading .page-subtitle { font-size:14px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { font-size:16px; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.report-tabs,.payout-tabs,.field-tabs,.customer-tabs,.catalog-tabs) { overflow-x:auto; flex-wrap:nowrap; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.report-tabs,.payout-tabs,.field-tabs,.customer-tabs,.catalog-tabs) button { white-space:nowrap; flex-shrink:0; } }
@media(prefers-reduced-motion:reduce) { :is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) * { scroll-behavior:auto!important; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) :is(.btn,.customer-item,.catalog-card,.field-job-card,.batch-card,.rule-card,.job-row,button) { transition:none; }:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .btn:active { transform:none; } }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading .btn { width:auto; height:auto; min-width:44px; white-space:nowrap; overflow:visible; flex-shrink:0; }
@media(max-width:767.98px) { :is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) > .page-heading > .btn { width:100%; justify-content:center; } }

.overview-sales { margin:0 0 22px; padding:20px; border:1px solid #d6e1f2; border-radius:24px; background:linear-gradient(120deg,#edf2ff,#f6f9ff); }
.overview-sales > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.overview-sales h2 { font-size:21px; color:#203654; margin:0; }
.overview-sales header > span { font-size:12px; color:#546886; }
.overview-sales > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.overview-sales a { display:flex; align-items:center; gap:12px; padding:17px; background:#fff; border:1px solid #d9e3f4; border-radius:16px; color:#243c60; text-decoration:none; transition:transform .18s,box-shadow .18s; }
.overview-sales a > i:first-child { color:#4869cf; font-size:22px; }
.overview-sales a span { flex:1; }
.overview-sales a strong,.overview-sales a small { display:block; }
.overview-sales a strong { font-size:15px; }
.overview-sales a small { margin-top:4px; font-size:12px; color:#526782; }
.overview-sales a b { font-size:25px; }
.overview-sales a:hover { transform:translateY(-2px); box-shadow:0 7px 20px #243f7314; }
.overview-sales a:focus-visible { outline:3px solid #4a70e4; outline-offset:3px; }
@media(max-width:900px) { .overview-sales > div { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .overview-sales a { transition:none; } .overview-sales a:hover { transform:none; } }

:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-command { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; background:transparent; box-shadow:none; overflow:visible; color:#243c60; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-command > div { display:flex; min-width:0; }
:is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-command-stat strong { color:#243c60; font-size:23px; }
@media(max-width:767px) {
 :is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-command { grid-template-columns:repeat(2,minmax(0,1fr)); }
 :is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-row { grid-template-columns:78px 3px minmax(0,1fr) auto 22px; gap:7px; }
 :is(body:not(.auth-screen) #main-content > .page-enter:not(.quotes-workspace)) .job-time small { white-space:nowrap; }
}

.payment-review { padding:24px; margin-top:24px; }
.payment-review header,.payment-review article { display:flex; align-items:center; gap:18px; justify-content:space-between; }
.payment-review h2 { font-size:22px; }.payment-review p { color:#526782; }.payment-review article { padding:18px 0; border-top:1px solid #d7e1ef; flex-wrap:wrap; }.payment-review article > div { flex:1; min-width:200px; }.payment-review small { overflow-wrap:anywhere; }.payment-clear { background:#e3f3eb; padding:16px; border-radius:12px; color:#246b50!important; }

.webhook-setup { padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #d6e1ef; }.webhook-setup code { display:block; overflow-wrap:anywhere; margin:12px 0; }.webhook-setup label { display:grid; gap:8px; margin-bottom:14px; }.webhook-setup input { border:1px solid #c7d5eb; border-radius:12px; padding:12px; width:100%; }

.incident-tools { display:flex; align-items:center; gap:18px; padding:18px; margin-bottom:20px; flex-wrap:wrap; }.incident-tools label { display:flex; gap:10px; align-items:center; }.incident-workspace { display:grid; grid-template-columns:310px minmax(0,1fr); gap:20px; }.incident-workspace > section { padding:24px; }.incident-card { width:100%; display:grid; gap:8px; padding:18px; text-align:left; border:0; border-bottom:1px solid #d9e2ee; background:white; color:#27415f; }.incident-card.active { background:#eaf0ff; box-shadow:inset 4px 0 #5274dc; }.incident-severity { justify-self:start; display:inline-block; border-radius:8px; padding:4px 8px; font-size:12px; font-weight:700; background:#e8edf4; }.severity-critical,.severity-high { background:#fbe2e9; color:#9d2945; }.severity-medium { background:#ffedcc; color:#82510a; }.incident-description,.incident-history p { white-space:pre-wrap; }.incident-notes { display:grid; gap:8px; margin:20px 0; }.incident-notes textarea { border:1px solid #c6d5e8; border-radius:12px; padding:12px; }.incident-history { margin-top:24px; }.incident-history article { padding:16px 0; border-top:1px solid #d9e2ee; }.report-comparison:not(:empty) { padding:16px 20px; border-radius:16px; margin:16px 0; background:#e5efff; color:#27486e; }.report-compare { display:flex!important; align-items:center; gap:8px; }.report-compare input { width:18px!important; }.session-recovery { max-width:440px; }.session-recovery label { display:grid; gap:8px; margin:18px 0; }
@media(max-width:850px) { .incident-workspace { grid-template-columns:1fr; }.incident-workspace > aside { max-height:300px; overflow:auto; } }

.portal-page { max-width:850px; margin:24px auto; padding:0 18px; color:#253e60; }.portal-page > header { padding:30px; border-radius:24px; background:linear-gradient(125deg,#193551,#4268a0); color:white; margin-bottom:20px; }.portal-page header .eyebrow { color:#bcd4ff; }.portal-page .panel { padding:26px; margin-bottom:20px; }.portal-page h1 { font-size:30px; }.portal-page h2,.request-card h2 { font-size:22px; }.portal-visit { display:flex; gap:18px; justify-content:space-between; padding:18px 0; border-bottom:1px solid #dce5f2; color:inherit; text-decoration:none; }.portal-visit small { display:block; margin-top:5px; }.portal-page form label,.request-card label { display:grid; gap:8px; margin:16px 0; }.portal-page :is(input,select,textarea),.request-card :is(select,textarea) { width:100%; padding:12px; border:1px solid #b9cbe2; border-radius:12px; background:white; color:#253e60; font-size:16px; }.portal-page [hidden] { display:none!important; }.portal-response { background:#edf4ff; padding:14px; border-radius:12px; }.portal-expiry,.request-guidance { font-size:13px; color:#5b6f89; }.request-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }.request-card { padding:24px; }.request-card > p,.portal-visit p { white-space:pre-wrap; }

/* Keep new workspace controls readable at compact mobile widths. */
.portal-page > header h1 { color: #fff; line-height: 1.2; }
.portal-page > header .eyebrow { color: #d9e6ff; }
.report-filter label { font-size: 0.875rem; font-weight: 600; color: #324b68; }
.report-filter label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: .6rem; }
.report-filter input[type="checkbox"] { width: 1.125rem; height: 1.125rem; accent-color: #315cdb; }
.reports-heading [data-export] span { display: inline !important; }
.portal-visit > span { font-size: .8rem; font-weight: 650; color: #335ba3; background: #eef3ff; border-radius: 999px; padding: .3rem .65rem; }
.portal-visit { align-items: flex-start; }
.portal-page form label, .request-card label { font-size: .9375rem; }
.request-card [data-feedback]:not(:empty) { border-radius: 12px; padding: .75rem; background: #eef3ff; }

.operations-panel { padding: 24px; margin-bottom: 20px; min-width: 0; }
.operations-panel h2 { margin: 0 0 12px; font-size: 1.3rem; }
.operations-panel label { display: grid; gap: 8px; margin: 16px 0; font-weight: 600; }
.operations-panel :is(input,select,textarea) { max-width: 100%; font-size: 1rem; }
.operations-panel [role="status"] { white-space: pre-wrap; color: #365886; }
.operations-table { overflow: auto; max-height: 460px; margin-bottom: 20px; }
.operations-table table { width: 100%; border-collapse: collapse; text-align: left; font-size: .95rem; }
.operations-table :is(th,td) { padding: 12px; border-bottom: 1px solid #dde5f0; }
.operations-table th { position: sticky; top: 0; background: #edf3ff; color: #294d83; }
.operations-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid #dde5f0; padding: 16px 0; overflow-wrap: anywhere; }
.operations-row small { display: block; color: #576b87; margin-top: 6px; }
.operations-panel .offline-check { display: flex; align-items: center; gap: 12px; font-weight: 500; }
.offline-check input { width: 20px; height: 20px; accent-color: #315ddb; }
.operations-links { display: flex; flex-wrap: wrap; gap: 12px; }
.route-warning { background: #fff3df; border: 1px solid #efc581; border-radius: 14px; padding: 16px; margin-top: 12px; color: #714a14; }
.invoice-page { width: min(900px,100%); margin: 24px auto; }
.invoice-sheet { padding: clamp(20px,5vw,52px); }
.invoice-sheet > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 2px solid #dce5f3; }
.invoice-sheet h1 { font-size: clamp(28px,5vw,40px); color: #18314e; }
.invoice-sheet > section { padding: 24px 0; }
.invoice-sheet h2 { font-size: 16px; color: #526985; }
.invoice-sheet table small { display: block; max-width: 360px; }
.invoice-status { color: #235aa8; border-radius: 999px; padding: 9px 16px; background: #e7f0ff; font-weight: 700; }
.invoice-test { margin-top: 20px; padding: 12px; border-radius: 12px; background: #fff3df; color: #775018; font-weight: 600; }
.invoice-totals { max-width: 430px; margin: 20px 0 24px auto; }
.invoice-totals > div { display: flex; justify-content: space-between; gap: 24px; padding: 9px 0; }
.invoice-totals dt { font-weight: 500; }.invoice-totals dd { margin: 0; font-weight: 650; }
.invoice-totals .invoice-due { border-top: 2px solid #cbd8ea; margin-top: 12px; padding-top: 18px; font-size: 1.3rem; }
.invoice-sheet footer { display: flex; gap: 12px; flex-wrap: wrap; }.invoice-sheet footer p { width: 100%; }
@media print { body:has(.invoice-page) :is(.sidebar,.topbar,.mobile-nav,.sidebar-scrim,.activity-indicator,.invoice-sheet footer) { display: none !important; } body:has(.invoice-page) .workspace { margin: 0; padding: 0; }.invoice-sheet { border: 0; box-shadow: none; padding: 0; }.invoice-page { margin: 0; width: 100%; }.invoice-page .operations-table { max-height: none; overflow: visible; } }

/* Optional native field tools remain usable at Dynamic Type sizes. */
.field-location-choice{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;background:#eef4ff;border-top:1px solid #dce5f4;font-size:1rem;}
.field-location-choice input{width:22px;height:22px;flex-shrink:0;accent-color:#315be5;margin-top:2px;}
.field-location-choice span{display:grid;gap:4px;}.field-location-choice small{color:#425773;line-height:1.5;}
.native-photo-preview{max-width:640px;padding:24px;}.native-photo-preview img,.native-photo-preview video{display:block;width:100%;max-height:60dvh;object-fit:contain;border-radius:16px;background:#13223a;}.native-photo-preview footer{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;}
/* Native status-bar spacing is owned by the host; retain the web header clearance. */
.native-ios input,.native-ios select,.native-ios textarea{font-size:max(16px,1em);}

/* Schedule status fills keep dark, stable captions; motion never fades text. */
.schedule-page .state-ready{--job-tint:#ded9fb;--job-color:#43318a;--job-line:#afa1e2;}
.schedule-page .state-short{--job-tint:#ffe1a6;--job-color:#794507;--job-line:#dca958;}
.schedule-page .state-checkedin{--job-tint:#bfeee9;--job-color:#075e58;--job-line:#63b8af;}
.schedule-page .state-progress{--job-tint:#bddbff;--job-color:#174b91;--job-line:#6da5e5;}
.schedule-page .state-review{--job-tint:#f5d1eb;--job-color:#793265;--job-line:#cd91bc;}
.schedule-page .state-completed{--job-tint:#c5ecd3;--job-color:#165f37;--job-line:#82bd97;}
.schedule-page .state-overlap{--job-tint:#ffd0d9;--job-color:#92203d;--job-line:#df93a5;}
.schedule-page .state-cancelled{--job-tint:#e0e5ec;--job-color:#445469;--job-line:#acb7c6;}
.schedule-page .schedule-agenda-row,.schedule-page .schedule-agenda-row:nth-of-type(even),.schedule-page .timeline-job-position .dispatch-job,.schedule-page .dispatch-job.crew-linked{background:var(--job-tint);color:#172b46;border-color:var(--job-line);}
.schedule-page .schedule-agenda-row:hover,.schedule-page .timeline-job-position .dispatch-job:hover{box-shadow:inset 0 0 0 2px var(--job-color);}
.schedule-page .schedule-agenda-row:focus-visible,.schedule-page .dispatch-job:focus-visible{outline:3px solid #173f96;outline-offset:-3px;}
.schedule-page .agenda-job-clock strong,.schedule-page .agenda-job-clock small,.schedule-page .agenda-job-description > span,.schedule-page .agenda-job-description > small,.schedule-page .agenda-job-crew > strong,.schedule-page .agenda-job-crew > small,.schedule-page .agenda-job-state > small,.schedule-page .dispatch-job > small,.schedule-page .schedule-job-name [data-job-address]{color:#30445c;}
.schedule-page .dispatch-job-time{color:#243c5b;}.schedule-page .crew-badge,.schedule-page .schedule-state{background:#ffffffc9;color:var(--job-color);font-weight:750;}
.schedule-page .dispatch-job.state-progress,.schedule-page .schedule-agenda-row.state-progress{animation:job-working-glow 2.8s ease-in-out infinite;}
@keyframes job-working-glow{0%,100%{box-shadow:inset 0 0 0 1px #2878d455,0 0 0 0 #2878d400;}50%{box-shadow:inset 0 0 0 3px #2878d4aa,0 0 0 3px #2878d425;}}
.schedule-page .live-changed{animation:job-arrived 900ms ease-out 2;}
@keyframes job-arrived{from{outline:3px solid #235fe1;outline-offset:-3px;}to{outline:3px solid transparent;outline-offset:-3px;}}
.schedule-page .schedule-legend{font-size:12px;font-weight:650;color:#344b69;gap:10px 18px;}.schedule-page .schedule-legend i{width:14px;height:14px;border-radius:5px;box-shadow:inset 0 0 0 1px #0002;}.schedule-page .schedule-legend .ready{background:#b6a6ec;}.schedule-page .schedule-legend .short{background:#f7bf58;}.schedule-page .schedule-legend .checkedin{background:#50b8af;}.schedule-page .schedule-legend .progress{background:#589ae8;}.schedule-page .schedule-legend .review{background:#cd88b7;}.schedule-page .schedule-legend .completed{background:#6fbb89;}.schedule-page .schedule-legend .overlap{background:#df8096;}
.schedule-live-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:12px 22px;border-block:1px solid #dce5f1;background:#f3f7ff;}.schedule-live-toolbar label{display:flex;gap:8px;align-items:center;font-weight:700;margin:0;}.schedule-live-toolbar input{width:18px;height:18px;accent-color:#196d50;}.schedule-live-toolbar [data-live-status]{font-size:12px;color:#215840;}.schedule-live-toolbar [data-live-status]::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#239368;margin-right:7px;}.schedule-live-toolbar [data-state=offline]{color:#875321;}.schedule-live-toolbar [data-state=offline]::before,.schedule-live-toolbar [data-state=paused]::before{background:#aa7b37;}.schedule-live-toolbar small{margin-left:auto;color:#52657e;}
.schedule-live-feed{margin-top:16px;padding:18px 22px;}.schedule-live-feed summary{font-size:16px;font-weight:750;cursor:pointer;}.schedule-live-feed summary span{display:inline-grid;place-items:center;min-width:25px;border-radius:8px;background:#e4edfd;color:#254d8d;font-size:12px;margin-left:8px;}.schedule-live-feed > p{color:#536780;font-size:12px;margin:10px 0;}.schedule-live-feed ol{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto;}.schedule-live-feed li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e1e8f2;}.schedule-live-feed li > div{display:grid;gap:3px;}.schedule-live-feed li strong{font-size:14px;color:#223b5c;}.schedule-live-feed li span,.schedule-live-feed time{font-size:12px;color:#4d617c;}.schedule-live-feed time{margin-left:auto;white-space:nowrap;}.schedule-live-feed .feed-action-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:#e0edf9;color:#245fa9;border-radius:10px;font-size:16px;}
@media(prefers-reduced-motion:reduce){.schedule-page .dispatch-job.state-progress,.schedule-page .schedule-agenda-row.state-progress,.schedule-page .live-changed{animation:none;}}
.schedule-page .staffing-queue-item{background:#ffe1a6;border-color:#dca958;color:#573a13;}.schedule-page .staffing-queue-item small{color:#5f481f;}.schedule-page .staffing-queue-item b{background:#fff5df;color:#794507;}

/* Evidence previews retain the uploaded image; only the tile crops visually. */
.field-detail .photo-strip{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
.field-detail .photo-tile{position:relative;overflow:hidden;min-height:180px;padding:12px;gap:6px;}
.photo-tile .job-media-thumbnail{display:block;width:100%;height:150px;object-fit:cover;border-radius:9px;background:#e4eaf5;}
.field-detail .photo-tile strong{font-size:14px;}.field-detail .photo-tile small{font-size:12px;}
.native-photo-preview{width:min(94vw,1440px);max-width:1440px;}
.native-photo-preview img,.native-photo-preview video{max-height:78dvh;}
.job-media-viewer{padding:16px;background:#101c30;color:#fff;}
.job-media-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.job-media-viewer header h2{font-size:16px;overflow-wrap:anywhere;}
.job-media-viewer header .btn{width:auto;height:auto;flex-shrink:0;padding:10px 18px;}
.job-media-viewer img{cursor:zoom-in;}
.job-media-viewer.actual-size img{width:auto;max-width:none;max-height:none;cursor:zoom-out;}
@media(max-width:600px){.field-detail .photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.photo-tile .job-media-thumbnail{height:120px;}.job-media-viewer{padding:10px;}}

/* Customer workspace: readable records, operational notes and site alerts. */
.crm-records{padding:24px;background:linear-gradient(140deg,#f0f4ff,#f8fafc);}
.crm-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;}
.crm-section-heading h3{font-size:22px;color:#172841;margin:0 0 6px;}.crm-section-heading p{color:#4d6180;font-size:15px;margin:0;}
.crm-record-sections{display:grid;gap:20px;}.crm-history-block{background:#fff;border:1px solid #ced9eb;border-radius:18px;overflow:hidden;}
.crm-history-block>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#e8eefb;}
.crm-history-block h3{font-size:18px;margin:0;color:#203858;}.crm-history-block>header>span{font-size:13px;color:#4d6180;}
.crm-history-row{border-top:1px solid #e3e9f2;}.crm-history-row summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none;}
.crm-history-row summary:hover,.crm-history-row[open] summary{background:#f1f5ff;}.crm-record-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8edff;color:#3458c9;flex-shrink:0;}
.crm-record-copy{display:grid;gap:4px;flex:1;min-width:0;}.crm-record-copy strong{font-size:16px;color:#213958;}.crm-record-copy small{font-size:14px;color:#526783;}
.crm-record-status{border-radius:20px;padding:5px 10px;background:#e4f2ed;color:#17624e;font-size:13px;font-weight:700;}
.crm-history-row summary>b{font-size:16px;color:#213958;}.crm-record-detail{padding:0 20px 20px 74px;font-size:15px;color:#314d6c;}
.crm-record-detail p,.crm-note p,.crm-property-guidance p,.field-site-awareness p,.site-alert-dialog article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;}
.crm-record-detail dl{display:flex;gap:30px;flex-wrap:wrap;}.crm-record-detail dt{font-weight:500;color:#526783;}.crm-record-detail dd{margin:4px 0;font-weight:750;font-size:18px;}
.crm-empty{padding:20px;color:#526783;font-size:15px;}.crm-records>[data-older]{margin:16px 0;}
.crm-knowledge{margin-top:28px;scroll-margin-top:100px;}.crm-note-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;}
.crm-note{padding:18px;background:#fff;border:1px solid #d2dcee;border-radius:16px;}.crm-note.is-flag{background:#fff3dc;border-color:#e8c680;}
.crm-note header,.crm-note footer{display:flex;justify-content:space-between;align-items:center;gap:12px;}.crm-note header strong{font-size:16px;color:#263e60;}
.crm-note>small{display:block;margin-top:8px;font-size:13px;color:#526783;}.crm-note p{font-size:16px;color:#253b57;}
.crm-visibility{background:#e9eef8;padding:4px 8px;border-radius:8px;font-size:12px;}.crm-note footer small{color:#526783;font-size:12px;}
.crm-note-editor{margin-top:18px;padding:18px;border:1px solid #cbd7eb;border-radius:16px;background:#fff;}
.crm-note-editor>summary{font-size:17px;font-weight:700;cursor:pointer;color:#3158be;}.crm-note-editor form{display:grid;gap:16px;margin-top:20px;}
.crm-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.crm-note-editor label{display:grid;gap:8px;font-size:14px;font-weight:650;color:#304968;}
.crm-note-editor :is(input,textarea,select){width:100%;padding:12px;border:1px solid #bdcce3;border-radius:10px;background:#f8faff;font-size:16px;color:#1b3150;}
.crm-note-editor .crm-flag-choice{display:flex;align-items:start;gap:12px;}.crm-flag-choice input{width:22px;height:22px;flex-shrink:0;}.crm-flag-choice small{display:block;font-weight:400;margin-top:4px;}
.field-site-awareness{margin:16px 20px;padding:18px;border:1px solid #d6c084;border-radius:16px;background:#fff9eb;color:#3d3828;}
.field-site-awareness header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.field-site-awareness h3{font-size:18px;margin:4px 0;}.field-site-awareness header>span{font-weight:700;color:#815006;}
.field-site-awareness>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;}
.field-site-awareness article{padding:14px;background:#fff;border:1px solid #e4dbc5;border-radius:12px;}
.field-site-awareness article.is-flag{background:#ffebc1;border-color:#d4ae56;}
.field-site-awareness article small,.site-alert-dialog article small{display:block;font-size:13px;color:#655632;margin-top:5px;}
.field-site-awareness article strong{font-size:16px;}.field-site-awareness article p{font-size:16px;margin:8px 0 0;}
.site-alert-dialog{max-width:760px;background:#fffaf0;padding:24px;}.site-alert-dialog header{margin-bottom:20px;}
.site-alert-dialog article{padding:16px;border:1px solid #dfbf7c;background:#fff0d0;border-radius:12px;margin-bottom:12px;font-size:17px;}
@media(max-width:700px){.crm-records{padding:16px;}.crm-section-heading{align-items:start;flex-direction:column;}.crm-form-grid{grid-template-columns:1fr;}.crm-history-row summary{flex-wrap:wrap;padding:14px;gap:10px;}.crm-record-copy{flex-basis:calc(100% - 60px);}.crm-record-detail{padding:0 14px 16px;}.crm-note-cards{grid-template-columns:1fr;}.field-site-awareness{margin:12px;}.site-alert-dialog{padding:18px;}}
@media(prefers-reduced-motion:no-preference){.crm-history-row[open] .crm-record-detail,.site-alert-dialog[open]{animation:page-in 200ms ease-out;}}
.crm-profile-facts{display:flex;flex-wrap:wrap;gap:24px;padding:16px 24px;border-block:1px solid #d8e1f0;background:#f5f8ff;}.crm-profile-facts>span{display:grid;gap:5px;}.crm-profile-facts small{font-size:12px;color:#536780;}.crm-profile-facts strong{font-size:15px;color:#223c5e;}

/* Focused CRM navigation: one section at a time, with a dedicated note sheet. */
.crm-tabbed-workspace{padding:0;background:#f6f8fd;}
.crm-tabs{display:flex;gap:5px;overflow-x:auto;padding:12px 16px;background:#eef2fb;border-block:1px solid #d5dff0;scrollbar-width:thin;}
.crm-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;min-height:44px;border:0;border-radius:12px;padding:10px 13px;color:#49607e;background:transparent;font-size:14px;font-weight:650;white-space:nowrap;}
.crm-tabs [role=tab][aria-selected=true]{background:#fff;color:#244bb7;box-shadow:0 2px 8px #243a6217;}
.crm-tabs [role=tab]:hover{background:#ffffffa8;}.crm-tabs [role=tab]:focus-visible{outline:3px solid #315ee4;outline-offset:-3px;}
.crm-tabs [role=tab] b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#f8dab0;color:#78500b;font-size:12px;}
.crm-tab-panel{padding:24px;min-height:360px;}.crm-tab-panel[hidden]{display:none!important;}
.crm-tab-panel>.crm-section-heading{margin-bottom:18px;}.crm-tab-panel .crm-section-heading h3{font-size:21px;}.crm-tab-panel .crm-section-heading p{font-size:14px;line-height:1.5;}
.crm-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;}
.crm-quick-links>button{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #d3dff2;border-radius:16px;background:#fff;color:#2f4d80;text-align:left;}
.crm-quick-links>button>i:first-child{font-size:24px;color:#5477d7;}.crm-quick-links>button>i:last-child{margin-left:auto;font-size:12px;}.crm-quick-links span{display:grid;gap:3px;}.crm-quick-links strong{font-size:26px;line-height:1.1;}.crm-quick-links small{font-size:13px;color:#506783;}
.crm-tabbed-workspace .crm-profile-facts{border:1px solid #d8e1f0;border-radius:14px;background:#fff;padding:16px;gap:20px;}
.crm-overview-alerts{margin-top:20px;padding:18px;border:1px solid #e6c386;border-radius:16px;background:#fff7e8;}.crm-overview-alerts>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}.crm-overview-alerts h4{font-size:17px;margin:0;color:#745016;}
.crm-flag-preview{display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #e8d5ac;padding:12px 0;background:transparent;width:100%;text-align:left;color:#76521f;}.crm-flag-preview>span{display:grid;flex:1;min-width:0;gap:5px;}.crm-flag-preview strong{font-size:14px;}.crm-flag-preview small{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm-calm-state{display:flex;align-items:center;gap:12px;margin:20px 0;padding:16px;border-radius:14px;background:#eaf4f0;color:#315f52;font-size:14px;}
.crm-preferred-disclosure{margin-top:20px;border:1px solid #d7e1f0;border-radius:14px;background:#fff;}.crm-preferred-disclosure>summary{padding:16px;color:#2e4567;font-size:15px;font-weight:700;cursor:pointer;}.crm-preferred-disclosure>summary span{font-size:13px;font-weight:400;color:#60728b;margin-left:8px;}.crm-preferred-disclosure .preferred-crew-card{margin:0;border:0;box-shadow:none;}
.crm-section-search{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:16px;background:#fff;border:1px solid #cbd8eb;border-radius:12px;color:#587398;}.crm-section-search input{min-width:0;width:100%;padding:3px;border:0;background:transparent;font-size:16px;color:#223d62;outline:none;}.crm-section-search:focus-within{outline:2px solid #315ee4;}
.crm-tab-panel [data-record-list]{border:1px solid #d3dff0;border-radius:14px;background:#fff;overflow:hidden;}.crm-tab-panel .crm-history-row:first-child{border-top:0;}.crm-load-more{margin-top:16px;}.crm-row-chevron{font-size:13px;color:#647b9d;}.crm-history-row[open] .crm-row-chevron{transform:rotate(180deg);}
.crm-notes-tools{display:flex;gap:12px;align-items:center;margin-bottom:16px;}.crm-notes-tools .crm-section-search{margin:0;flex:1;}.crm-note-filter{display:flex;align-items:center;gap:8px;font-size:13px;color:#526986;}.crm-note-filter select{padding:12px;border:1px solid #cbd8eb;border-radius:12px;background:#fff;color:#223d62;font-size:14px;}
.crm-tab-panel[data-crm-panel=properties]>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.crm-tab-panel[data-crm-panel=properties] .section-heading{grid-column:1/-1;margin:0;}.crm-tab-panel[data-crm-panel=properties] .customer-side-card{background:#fff;border:1px solid #d6e0ef;border-radius:16px;padding:20px;margin:0;}.crm-tab-panel[data-crm-panel=properties] .customer-side-card>strong{font-size:18px;}.crm-tab-panel[data-crm-panel=properties] .customer-side-card p{font-size:15px;line-height:1.6;}
.crm-tab-panel[data-crm-panel=activity] .customer-timeline{padding:12px 0;}.crm-tab-panel[data-crm-panel=activity] .timeline-item strong{font-size:15px;}.crm-tab-panel[data-crm-panel=activity] .timeline-item small{font-size:13px;}
.crm-note-modal{width:min(94vw,760px);max-height:90dvh;padding:24px;background:#f8faff;}.crm-note-modal>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;}.crm-note-modal form{display:grid;gap:18px;}.crm-note-modal .crm-form-grid{grid-template-columns:1fr 1fr;}.crm-note-modal .crm-form-grid>label:last-child{grid-column:1/-1;}.crm-note-modal label{display:grid;gap:8px;font-size:14px;font-weight:650;color:#304968;}.crm-note-modal :is(textarea,select){width:100%;padding:12px;border:1px solid #bdcce3;border-radius:10px;background:#fff;font-size:16px;color:#1b3150;}.crm-note-modal .crm-flag-choice{display:flex;align-items:start;gap:12px;}.crm-note-modal footer{padding:0;}.crm-note-modal [data-note-status]:empty{display:none;}
@media(max-width:700px){.crm-tabs{padding:10px;gap:4px;}.crm-tabs [role=tab]{flex:none;padding:10px;font-size:14px;}.crm-tab-panel{padding:16px;min-height:300px;}.crm-quick-links{gap:8px;}.crm-quick-links>button{padding:12px;flex-direction:column;align-items:start;gap:8px;}.crm-quick-links>button>i:last-child{display:none;}.crm-quick-links strong{font-size:23px;}.crm-notes-tools{align-items:stretch;flex-direction:column;}.crm-note-filter{justify-content:space-between;}.crm-note-filter select{flex:1;}.crm-tab-panel[data-crm-panel=properties]>aside{grid-template-columns:1fr;}.crm-note-modal{padding:20px;}.crm-note-modal .crm-form-grid{grid-template-columns:1fr;}.crm-tabbed-workspace .crm-section-heading{flex-direction:row;align-items:start;flex-wrap:wrap;}.crm-tabbed-workspace .crm-section-heading .btn{flex-shrink:0;}}
@media(prefers-reduced-motion:no-preference){.crm-tab-panel:not([hidden]){animation:page-in 160ms ease-out;}.crm-tabs [role=tab]{transition:background 150ms,color 150ms;}.crm-note-modal[open]{animation:page-in 180ms ease-out;}}
.crm-category-filter{display:grid;gap:7px;padding:0 16px 12px;font-size:13px;font-weight:650;color:#506580;}.crm-category-filter select,.crm-category-edit select{padding:10px 12px;border:1px solid #c8d5e9;border-radius:10px;background:#fff;color:#253e60;font-size:15px;}
.crm-category-badge{display:inline-block;width:fit-content;font-size:11px;font-style:normal;font-weight:650;padding:3px 8px;border-radius:7px;}.crm-category-badge.residential{background:#e0efe8;color:#246148;}.crm-category-badge.commercial{background:#e4e9fb;color:#3a52a0;}.crm-category-edit{display:flex;gap:8px;align-items:center;}.crm-category-edit .btn{padding:8px 12px;min-height:40px;}

/* Employee job workspace: focused steps with optional guided navigation. */
.field-workflow-page .field-layout{grid-template-columns:minmax(250px,29%) minmax(0,1fr);gap:20px;}
.field-workflow-page .field-detail{overflow:visible;background:#fff;border:1px solid #d4dff0;border-radius:22px;}
.field-workflow-page .field-detail-head{padding:22px 24px 12px;}.field-workflow-page .field-detail-head h2{font-size:26px;}.field-workflow-page .field-detail-head p{font-size:15px;}.field-workflow-page .field-detail-head small{font-size:12px;}
.field-workflow-page .field-job-copy b{font-size:15px;}.field-workflow-page .field-job-copy small,.field-workflow-page .field-job-copy em,.field-workflow-page .field-job-time small,.field-workflow-page .field-progress small{font-size:12px;}.field-workflow-page .field-job-time{font-size:14px;}.field-workflow-page .field-job-card{padding:16px 14px;gap:10px;}.field-workflow-page .field-progress b{font-size:14px;}
.job-location-line{display:flex;align-items:start;gap:9px;padding:0 24px 20px;font-size:14px;color:#526884;line-height:1.5;}.job-location-line>i{color:#4d71c4;}.job-location-line strong{color:#2d486b;}
.job-session-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:0 24px 18px;background:#edf4ff;border:1px solid #d2dff3;border-radius:15px;}.job-session-bar>div{display:flex;gap:10px;flex-wrap:wrap;}.job-session-bar>div:first-child{display:grid;gap:5px;}.job-session-bar strong{font-size:16px;color:#284469;}.job-session-bar small{font-size:13px;color:#526985;}.job-session-bar .btn{white-space:nowrap;font-size:14px;}
.job-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px 16px;color:#576c88;font-size:14px;}.job-workspace-toolbar strong{color:#25486f;}.job-guide-toggle{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;color:#324f78;white-space:nowrap;cursor:pointer;}.job-guide-toggle input{width:20px;height:20px;accent-color:#345fe3;}.job-guide-description{margin:0;padding:0 24px 16px;font-size:14px;color:#576c88;line-height:1.5;}
.job-step-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 16px;gap:6px;background:#edf2fc;border-block:1px solid #d8e2f3;}.job-step-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;min-height:46px;border:0;border-radius:12px;background:transparent;color:#536b8e;font-size:15px;font-weight:650;}.job-step-tabs button.active{background:#fff;color:#2d55c1;box-shadow:0 2px 8px #223d6118;}.job-step-tabs button:focus-visible{outline:3px solid #456de4;outline-offset:-3px;}.job-step-tabs button small{display:grid;place-items:center;min-width:18px;height:18px;border-radius:6px;background:#f8dfb9;color:#805218;font-size:11px;}.job-step-number{display:none;}.is-guided .job-step-number{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:#dce5f8;color:#3659a0;font-size:12px;}.is-guided .job-step-tabs button.active .job-step-number{background:#345fe3;color:#fff;}
.job-work-panel{padding:24px;min-height:300px;}.job-work-panel[hidden]{display:none!important;}.job-section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px;}.job-section-heading h3{font-size:22px;color:#203b5e;margin:0 0 7px;}.job-section-heading p{font-size:15px;line-height:1.5;color:#526985;margin:0;}.job-section-heading>span{flex-shrink:0;padding:6px 10px;border-radius:9px;background:#edf2fc;font-size:13px;color:#3c5d8f;font-weight:650;}
.job-site-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;}.job-site-card{padding:18px;border:1px solid #d5e0ee;border-radius:15px;background:#f8faff;}.job-site-card.is-flag{background:#fff2d7;border-color:#dfbc79;}.job-site-card header{display:flex;gap:9px;align-items:center;font-size:17px;color:#314e77;}.job-site-card.is-flag header{color:#795215;}.job-site-card small{display:block;font-size:13px;margin:8px 0;color:#566b88;}.job-site-card p{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0;color:#283e5a;}
.job-soft-empty{grid-column:1/-1;display:grid;justify-items:center;align-content:center;gap:10px;min-height:180px;padding:24px;border:1px dashed #cbd8ea;border-radius:16px;background:#f8faff;text-align:center;color:#516c90;}.job-soft-empty>i{font-size:30px;color:#6587c8;}.job-soft-empty strong{font-size:18px;color:#314d73;}.job-soft-empty p{font-size:15px;line-height:1.5;margin:0;max-width:460px;}
.job-checklist-progress{display:block;width:100%;height:8px;margin:0 0 20px;border:0;border-radius:10px;accent-color:#3b67df;overflow:hidden;}.job-checklist-progress::-webkit-progress-bar{background:#e7edf7;}.job-checklist-progress::-webkit-progress-value{background:#3b67df;border-radius:10px;}
.job-checklist-group{border:1px solid #d5dfef;border-radius:16px;margin-bottom:14px;overflow:hidden;}.job-checklist-group>summary{display:flex;align-items:center;gap:12px;padding:16px;background:#f1f5fd;cursor:pointer;list-style:none;}.job-checklist-group>summary strong{flex:1;font-size:17px;color:#2e486b;}.job-checklist-group>summary span{font-size:14px;color:#526e94;}.job-checklist-group[open]>summary>i{transform:rotate(180deg);}.job-checklist-task{padding:16px;border-top:1px solid #e1e8f3;}.job-checklist-task.done{background:#f1f8f5;}.job-checklist-task>label{display:flex;align-items:start;gap:13px;cursor:pointer;}.job-checklist-task input{width:24px;height:24px;flex-shrink:0;accent-color:#2d8a6a;margin-top:1px;}.job-checklist-task label span{display:grid;gap:5px;}.job-checklist-task strong{font-size:16px;line-height:1.4;color:#243f60;}.job-checklist-task small{font-size:13px;color:#587091;}.job-checklist-task>p{margin:10px 0 0 37px;font-size:14px;white-space:pre-wrap;color:#536a88;}.job-checklist-task>.btn{margin:12px 0 0 37px;font-size:13px;}
.job-upload-card{padding:18px;border:1px solid #cbd9f0;border-radius:16px;background:#f1f5ff;margin-bottom:20px;}.job-upload-card label{display:grid;gap:8px;font-size:14px;font-weight:650;color:#345278;}.job-upload-card select{width:100%;padding:12px;border:1px solid #c3d2e9;border-radius:10px;background:#fff;color:#244367;font-size:16px;}.job-upload-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 12px;}.job-upload-card>small{font-size:13px;color:#5a7295;line-height:1.5;}.job-evidence-gallery .photo-tile{padding:10px!important;gap:8px!important;}.job-thumbnail{display:grid;position:relative;place-items:center;width:100%;height:170px;background:#eaf0fa;border-radius:10px;overflow:hidden;}.job-thumbnail>.job-media-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;}.job-evidence-gallery .photo-tile .job-media-task{font-size:12px;color:#456487;line-height:1.4;}.job-evidence-gallery .photo-tile>strong{font-size:14px;}.job-evidence-gallery .photo-tile>small{font-size:12px;}
.job-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.job-review-grid>button{display:grid;justify-items:start;gap:8px;padding:20px;border:1px solid #d0dfed;border-radius:16px;background:#f1f7ff;text-align:left;}.job-review-grid>button>i{font-size:25px;color:#3d7c9d;}.job-review-grid strong{font-size:16px;color:#2d4c71;}.job-review-grid small{font-size:13px;color:#557193;}
.job-finish-blockers{padding:18px;margin-top:18px;border:1px solid #e3c38b;border-radius:15px;background:#fff6e7;color:#775020;}.job-finish-blockers>strong{font-size:16px;}.job-finish-blockers>button{display:flex;align-items:start;gap:9px;width:100%;padding:10px 0;border:0;background:transparent;color:#775020;font-size:15px;text-align:left;}
.job-completion-card{display:grid;justify-items:center;gap:12px;padding:28px 20px;border:1px solid #d2e0ef;border-radius:18px;background:#f8fbff;margin-top:20px;text-align:center;}.job-completion-card>i{font-size:34px;color:#567abe;}.job-completion-card.is-complete{background:#eff8f3;border-color:#c6e1d3;}.job-completion-card.is-complete>i{color:#26805e;}.job-completion-card h4{font-size:21px;margin:0;color:#274464;}.job-completion-card p{max-width:500px;margin:0;color:#526c8a;font-size:15px;line-height:1.6;}.job-completion-card .btn{margin-top:6px;}
.job-team-note{display:grid;gap:12px;justify-items:start;margin-bottom:20px;}.job-team-note label{display:grid;gap:9px;width:100%;font-size:15px;font-weight:650;color:#334f74;}.job-team-note textarea{width:100%;border:1px solid #cbd8eb;border-radius:12px;padding:14px;font-size:16px;background:#fbfcff;}.job-team-notes>article{padding:16px;border:1px solid #d7e2f0;border-radius:14px;margin-bottom:12px;}.job-team-notes header{display:flex;justify-content:space-between;gap:10px;font-size:15px;}.job-team-notes small{font-size:12px;color:#657b99;}.job-team-notes p{font-size:16px;color:#304b6c;white-space:pre-wrap;line-height:1.6;margin:10px 0 0;}.job-activity-disclosure{border:1px solid #d3dfef;border-radius:14px;margin-top:16px;padding:16px;}.job-activity-disclosure>summary{cursor:pointer;font-size:16px;font-weight:650;color:#365377;}.job-activity-disclosure>summary>span{font-size:13px;font-weight:400;color:#5e7799;margin-left:10px;}.job-activity-disclosure .field-timeline{margin-top:18px;}.job-activity-disclosure .field-timeline strong{font-size:15px;}.job-activity-disclosure .field-timeline small{font-size:13px;}
.job-guide-footer{position:sticky;z-index:8;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;margin:0 16px 16px;border:1px solid #c5d5ee;border-radius:16px;background:#f0f5fff2;box-shadow:0 6px 24px #22436b18;backdrop-filter:blur(20px);font-size:14px;color:#345579;}.job-guide-footer[hidden]{display:none!important;}.job-guide-footer>div{display:flex;gap:10px;align-items:center;}.job-support-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 24px;border-top:1px solid #e0e7f2;}.job-support-bar .btn{font-size:13px;}
.job-upload-review{width:min(94vw,1120px);max-height:94dvh;padding:24px;background:#f8faff;}.job-upload-review>header{margin-bottom:16px;}.job-upload-review header p{font-size:14px;overflow-wrap:anywhere;color:#5c7394;}.job-upload-review [data-preview]>img,.job-upload-review [data-preview]>video{display:block;width:100%;max-height:48dvh;object-fit:contain;border-radius:14px;background:#13223a;}.job-upload-review [data-preview]>[hidden]{display:none;}.job-upload-review form,.job-confirm-dialog form{display:grid;gap:16px;margin-top:20px;}.job-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.job-upload-review label,.job-confirm-dialog label{display:grid;gap:8px;font-size:14px;font-weight:650;color:#345278;}.job-upload-review :is(select,input:not([type=checkbox])),.job-confirm-dialog :is(select,textarea){width:100%;padding:12px;border:1px solid #bdcee6;border-radius:10px;background:#fff;color:#284569;font-size:16px;}.job-upload-review footer,.job-confirm-dialog footer{padding:0;}.job-upload-review [role=status],.job-confirm-dialog [role=status]{font-size:14px;color:#43678f;line-height:1.5;}.job-upload-review.is-uploading [role=status]::before{content:'';display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid #bad0f7;border-top-color:#3769dc;border-radius:50%;animation:job-saving 800ms linear infinite;}
.job-confirm-dialog{max-width:620px;padding:26px;background:#f8faff;}.job-confirm-dialog>p{font-size:16px;color:#4f6889;line-height:1.6;}.job-confirm-dialog .job-location-option{display:flex;gap:12px;align-items:start;padding:14px;background:#edf3fc;border-radius:12px;margin:20px 0;}.job-location-option input{width:22px;height:22px;flex-shrink:0;accent-color:#3465d8;}.job-location-option small{display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:6px;}.field-workflow-page [aria-busy=true] [data-checklist]{opacity:.6;}
@keyframes job-saving{to{transform:rotate(360deg);}}
@media(max-width:900px){.field-workflow-page .field-layout{display:block;}.field-workflow-page .field-jobs{margin-bottom:16px;}.field-workflow-page [data-jobs]{display:flex;gap:10px;overflow-x:auto;padding:10px;}.field-workflow-page .field-job-card{flex:0 0 280px;border:1px solid #d5e0ef;border-radius:12px;}.job-session-bar{flex-wrap:wrap;}}
@media(max-width:600px){.field-workflow-page .field-detail-head{padding:18px 16px 10px;}.field-workflow-page .field-detail-head h2{font-size:23px;}.job-location-line{padding:0 16px 16px;}.job-session-bar{margin:0 16px 16px;padding:14px;}.job-workspace-toolbar{padding:0 16px 14px;flex-wrap:wrap;gap:10px;}.job-guide-description{padding:0 16px 14px;}.job-step-tabs{gap:3px;padding:7px;}.job-step-tabs button{font-size:13px;gap:5px;padding:10px 3px;flex-wrap:wrap;}.is-guided .job-step-tabs button{flex-direction:column;}.job-work-panel{padding:18px 16px;}.job-section-heading{flex-wrap:wrap;gap:10px;}.job-section-heading h3{font-size:20px;}.job-site-cards{grid-template-columns:1fr;}.job-review-grid{grid-template-columns:1fr;}.job-guide-footer{bottom:calc(88px + env(safe-area-inset-bottom));padding:12px;margin:0 10px 10px;flex-wrap:wrap;}.job-guide-footer>div{margin-left:auto;}.job-guide-footer .btn{font-size:14px;}.job-support-bar{padding:14px 16px;}.job-upload-review,.job-confirm-dialog{padding:20px;}.job-form-grid{grid-template-columns:1fr;}.job-team-notes header{flex-direction:column;gap:5px;}.job-evidence-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.job-thumbnail{height:130px;}}
@media(prefers-reduced-motion:no-preference){.job-work-panel:not([hidden]){animation:page-in 170ms ease-out;}.job-step-tabs button{transition:background 150ms,color 150ms;}.job-confirm-dialog[open],.job-upload-review[open]{animation:page-in 180ms ease-out;}}
@media(prefers-reduced-motion:reduce){.job-upload-review.is-uploading [role=status]::before{animation:none;}}

/* Lifecycle records stay legible on mobile and desktop. */
.job-locked-banner{display:flex;gap:12px;padding:18px;margin-bottom:16px;border-radius:18px;background:#e7edf8;color:#263d68;line-height:1.55}.job-locked-banner i{font-size:24px}.job-audit-entry{display:flex;flex-direction:column;gap:8px;padding:18px;border-left:3px solid #5276d8;background:#f3f6fc;border-radius:0 14px 14px 0;margin-bottom:12px}.job-audit-entry small{color:#455774}.job-audit-entry p{margin:0}.job-audit-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.job-note-section textarea{width:100%;padding:14px;border:1px solid #b5c3dc;border-radius:12px;font:inherit;margin-top:8px}

/* Email recovery: readable evidence forms on desktop and in the iOS wrapper. */
.email-recovery-dialog .job-note-section { display:grid; gap:16px; overflow-wrap:anywhere; }
.email-recovery-dialog .job-note-section p { margin:0; }
.email-recovery-dialog label { display:grid; gap:8px; font-weight:600; }
.email-recovery-dialog input,
.email-recovery-dialog select,
.email-recovery-dialog textarea { width:100%; min-width:0; box-sizing:border-box; font-size:16px; }
.email-recovery-dialog .job-audit-entry { display:grid; gap:10px; }
.email-recovery-dialog .job-audit-entry > button { justify-self:start; }

.order-workspace-dialog{max-width:1100px}.order-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.order-summary>span{padding:16px;border-radius:18px;background:#eaf0ff;color:#244477}.order-summary strong{display:block;font-size:1.5rem;color:#162a50}.order-tabs{display:flex;gap:8px;padding:12px 24px;overflow-x:auto;background:#edf1f8}.order-tabs [aria-selected=true]{background:#3158db;color:white;box-shadow:0 3px 9px #3158db33}.order-workspace-dialog [role=tabpanel]{animation:order-panel-in .18s ease-out}@keyframes order-panel-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.order-workspace-dialog [role=tabpanel]{animation:none}}

.order-workspace-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;background:#edf2ff;border-bottom:1px solid #d9e2f5}.order-workspace-dialog>header p{margin:6px 0 0}.order-workspace-dialog>header .btn{width:auto;height:auto;min-height:44px;padding:10px 16px;flex:none;border:1px solid #ced9ef;background:white}.order-workspace-dialog .operations-row{gap:12px;padding:14px 0}.order-workspace-dialog .operations-row .btn{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #ced9ef;background:white;border-radius:12px}.order-workspace-dialog .order-tabs .btn{min-height:44px;white-space:nowrap}

.job-resolution-dialog{max-height:calc(100dvh - 32px);overflow:auto}.job-resolution-dialog>form>header{position:sticky;top:0;z-index:2}.job-resolution-dialog>form>footer{position:sticky;bottom:0;z-index:2;background:#f2f6ff;border-top:1px solid #ced9ed}.job-resolution-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.job-resolution-actions .btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;border:1px solid #c3d2ee;border-radius:12px;background:white;color:#244777;white-space:normal;text-align:center}.job-resolution-actions .btn:hover{background:#e7efff}.job-resolution-dialog [aria-busy=true]{cursor:progress}.job-resolution-dialog .btn:focus-visible{outline:3px solid #749aff;outline-offset:3px}

.lifecycle-evidence{padding:24px;color:#243b60}.lifecycle-evidence>header p,.lifecycle-evidence>p{color:#526987;line-height:1.6}.lifecycle-evidence-row{margin:12px 0;border:1px solid #cbd8ec;border-radius:16px;background:#f7faff;overflow:hidden}.lifecycle-evidence-row summary{display:flex;justify-content:space-between;gap:16px;padding:18px;cursor:pointer;min-height:56px}.lifecycle-evidence-row summary small{display:block;margin-top:6px;color:#526987}.lifecycle-evidence-row[open] summary{background:#e9f0ff;border-bottom:1px solid #cbd8ec}.lifecycle-evidence-row>div{padding:18px}.lifecycle-evidence-row dl>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.lifecycle-evidence-row .btn{display:inline-flex;padding:12px 16px;border:1px solid #bfd0ed;background:white;border-radius:12px;color:#2457b6}.report-tabs{overflow-x:auto}.report-tabs button{white-space:nowrap;min-height:44px}@media(max-width:600px){.lifecycle-evidence{padding:16px}.lifecycle-evidence-row summary{flex-direction:column}.lifecycle-evidence-row dl>div{flex-wrap:wrap}}

/* Account security keeps setup and recovery in one focused panel. */
.account-security{max-width:780px;margin-inline:auto}.account-security .panel{padding:clamp(22px,4vw,40px)}
.account-security .panel>p{line-height:1.65}.account-security form{margin-top:24px}.account-security li{margin-block:10px}
.security-icon{font-size:32px;color:#3159d8;margin-bottom:16px}.security-actions{display:flex;gap:12px;flex-wrap:wrap}
.security-ack{display:flex;align-items:center;gap:10px;margin-block:20px}.account-security textarea{width:100%;padding:16px;border:1px solid #bcc8de;border-radius:14px;font:600 16px/1.8 ui-monospace,monospace;color:#1e3152;background:#f5f7fc}
.account-security [data-secret]{font-family:ui-monospace,monospace;font-size:16px}.account-security [aria-busy=true]{opacity:.7}

[data-mfa-field][hidden]{display:none!important}

.push-device-settings{margin-top:24px;padding:18px!important}.push-device-settings p{line-height:1.6}.push-device-settings button{margin:6px 6px 0 0}.push-device-settings [hidden]{display:none!important}.notification-settings .quiet-hours input{width:120px;height:auto;border-radius:8px;padding:8px;border:1px solid #bdcae0;background:white;color:#263957;appearance:auto}
.notification-settings form label.quiet-hours{display:flex;flex-direction:column;align-items:stretch;gap:8px;grid-column:1/-1;text-align:left;justify-items:stretch;padding:14px 0}
.notification-settings label.quiet-hours span{display:block}.notification-settings label.quiet-hours b,.notification-settings label.quiet-hours small{display:block;line-height:1.5}.notification-settings label.quiet-hours input{width:100%;min-height:44px}
.notification-center>nav{gap:14px;padding:10px 18px}.notification-center>nav button{padding:6px 10px}