/* Tahcar workspace: shared structure, type, and controls for focused work. */
body[data-workspace-page]{--bg:#f1f4f7;--ink:#1b334e;--muted:#697e94;--line:#d5e0eb;--lux-border:#cbd7e3;--lux-shadow:0 3px 8px #19365204,0 12px 26px #19365205;background:var(--bg);color:var(--ink)}
body[data-workspace-page] main{max-width:1600px;padding:32px 34px 54px}
body[data-workspace-page] .page-heading{gap:24px;margin-bottom:24px;align-items:center}
body[data-workspace-page] .page-heading h1{font:700 34px/1.22 Manrope,'DM Sans',sans-serif;letter-spacing:-.04em;color:#18324f;margin:7px 0 9px}
body[data-workspace-page] .eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:#5a728c}
body[data-workspace-page] .page-heading p{font-size:15px;line-height:1.6;color:#607386}
body[data-workspace-page] .btn{min-height:44px;padding:10px 15px;border:1px solid #c7d5e5;border-radius:8px;background:#fff;color:#3b5e85;font-size:14px;font-weight:600;box-shadow:0 1px 2px #18324b03;line-height:1.45;align-items:center;justify-content:center;gap:8px;text-decoration:none}
body[data-workspace-page] .btn:hover{background:#f3f7fd;border-color:#9fbbd9}
body[data-workspace-page] .primary,body[data-workspace-page] .btn.primary{background:#004aad;color:#fff;border-color:#004aad;min-height:44px;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 3px 6px #004aad0c;line-height:1.45}
body[data-workspace-page] .primary:hover,body[data-workspace-page] .btn.primary:hover{background:#003f94;border-color:#003f94}
body[data-workspace-page] .field{font-size:14px;font-weight:500;color:#4d6784;line-height:1.5;gap:7px}
body[data-workspace-page] .field input,body[data-workspace-page] .field select,body[data-workspace-page] .field textarea{min-height:46px;border:1px solid #cbd7e4;border-radius:8px;padding:11px 12px;background:#fff;color:#29425e;box-shadow:0 1px 2px #18324b03;font-size:15px;font-weight:400;line-height:1.4}
body[data-workspace-page] .field input:focus,body[data-workspace-page] .field select:focus,body[data-workspace-page] .field textarea:focus{border-color:#739dce}
body[data-workspace-page] .field input:read-only{background:#f0f4f8;color:#607387;box-shadow:none}
body[data-workspace-page] input::placeholder,body[data-workspace-page] textarea::placeholder{color:#657280;opacity:1}
body[data-workspace-page] .optional,body[data-workspace-page] .small,body[data-workspace-page] .muted.small{font-size:12px;color:#637282}
body[data-workspace-page] .demo-bar{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:0;padding:0;margin:0 0 20px;font-size:12px;line-height:1.6;color:#657280}
body[data-workspace-page] .demo-pill{font-size:12px;color:#5a738e;font-weight:600;letter-spacing:.04em}
body[data-workspace-page] .soft-badge{font-size:12px;font-weight:500;background:#eff4fa;border:1px solid #e0e8f1;color:#5b738c;border-radius:5px;padding:4px 8px}
body[data-workspace-page] dialog{border:1px solid #b9cce0;border-radius:15px;box-shadow:0 24px 90px #17345335}
body[data-workspace-page] dialog::backdrop{background:#172b465e;backdrop-filter:blur(3px)}
body[data-workspace-page] .modal-heading{padding:22px 24px;background:#fff;border-bottom:1px solid #dce5ef}
body[data-workspace-page] .modal-heading h2{font-size:23px;font-weight:700;letter-spacing:-.025em}
body[data-workspace-page] .modal-footer{padding:16px 24px;gap:10px;background:#f6f9fc;border-color:#dce5ef}
body[data-workspace-page] .toast{border-radius:9px;background:#183b62;font-size:14px;line-height:1.5;box-shadow:0 9px 30px #18324b25}
/* Schedule — one form, clearly separated working sections and a quiet route summary. */
body[data-workspace-page=schedule] main{padding-bottom:70px}
body[data-workspace-page=schedule] .draft-actions{gap:8px}
body[data-workspace-page=schedule] .draft-actions span{font-size:12px}
body[data-workspace-page=schedule] .section-nav{position:sticky;top:0;z-index:10;padding:13px 0;margin:0 0 11px;gap:8px;flex-wrap:nowrap;overflow-x:auto;background:#f1f4f7;scrollbar-width:thin}
body[data-workspace-page=schedule] .section-nav a{padding:8px 12px;min-height:42px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;gap:8px;color:#607287}
body[data-workspace-page=schedule] .section-nav a[aria-current=location]{background:#fff;color:#004aad;border-color:#cbd9eb;box-shadow:0 2px 5px #18324b05}
body[data-workspace-page=schedule] .section-nav a:hover{background:#fff;color:#004aad}
body[data-workspace-page=schedule] .section-nav span{font-size:12px;font-weight:500;width:22px;height:22px;background:#fff;border-color:#d4deea}
body[data-workspace-page=schedule] .workspace{grid-template-columns:minmax(0,1fr) 334px;gap:24px}
body[data-workspace-page=schedule] #schedule-form{gap:24px}
body[data-workspace-page=schedule] .panel{padding:25px;border:1px solid #cbd7e3;border-radius:14px;box-shadow:var(--lux-shadow);container-type:inline-size;scroll-margin-top:84px}
body[data-workspace-page=schedule] .section-heading{margin-bottom:21px;padding-bottom:18px;border-bottom:1px solid #e2e9f1;gap:14px;align-items:center}
body[data-workspace-page=schedule] h2{font-size:20px;font-weight:700;gap:11px;color:#213c58}
body[data-workspace-page=schedule] .number{width:30px;height:30px;border-radius:8px;background:#edf3fb;border:1px solid #dce7f5;font-size:13px;font-weight:600}
body[data-workspace-page=schedule] .section-description{font-size:14px;line-height:1.6;margin:-5px 0 21px;color:#617285}
body[data-workspace-page=schedule] .transport-grid{grid-template-columns:1fr 1fr 1.1fr;gap:18px;align-items:start}
body[data-workspace-page=schedule] .transport-grid>.field{grid-column:auto}
body[data-workspace-page=schedule] legend{font-size:14px;font-weight:500;color:#56708b;margin-bottom:8px}
body[data-workspace-page=schedule] .segmented{gap:7px;min-height:46px}
body[data-workspace-page=schedule] .segmented span{min-height:46px;border-radius:8px;border-color:#cedaea;background:#f8fafd;padding:10px 8px;font-size:14px;font-weight:500;box-shadow:none}
body[data-workspace-page=schedule] .segmented input:checked+span{border-color:#5281bb;background:#edf4ff;color:#004aad;box-shadow:inset 0 0 0 1px #5281bb;font-weight:600}
body[data-workspace-page=schedule] .segmented input:disabled+span{background:#f5f6f8;color:#69727c;border-color:#e1e6ec;box-shadow:none}
body[data-workspace-page=schedule] .inline-note{margin-top:16px;font-size:13px;line-height:1.6;color:#607385}
body[data-workspace-page=schedule] .location-grid{grid-template-columns:1fr 1fr;gap:18px}
body[data-workspace-page=schedule] .location-card{padding:20px;border:1px solid #d5e0ec;border-radius:10px;background:#f6f9fc}
body[data-workspace-page=schedule] .location-card h3{font-size:17px;font-weight:600;color:#325475;gap:9px;margin:0 0 18px}
body[data-workspace-page=schedule] .location-dot{width:8px;height:8px}
body[data-workspace-page=schedule] .saved-field{margin:0 0 16px}
body[data-workspace-page=schedule] .saved-field select{border-color:#b5cce7;background:#fff;color:#285588;font-weight:500}
body[data-workspace-page=schedule] .fields{gap:14px;margin-top:15px}
body[data-workspace-page=schedule] .location-fields{grid-template-columns:repeat(6,minmax(0,1fr))}
body[data-workspace-page=schedule] .location-fields>.field{grid-column:span 3}
body[data-workspace-page=schedule] .location-fields>.full,body[data-workspace-page=schedule] .location-fields>.lookup-status{grid-column:1/-1}
body[data-workspace-page=schedule] .location-fields>.field:has([name$=Zip]),body[data-workspace-page=schedule] .location-fields>.field:has([name$=City]),body[data-workspace-page=schedule] .location-fields>.field:has([name$=State]){grid-column:span 2}
body[data-workspace-page=schedule] .contact-heading{margin-top:23px;padding-top:20px;border-top:1px solid #d6e1ed;gap:12px;font-size:15px;font-weight:600;color:#395b7d}
body[data-workspace-page=schedule] .text-button{font-size:13px;font-weight:600;min-height:34px;line-height:1.5}
body[data-workspace-page=schedule] .contact-select{margin:10px 0;min-height:46px;border-radius:8px;border-color:#bfcee1;padding:11px 12px;font-size:14px;background:#fff;color:#325677}
body[data-workspace-page=schedule] .contact-location-hint{font-size:12px;line-height:1.6;color:#637282;margin:0 0 14px}
body[data-workspace-page=schedule] .contact-fields{margin-top:0}
body[data-workspace-page=schedule] .hours-info{margin-top:18px;padding:12px 13px;border:1px solid #e1e8f1;background:#eef3f9;border-radius:8px;font-size:13px;line-height:1.6}
body[data-workspace-page=schedule] .hours-info strong{font-weight:600}
body[data-workspace-page=schedule] .lookup-status{font-size:12px;line-height:1.5;min-height:0}
body[data-workspace-page=schedule] .return-banner{padding:16px 18px;gap:7px 20px;border-radius:9px;border-color:#bcd1eb;background:#eff5ff}
body[data-workspace-page=schedule] .vehicle-columns.two{grid-template-columns:1fr 1fr;gap:20px}
body[data-workspace-page=schedule] .vehicle-leg{padding:0;border:0;background:transparent;gap:14px}
body[data-workspace-page=schedule] .vehicle-leg h3{font-size:16px;font-weight:600;min-height:48px;line-height:1.5}
body[data-workspace-page=schedule] .vehicle-card{padding:20px;border-radius:10px;border-color:#cedcea;background:#f8fafc}
body[data-workspace-page=schedule] .vehicle-head{font-size:14px;margin-bottom:14px;color:#57728e}
body[data-workspace-page=schedule] .vehicle-head button{min-height:34px;font-size:12px;padding:5px 10px;background:#fff;border-color:#d3dfec}
body[data-workspace-page=schedule] [data-v=vin]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:.025em}
body[data-workspace-page=schedule] .vin-status{font-size:12px;line-height:1.5;min-height:2.9em;color:#627284}
body[data-workspace-page=schedule] .vehicle-specs{gap:12px;margin-top:12px}
body[data-workspace-page=schedule] .vehicle-extra{margin-top:20px;padding-top:16px;border-color:#dce5ef}
body[data-workspace-page=schedule] .vehicle-extra summary{font-size:14px;font-weight:500;min-height:32px}
body[data-workspace-page=schedule] .vehicle-leg>.add-button{min-height:46px;border-radius:8px;background:#f0f5fc;border:1px solid #b9cfe8;font-weight:600;font-size:14px}
body[data-workspace-page=schedule] .document-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
body[data-workspace-page=schedule] .upload-box,body[data-workspace-page=schedule] .notary-box{padding:20px;border-radius:10px;background:#f6f9fc;border-color:#d5e0ec}
body[data-workspace-page=schedule] .upload-box>strong,body[data-workspace-page=schedule] .toggle-line strong{font-size:15px;font-weight:600;color:#345473}
body[data-workspace-page=schedule] .upload-box p,body[data-workspace-page=schedule] .toggle-line small{font-size:13px;line-height:1.6;color:#627284;margin-top:6px}
body[data-workspace-page=schedule] .upload-button{min-height:44px;font-size:14px;font-weight:500;margin-top:6px;padding:10px 13px;border-radius:8px}
body[data-workspace-page=schedule] .file-list{font-size:13px;line-height:1.6}
body[data-workspace-page=schedule] #file-note{margin-top:16px;line-height:1.6}
body[data-workspace-page=schedule] .billing-options{gap:8px;background:transparent;border:0;padding:0}
body[data-workspace-page=schedule] .billing-options span{min-height:46px;font-size:14px;font-weight:500;border:1px solid #cbd8e7;background:#f7f9fc;border-radius:8px;padding:11px 8px;white-space:normal}
body[data-workspace-page=schedule] .billing-options input:checked+span{border-color:#6a94c7;background:#edf4ff;box-shadow:inset 0 0 0 1px #6a94c7;font-weight:600}
body[data-workspace-page=schedule] .billing-reference{margin-top:22px;max-width:none}
body[data-workspace-page=schedule] .summary-column{top:82px}
body[data-workspace-page=schedule] .summary-card{border:1px solid #c2d1e2;border-radius:14px;box-shadow:0 6px 20px #18324b08}
body[data-workspace-page=schedule] .summary-title{padding:22px}
body[data-workspace-page=schedule] .summary-title h2{font-size:19px}
body[data-workspace-page=schedule] .map-container{height:195px;border-top:1px solid #dce5ee;border-bottom:1px solid #dce5ee;background:#e8eff7}
body[data-workspace-page=schedule] .map-fallback{font-size:14px;line-height:1.7;color:#637383}
body[data-workspace-page=schedule] .map-caption{font-size:12px;line-height:1.5;padding:12px 20px 0;color:#66727f}
body[data-workspace-page=schedule] .route-stops{padding:20px 22px 6px}
body[data-workspace-page=schedule] .route-stops small{font-size:12px;letter-spacing:.055em;color:#65717e}
body[data-workspace-page=schedule] .route-stops strong{font-size:15px;font-weight:600;line-height:1.5;color:#375674}
body[data-workspace-page=schedule] .route-stops div>span:not(.stop-dot){font-size:13px}
body[data-workspace-page=schedule] .summary-facts{padding:0 22px}
body[data-workspace-page=schedule] .summary-facts>div{font-size:13px;padding:11px 0;line-height:1.5;border-color:#e5ebf3}
body[data-workspace-page=schedule] .summary-facts b{font-weight:500;color:#42617f}
body[data-workspace-page=schedule] .pricing{padding:18px 22px;background:#eff5fd;border-top:1px solid #dce7f5;margin-top:12px}
body[data-workspace-page=schedule] .pricing .eyebrow{font-size:12px;color:#507499;letter-spacing:.08em}
body[data-workspace-page=schedule] .pricing>div{font-size:14px;padding-top:10px;color:#456482}
body[data-workspace-page=schedule] .pricing b{font-weight:500}
body[data-workspace-page=schedule] .pricing .total{padding-top:13px;margin-top:13px;color:#2c4d70}
body[data-workspace-page=schedule] .total strong{font-size:29px;font-weight:600;color:#004aad}
body[data-workspace-page=schedule] .pricing .payer{font-size:12px;color:#607387}
body[data-workspace-page=schedule] .review-button{width:calc(100% - 44px);margin:20px 22px 0;min-height:48px}
body[data-workspace-page=schedule] .summary-footnote{font-size:12px;line-height:1.6;padding:10px 22px 19px;color:#667280}
body[data-workspace-page=schedule] .weather-panel{border:1px solid #cbd7e3;border-radius:14px;box-shadow:var(--lux-shadow)}
@container(max-width:720px){body[data-workspace-page=schedule] .location-grid,body[data-workspace-page=schedule] .vehicle-columns.two{grid-template-columns:1fr}body[data-workspace-page=schedule] .transport-grid{grid-template-columns:1fr 1fr}body[data-workspace-page=schedule] .transport-grid>.field{grid-column:1/-1}body[data-workspace-page=schedule] .document-grid{grid-template-columns:1fr}}
@media(max-width:1280px){body[data-workspace-page] main{padding:28px 25px 48px}body[data-workspace-page=schedule] .workspace{grid-template-columns:minmax(0,1fr) 305px;gap:20px}body[data-workspace-page=schedule] .panel{padding:22px}body[data-workspace-page=schedule] .section-nav a{padding:8px 9px}body[data-workspace-page=schedule] .summary-title,body[data-workspace-page=schedule] .pricing{padding-left:20px;padding-right:20px}}
@media(max-width:1000px){body[data-workspace-page=schedule] main{padding-bottom:115px}body[data-workspace-page=schedule] .workspace{grid-template-columns:1fr}body[data-workspace-page=schedule] .summary-column{position:static}body[data-workspace-page=schedule] .map-container{height:240px}body[data-workspace-page=schedule] .mobile-bar{background:#fff;padding:12px 22px;border-color:#cedbea;gap:15px}body[data-workspace-page=schedule] .mobile-bar small{font-size:12px}body[data-workspace-page=schedule] .mobile-bar strong{font-size:23px;font-weight:600}}
@media(max-width:760px){body[data-workspace-page] main{padding:24px 16px 40px}body[data-workspace-page] .page-heading{align-items:start;gap:15px;margin-bottom:20px}body[data-workspace-page] .page-heading h1{font-size:29px;line-height:1.25}body[data-workspace-page] .page-heading p{font-size:14px}body[data-workspace-page] .field input,body[data-workspace-page] .field select,body[data-workspace-page] .field textarea{font-size:16px;min-height:46px}body[data-workspace-page] .demo-bar{font-size:12px;line-height:1.6;gap:6px;margin-bottom:16px}body[data-workspace-page] .demo-pill{display:none}body[data-workspace-page=schedule] main{padding-bottom:125px}body[data-workspace-page=schedule] .page-heading{flex-wrap:wrap}body[data-workspace-page=schedule] .draft-actions{flex-direction:row;align-items:center}body[data-workspace-page=schedule] .draft-actions .btn{font-size:13px;min-height:40px;padding:8px 12px}body[data-workspace-page=schedule] .section-nav{gap:3px;margin-bottom:5px;padding:10px 0}body[data-workspace-page=schedule] .section-nav a{font-size:14px;padding:8px 10px;min-height:42px}body[data-workspace-page=schedule] .section-nav span{display:none}body[data-workspace-page=schedule] #schedule-form{gap:18px}body[data-workspace-page=schedule] .panel{padding:19px 17px;border-radius:12px}body[data-workspace-page=schedule] .section-heading{padding-bottom:15px;margin-bottom:18px;align-items:start;gap:8px}body[data-workspace-page=schedule] h2{font-size:18px;gap:9px}body[data-workspace-page=schedule] .number{width:27px;height:27px;font-size:12px;flex:none}body[data-workspace-page=schedule] .section-heading .small{font-size:12px}body[data-workspace-page=schedule] .section-description{font-size:13px;margin-bottom:18px}body[data-workspace-page=schedule] .location-card,body[data-workspace-page=schedule] .vehicle-card{padding:17px 14px}body[data-workspace-page=schedule] .vehicle-columns.two{grid-template-columns:1fr}body[data-workspace-page=schedule] .transport-grid{gap:15px}body[data-workspace-page=schedule] .contact-select{font-size:16px}body[data-workspace-page=schedule] .vehicle-specs{grid-template-columns:1fr 1fr;gap:10px}body[data-workspace-page=schedule] .vehicle-specs .field:last-child{grid-column:1/-1}body[data-workspace-page=schedule] .upload-box,body[data-workspace-page=schedule] .notary-box{padding:17px 15px}body[data-workspace-page=schedule] .billing-options{flex-direction:column;gap:9px}body[data-workspace-page=schedule] .billing-options span{font-size:14px}body[data-workspace-page=schedule] .mobile-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:12px}body[data-workspace-page=schedule] .mobile-bar .primary{font-size:14px;padding:11px 14px}body[data-workspace-page] .modal-heading{padding:20px}body[data-workspace-page] .modal-footer{padding:15px 20px}}
@media(max-width:480px){body[data-workspace-page=schedule] .location-fields>.field:has(input[type=date]),body[data-workspace-page=schedule] .location-fields>.field:has(input[type=time]){grid-column:1/-1}body[data-workspace-page=schedule] .section-heading .soft-badge{white-space:normal;max-width:90px;text-align:center}}
@media(prefers-reduced-motion:reduce){body[data-workspace-page]{scroll-behavior:auto}body[data-workspace-page] *{transition:none!important}}
/* Documents & Compliance — load dossiers with aligned evidence and paperwork. */
body[data-workspace-page=documents] .docs-heading{margin-bottom:0}
body[data-workspace-page=documents] .docs-heading>div{min-width:0}
body[data-workspace-page=documents] .docs-heading h1{font-size:34px}
body[data-workspace-page=documents] #create-packet{min-height:46px;padding:11px 16px;gap:9px;font-size:14px;font-weight:600;border-radius:8px;margin:0}
body[data-workspace-page=documents] #create-packet svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body[data-workspace-page=documents] .demo-note{font-size:12px;color:#647281;line-height:1.6;margin:17px 0 22px}
body[data-workspace-page=documents] .filter-panel{border:1px solid #c8d5e3;border-radius:13px;box-shadow:var(--lux-shadow)}
body[data-workspace-page=documents] .tabs{gap:30px;padding:0 22px;border-color:#dce5ef;overflow-x:auto;scrollbar-width:thin}
body[data-workspace-page=documents] .tabs button{font-weight:500;font-size:14px;min-height:59px;border-bottom-width:2px;white-space:nowrap;flex:none;gap:9px}
body[data-workspace-page=documents] .tabs button[aria-selected=true]{font-weight:600}
body[data-workspace-page=documents] .tabs span{font-size:12px;min-width:22px;min-height:22px;border-radius:5px;font-weight:500;background:#eff3f8}
body[data-workspace-page=documents] .filters{display:grid;grid-template-columns:minmax(205px,1.7fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,.9fr) minmax(140px,.9fr) auto;padding:20px 22px;gap:14px;align-items:end}
body[data-workspace-page=documents] .filter-search,body[data-workspace-page=documents] .filter-grid{display:contents}
body[data-workspace-page=documents] .filters .search{grid-column:1;grid-row:1}
body[data-workspace-page=documents] .filter-grid>label:nth-child(1){grid-column:2;grid-row:1}
body[data-workspace-page=documents] .filter-grid>label:nth-child(2){grid-column:3;grid-row:1}
body[data-workspace-page=documents] .filter-grid>label:nth-child(3){grid-column:4;grid-row:1}
body[data-workspace-page=documents] .filter-grid>label:nth-child(4){grid-column:5;grid-row:1}
body[data-workspace-page=documents] .filters label{font-size:13px;font-weight:500;color:#5f7387;gap:8px}
body[data-workspace-page=documents] .filters input,body[data-workspace-page=documents] .filters select{height:44px;border-color:#cbd8e7;background:#fff;border-radius:8px;color:#365574;font-size:14px}
body[data-workspace-page=documents] .filters input[type=search]{background:#f7f9fc}
body[data-workspace-page=documents] .clear{grid-column:6;grid-row:1;font-size:13px;font-weight:500;min-width:0;padding:10px 4px;color:#517394}
body[data-workspace-page=documents] .results{font-size:13px;color:#627283;margin:25px 0 14px;padding:0 2px}
body[data-workspace-page=documents] #count{color:#4b6785;font-weight:500}
body[data-workspace-page=documents] .load{border:1px solid #c5d3e2;border-radius:14px;box-shadow:var(--lux-shadow);margin-bottom:20px;background:#fff}
body[data-workspace-page=documents] .load>summary{padding:23px 24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr) 180px 122px;gap:24px;background:#fff}
body[data-workspace-page=documents] .load>summary:hover{background:#fcfdff}
body[data-workspace-page=documents] .load[open]>summary{background:#fff;border-bottom:0}
body[data-workspace-page=documents] .load-order{display:block;font-size:12px;font-weight:600;letter-spacing:.055em;color:#5c7289;margin-bottom:5px}
body[data-workspace-page=documents] .load-name strong{font:700 18px/1.4 Manrope,sans-serif;color:#2c4765;letter-spacing:-.025em}
body[data-workspace-page=documents] .load-name small{font-size:13px;color:#637383;margin-top:4px}
body[data-workspace-page=documents] .route-label{font-size:15px;font-weight:500;color:#496886;line-height:1.5}
body[data-workspace-page=documents] .route-label small{font-size:13px;font-weight:400;color:#65727f;margin-top:5px}
body[data-workspace-page=documents] .pill{font-size:12px;font-weight:500;border-radius:6px;padding:5px 9px}
body[data-workspace-page=documents] .load-status{justify-self:start}
body[data-workspace-page=documents] .disclosure{width:122px;font-size:13px;font-weight:500;border-color:#cad7e7;border-radius:8px;color:#426589;min-height:44px}
body[data-workspace-page=documents] .expanded{padding:0 24px 18px;background:#f6f9fc;border-color:#dce5ef}
body[data-workspace-page=documents] .vehicle-line{padding:22px 0;grid-template-columns:160px minmax(0,1fr);gap:24px}
body[data-workspace-page=documents] .section-label{font-size:12px;font-weight:500;letter-spacing:.055em;color:#647180}
body[data-workspace-page=documents] .vehicle-manifest{gap:10px}
body[data-workspace-page=documents] .vehicle-entry{font-size:14px;color:#4b6784;gap:10px 22px}
body[data-workspace-page=documents] .vin{font-size:14px;color:#5f7287;white-space:nowrap;letter-spacing:0}
body[data-workspace-page=documents] .vin>span{font:12px 'DM Sans',sans-serif;color:#67727f;margin-right:4px}
body[data-workspace-page=documents] .detail-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
body[data-workspace-page=documents] .detail-box{padding:20px;border-color:#d4dfeb;background:#fff;border-radius:10px;box-shadow:0 2px 5px #19365203}
body[data-workspace-page=documents] .detail-box h3{font:600 16px/1.45 Manrope,sans-serif;letter-spacing:-.015em;min-height:0;padding-bottom:15px;border-bottom:1px solid #e3eaf2;margin:0 0 18px;color:#365675;flex-direction:row;align-items:center}
body[data-workspace-page=documents] .detail-box h3 .pill{font-size:12px;max-width:50%}
body[data-workspace-page=documents] .panel-facts{gap:22px}
body[data-workspace-page=documents] .fact:first-child{min-height:65px}
body[data-workspace-page=documents] .label{font-size:12px;color:#657280;line-height:1.5;margin-bottom:8px}
body[data-workspace-page=documents] .person{gap:10px;font-size:15px;color:#486683}
body[data-workspace-page=documents] .person strong{font-weight:500}
body[data-workspace-page=documents] .initials{width:38px;height:38px;border-radius:9px;border:1px solid #d9e5f3;background:#edf4fc;font-size:13px;font-weight:600;color:#537395}
body[data-workspace-page=documents] .fact p{font-size:14px;line-height:1.7;color:#4f6d8b}
body[data-workspace-page=documents] .fact .recipient{font-size:15px;font-weight:500}
body[data-workspace-page=documents] .detail-box .panel-note{font-size:13px;line-height:1.6;color:#647382;margin-top:17px}
body[data-workspace-page=documents] .panel-actions{padding-top:20px}
body[data-workspace-page=documents] .inline-link{font-size:13px;font-weight:500;width:100%;min-height:44px;background:#f5f8fc;border-color:#cfdfef}
body[data-workspace-page=documents] .evidence-box{grid-column:auto}
body[data-workspace-page=documents] .delivery-record{background:#f3f7fc;padding:12px;border:1px solid #e3eaf3;border-radius:7px;margin:0 0 10px}
body[data-workspace-page=documents] .delivery-record p{font-size:13px;line-height:1.6;color:#537290}
body[data-workspace-page=documents] .evidence-files{grid-template-columns:1fr;gap:0}
body[data-workspace-page=documents] .document-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:13px 0;border:0;border-bottom:1px solid #e4ebf2;border-radius:0;background:transparent;gap:10px}
body[data-workspace-page=documents] .document-row strong{font-size:14px;font-weight:500;color:#4c6a88;line-height:1.5}
body[data-workspace-page=documents] .document-row small{font-size:12px;color:#657380}
body[data-workspace-page=documents] .document-row button{min-width:0;padding:9px 10px;min-height:40px;font-size:13px;font-weight:500;align-self:center;margin:0;border-radius:7px}
body[data-workspace-page=documents] .photo-note{margin-top:auto;padding-top:15px}
body[data-workspace-page=documents] .posted{border-color:#dbe5ef;font-size:12px;color:#65717f;margin-top:20px;padding-top:16px}
body[data-workspace-page=documents] .file-card{grid-template-columns:44px minmax(0,1fr) auto;gap:18px;border-color:#c8d6e5;border-radius:12px;padding:22px 24px;margin-bottom:14px;box-shadow:var(--lux-shadow)}
body[data-workspace-page=documents] .file-symbol{width:44px;height:48px;display:grid;place-items:center;border:1px solid #dce7f4;border-radius:9px;background:#f1f6fc;color:#597391}
body[data-workspace-page=documents] .file-symbol svg{width:23px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body[data-workspace-page=documents] .file-card h3{font-size:16px;font-weight:600;color:#3b5a79;line-height:1.5}
body[data-workspace-page=documents] .file-card p{font-size:13px;color:#647382;line-height:1.7}
body[data-workspace-page=documents] .file-actions{gap:9px;grid-template-columns:repeat(2,minmax(100px,1fr))}
body[data-workspace-page=documents] .file-actions button{font-size:13px;font-weight:500;padding:10px 12px;border-color:#cbd9e9;border-radius:8px}
body[data-workspace-page=documents] dialog header{background:#fff;padding:23px 24px;border-color:#dce6f0}
body[data-workspace-page=documents] dialog h2{font-size:23px;font-weight:700;color:#284967}
body[data-workspace-page=documents] .packet-body{background:#f8fafc;padding:24px}
body[data-workspace-page=documents] .packet-label{font-size:14px;font-weight:500;color:#587490;line-height:1.5}
body[data-workspace-page=documents] .packet-label input,body[data-workspace-page=documents] .packet-label select{min-height:46px;border-color:#cbd9e9;font-size:15px;color:#3b5a78}
body[data-workspace-page=documents] .vehicle-choice{padding:16px 18px;border-radius:9px;border-color:#d1deec;background:#fff;gap:6px}
body[data-workspace-page=documents] .vehicle-choice strong{font-size:15px;font-weight:600;color:#41617f}
body[data-workspace-page=documents] .vehicle-choice span{font-size:13px;color:#607385}
body[data-workspace-page=documents] .vehicle-choice.chosen{background:#eff5ff;border-color:#6b97ca;box-shadow:inset 0 0 0 1px #6b97ca}
body[data-workspace-page=documents] .packet-check{padding:16px 0;align-items:start;font-size:14px;gap:13px}
body[data-workspace-page=documents] .packet-check input{margin-top:3px}
body[data-workspace-page=documents] .packet-check strong{font-weight:500}
body[data-workspace-page=documents] .packet-check small{font-size:12px}
@media(max-width:1440px){body[data-workspace-page=documents] .filters{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-workspace-page=documents] .filters .search{grid-column:1/4;grid-row:1}body[data-workspace-page=documents] .clear{grid-column:4;grid-row:1}body[data-workspace-page=documents] .filter-grid>label:nth-child(1){grid-column:1;grid-row:2}body[data-workspace-page=documents] .filter-grid>label:nth-child(2){grid-column:2;grid-row:2}body[data-workspace-page=documents] .filter-grid>label:nth-child(3){grid-column:3;grid-row:2}body[data-workspace-page=documents] .filter-grid>label:nth-child(4){grid-column:4;grid-row:2}body[data-workspace-page=documents] .load>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 154px 122px;gap:18px}body[data-workspace-page=documents] .detail-panels{grid-template-columns:1fr 1fr}body[data-workspace-page=documents] .evidence-box{grid-column:1/-1}body[data-workspace-page=documents] .evidence-files{grid-template-columns:1fr 1fr;gap:22px}body[data-workspace-page=documents] .vehicle-line{grid-template-columns:1fr;gap:12px}}
@media(max-width:1100px){body[data-workspace-page=documents] .load>summary{grid-template-columns:minmax(0,1fr) 160px;gap:14px 20px}body[data-workspace-page=documents] .load-name{grid-column:1;grid-row:1}body[data-workspace-page=documents] .route-label{grid-column:1;grid-row:2}body[data-workspace-page=documents] .load-status{grid-column:2;grid-row:1;justify-self:end}body[data-workspace-page=documents] .disclosure{grid-column:2;grid-row:2;justify-self:end}body[data-workspace-page=documents] .file-card{grid-template-columns:44px minmax(0,1fr)}body[data-workspace-page=documents] .file-actions{grid-column:2;justify-self:start}}
@media(max-width:900px){body[data-workspace-page=documents] .filters{grid-template-columns:1fr 1fr;gap:16px 12px}body[data-workspace-page=documents] .filters .search{grid-column:1/-1;grid-row:1}body[data-workspace-page=documents] .filter-grid>label:nth-child(1){grid-column:1;grid-row:2}body[data-workspace-page=documents] .filter-grid>label:nth-child(2){grid-column:2;grid-row:2}body[data-workspace-page=documents] .filter-grid>label:nth-child(3){grid-column:1;grid-row:3}body[data-workspace-page=documents] .filter-grid>label:nth-child(4){grid-column:2;grid-row:3}body[data-workspace-page=documents] .clear{grid-column:2;grid-row:4}body[data-workspace-page=documents] .vehicle-entry{grid-template-columns:1fr;gap:4px}body[data-workspace-page=documents] .vehicle-manifest{gap:14px}body[data-workspace-page=documents] .detail-panels{grid-template-columns:1fr}body[data-workspace-page=documents] .detail-box h3{flex-direction:row;align-items:center;min-height:0}body[data-workspace-page=documents] .evidence-box{grid-column:auto}body[data-workspace-page=documents] .evidence-files{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){body[data-workspace-page=documents] .docs-heading h1{font-size:29px}body[data-workspace-page=documents] .docs-heading{flex-direction:column;gap:15px}body[data-workspace-page=documents] .tabs{display:flex;gap:22px;padding:0 17px}body[data-workspace-page=documents] .tabs button{display:flex;min-height:55px;padding:12px 0 10px;font-size:14px;gap:7px}body[data-workspace-page=documents] .filters{padding:17px}body[data-workspace-page=documents] .filters input,body[data-workspace-page=documents] .filters select{font-size:16px;height:46px}body[data-workspace-page=documents] .results{margin:21px 0 13px;font-size:12px}body[data-workspace-page=documents] .load{border-radius:12px;margin-bottom:17px}body[data-workspace-page=documents] .load>summary{padding:19px 17px;grid-template-columns:minmax(0,1fr) 122px;gap:14px 12px}body[data-workspace-page=documents] .load-name strong{font-size:17px}body[data-workspace-page=documents] .route-label{font-size:14px}body[data-workspace-page=documents] .load-status{font-size:12px;white-space:normal}body[data-workspace-page=documents] .disclosure{font-size:13px;width:122px}body[data-workspace-page=documents] .expanded{padding:0 17px 17px}body[data-workspace-page=documents] .vehicle-line{padding:20px 0}body[data-workspace-page=documents] .vin{font-size:13px;white-space:normal;overflow-wrap:anywhere}body[data-workspace-page=documents] .detail-box{padding:17px}body[data-workspace-page=documents] .file-card{padding:18px 17px;gap:12px;grid-template-columns:36px minmax(0,1fr)}body[data-workspace-page=documents] .file-symbol{width:36px;height:42px}body[data-workspace-page=documents] .file-actions{grid-column:1/-1;justify-self:stretch;grid-template-columns:1fr 1fr}body[data-workspace-page=documents] dialog header,body[data-workspace-page=documents] .packet-body{padding:20px}body[data-workspace-page=documents] .packet-label input,body[data-workspace-page=documents] .packet-label select{font-size:16px}body[data-workspace-page=documents] .vehicle-choice{padding:15px}body[data-workspace-page=documents] .paper dl{grid-template-columns:1fr}}
@media(max-width:390px){body[data-workspace-page=documents] .load>summary{grid-template-columns:1fr}body[data-workspace-page=documents] .load-name{grid-row:1;grid-column:1}body[data-workspace-page=documents] .load-status{grid-column:1;grid-row:2;justify-self:start}body[data-workspace-page=documents] .route-label{grid-column:1;grid-row:3}body[data-workspace-page=documents] .disclosure{grid-column:1;grid-row:4;justify-self:start;width:100%}}
/* Invoices — a quiet financial workspace with a clear balance hierarchy. */
body[data-workspace-page=invoices] .billing-heading{margin-bottom:0}
body[data-workspace-page=invoices] .roof-control{min-height:46px;border-radius:8px;border-color:#cbd7e5;box-shadow:none;font-size:13px;font-weight:500;padding:7px 12px;gap:13px}
body[data-workspace-page=invoices] .roof-control select{font-size:14px;font-weight:500;max-width:240px;color:#3a5775}
body[data-workspace-page=invoices] .preview-note{font-size:12px;color:#657180;margin:18px 0 23px}
body[data-workspace-page=invoices] .billing-metrics{grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-bottom:22px}
body[data-workspace-page=invoices] .metric{border:1px solid #cbd7e3;border-radius:13px;padding:24px 26px;min-height:168px;box-shadow:var(--lux-shadow);display:flex;flex-direction:column;justify-content:center;gap:0}
body[data-workspace-page=invoices] .metric>span{font-size:14px;font-weight:500;color:#5f7386}
body[data-workspace-page=invoices] .metric>strong{font:600 34px/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:13px 0 10px;font-variant-numeric:tabular-nums;color:#263f5c}
body[data-workspace-page=invoices] .metric>small{font-size:12px;color:#667280;line-height:1.5}
body[data-workspace-page=invoices] .metric:first-child{background:linear-gradient(120deg,#073b7e,#004aad);border-color:#004aad;box-shadow:0 8px 22px #004aad13}
body[data-workspace-page=invoices] .metric:first-child>span{color:#c5d8f0}
body[data-workspace-page=invoices] .metric:first-child>strong{color:#fff}
body[data-workspace-page=invoices] .metric:first-child>small{color:#b7cee9}
body[data-workspace-page=invoices] .overdue-metric>strong{color:#956346}
body[data-workspace-page=invoices] .payment-banner{padding:17px 21px;border:1px solid #ccd9e6;border-radius:11px;background:#f9fbfe;gap:15px;margin-bottom:28px}
body[data-workspace-page=invoices] .bank-icon{width:41px;height:41px;border-radius:9px;background:#eaf1fa;color:#39658f;flex:none}
body[data-workspace-page=invoices] .bank-icon svg{width:23px;height:23px;stroke-width:1.5}
body[data-workspace-page=invoices] .payment-banner strong{font-size:14px;font-weight:600;color:#3f5c7c}
body[data-workspace-page=invoices] .payment-banner p{font-size:13px;line-height:1.6;color:#637282;margin:4px 0 0}
body[data-workspace-page=invoices] .text-link{font-size:13px;font-weight:600;min-height:38px;line-height:1.5;color:#346191}
body[data-workspace-page=invoices] .payment-banner .text-link{white-space:nowrap}
body[data-workspace-page=invoices] .billing-panel{border:1px solid #c7d5e4;border-radius:14px;box-shadow:var(--lux-shadow);overflow:hidden}
body[data-workspace-page=invoices] .panel-top{padding:0 23px;border-color:#dce5ef}
body[data-workspace-page=invoices] .billing-tabs{gap:28px}
body[data-workspace-page=invoices] .billing-tabs button{min-height:65px;font-size:15px;font-weight:500;border-bottom-width:2px;padding:16px 0}
body[data-workspace-page=invoices] .billing-tabs button[aria-selected=true]{font-weight:600}
body[data-workspace-page=invoices] .reconciled{font-size:12px;color:#66727f}
body[data-workspace-page=invoices] .invoice-filters{padding:22px 23px 14px;gap:12px;grid-template-columns:minmax(240px,1fr) 185px 180px auto}
body[data-workspace-page=invoices] .invoice-filters input,body[data-workspace-page=invoices] .invoice-filters select{min-height:44px;height:44px;border-color:#cbd8e6;border-radius:8px;font-size:14px;color:#46617f;background:#fff}
body[data-workspace-page=invoices] .invoice-filters input{background:#f7f9fc}
body[data-workspace-page=invoices] .list-meta{padding:0 24px 18px;font-size:12px;color:#647281}
body[data-workspace-page=invoices] #invoice-count{color:#58738e}
body[data-workspace-page=invoices] .invoice-row{border-color:#e0e7f0;background:#fff}
body[data-workspace-page=invoices] .invoice-row:hover{background:#fbfdff}
body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:1.05fr 1.5fr .95fr 1fr 1.05fr 22px;gap:20px;padding:23px 24px 23px 58px;font-size:14px;line-height:1.5;align-items:center;color:#496783}
body[data-workspace-page=invoices] .invoice-select{left:23px;top:46px;width:16px;height:16px;accent-color:#004aad}
body[data-workspace-page=invoices] .cell-label{font-size:12px;font-weight:500;letter-spacing:.02em;color:#657281;margin-bottom:6px;text-transform:none}
body[data-workspace-page=invoices] .invoice-id{font-size:15px;font-weight:600;color:#2d598b}
body[data-workspace-page=invoices] .invoice-summary small{font-size:12px;color:#65717e;margin-top:5px}
body[data-workspace-page=invoices] .balance-cell strong{font:600 18px/1.4 Manrope,sans-serif;letter-spacing:-.025em;color:#294660;font-variant-numeric:tabular-nums}
body[data-workspace-page=invoices] .invoice-status{font-size:12px;font-weight:500;border-radius:6px;padding:5px 9px}
body[data-workspace-page=invoices] .invoice-details[open]>.invoice-summary{background:#f6f9fd;border-bottom:1px solid #dce6f2}
body[data-workspace-page=invoices] .invoice-expanded{background:#fff;padding:24px 26px 24px 58px}
body[data-workspace-page=invoices] .invoice-detail-grid{gap:32px}
body[data-workspace-page=invoices] .detail-kicker{font-size:12px;font-weight:600;letter-spacing:.06em;color:#5d7388;margin-bottom:15px}
body[data-workspace-page=invoices] .load-reference{font-size:14px;line-height:1.5}
body[data-workspace-page=invoices] .load-reference strong{font-weight:600}
body[data-workspace-page=invoices] .load-reference span{font-size:12px;color:#647281}
body[data-workspace-page=invoices] .invoice-route{font-size:15px;line-height:1.6;color:#436384;margin:10px 0 15px}
body[data-workspace-page=invoices] .invoice-vehicle{font-size:14px;gap:15px;padding:10px 0;border-color:#e8edf4}
body[data-workspace-page=invoices] .invoice-vehicle code{font-size:12px;letter-spacing:.01em;color:#5f7288;overflow-wrap:anywhere}
body[data-workspace-page=invoices] .breakdown{padding:16px 18px;background:#f6f9fc;border:1px solid #dce6f0;border-radius:9px;font-size:14px}
body[data-workspace-page=invoices] .breakdown>div{padding:9px 0;gap:20px}
body[data-workspace-page=invoices] .breakdown dd{font-variant-numeric:tabular-nums;font-weight:500}
body[data-workspace-page=invoices] .balance-total{color:#004aad}
body[data-workspace-page=invoices] .detail-actions{gap:9px;margin-top:22px}
body[data-workspace-page=invoices] .detail-actions .primary,body[data-workspace-page=invoices] .detail-actions .btn{font-size:13px;min-height:42px}
body[data-workspace-page=invoices] .note-editor{padding-top:18px;margin-top:20px}
body[data-workspace-page=invoices] .note-editor summary{font-size:13px;min-height:32px;color:#527598}
body[data-workspace-page=invoices] .note-editor textarea{font-size:14px;border-color:#ccd9e8;border-radius:8px;line-height:1.6}
body[data-workspace-page=invoices] .batch-bar{background:#edf4fe;border-color:#cbdbee;padding:16px 23px;gap:15px}
body[data-workspace-page=invoices] .batch-bar strong{font-size:14px;font-weight:600}
body[data-workspace-page=invoices] .batch-bar span{font-size:13px;color:#5d738b}
body[data-workspace-page=invoices] .statement-intro{padding:24px 24px 8px}
body[data-workspace-page=invoices] .statement-intro h2{font-size:20px;font-weight:600}
body[data-workspace-page=invoices] .statement-intro p{font-size:14px;color:#637284;line-height:1.6}
body[data-workspace-page=invoices] .statement-card{border-color:#d1deeb;border-radius:11px;box-shadow:none;padding:22px}
body[data-workspace-page=invoices] .statement-head h3{font-size:18px;font-weight:600;letter-spacing:-.025em}
body[data-workspace-page=invoices] .statement-head p{font-size:13px;color:#627384;line-height:1.6}
body[data-workspace-page=invoices] .statement-amounts{background:#f6f9fc;border-radius:8px;border:1px solid #e0e8f1;padding:16px 18px;gap:20px}
body[data-workspace-page=invoices] .statement-amounts span{font-size:12px;color:#647382}
body[data-workspace-page=invoices] .statement-amounts strong{font:600 23px/1.4 Manrope,sans-serif;color:#2f5378;letter-spacing:-.02em}
body[data-workspace-page=invoices] .statement-card>small{font-size:12px;line-height:1.6;color:#657280}
body[data-workspace-page=invoices] .billing-footnote{font-size:12px;line-height:1.6;color:#65717d;margin-top:22px}
body[data-workspace-page=invoices] .dialog-header{padding:23px 25px;background:#fff;border-color:#dce6f1}
body[data-workspace-page=invoices] .dialog-header h2{font-size:23px;font-weight:600;letter-spacing:-.03em}
body[data-workspace-page=invoices] .dialog-body{padding:23px 25px;font-size:15px;line-height:1.65}
body[data-workspace-page=invoices] .dialog-footer{padding:17px 25px;background:#f6f9fc;border-color:#dce6f1}
body[data-workspace-page=invoices] .method-tabs{gap:8px;background:transparent}
body[data-workspace-page=invoices] .method-tabs button{min-height:44px;border:1px solid #cddbea;border-radius:8px;background:#f8fafd;font-size:14px;font-weight:500}
body[data-workspace-page=invoices] .method-tabs button[aria-selected=true]{background:#edf4ff;border-color:#7b9dc6;color:#004aad}
body[data-workspace-page=invoices] .instruction-fields{font-size:14px;line-height:1.6;background:#f8fafd;border-color:#d7e1ed}
body[data-workspace-page=invoices] .instruction-placeholder,body[data-workspace-page=invoices] .dialog-muted,body[data-workspace-page=invoices] .report-info{font-size:13px;line-height:1.6}
@media(max-width:1250px){body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:1fr 1.2fr .95fr 1fr 1fr;gap:15px}body[data-workspace-page=invoices] .invoice-summary .disclosure{grid-column:5;grid-row:2;justify-self:end}body[data-workspace-page=invoices] .metric{padding:22px}body[data-workspace-page=invoices] .metric>strong{font-size:29px}body[data-workspace-page=invoices] .invoice-filters{grid-template-columns:minmax(180px,1fr) 155px 165px auto}}
@media(max-width:1000px){body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:1fr 1.4fr 1fr;gap:15px}body[data-workspace-page=invoices] .invoice-summary .disclosure{grid-column:3;grid-row:2}body[data-workspace-page=invoices] .invoice-summary .due-cell{grid-column:1;grid-row:2}body[data-workspace-page=invoices] .invoice-summary .balance-cell{grid-column:3;grid-row:1}body[data-workspace-page=invoices] .invoice-summary .status-cell{grid-column:2;grid-row:2}body[data-workspace-page=invoices] .invoice-detail-grid{grid-template-columns:1fr;gap:25px}body[data-workspace-page=invoices] .invoice-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}body[data-workspace-page=invoices] .search-field{grid-column:1/-1}body[data-workspace-page=invoices] .reconciled{display:none}body[data-workspace-page=invoices] .billing-heading{flex-wrap:wrap}}
@media(max-width:700px){body[data-workspace-page=invoices] .billing-metrics{grid-template-columns:1fr 1fr;gap:13px}body[data-workspace-page=invoices] .metric{min-height:145px;padding:21px 18px;display:flex;align-items:start}body[data-workspace-page=invoices] .metric:first-child{grid-column:1/-1;min-height:155px}body[data-workspace-page=invoices] .metric>span{font-size:13px}body[data-workspace-page=invoices] .metric>strong{font-size:28px;margin:10px 0 7px}body[data-workspace-page=invoices] .metric:first-child>strong{font-size:36px}body[data-workspace-page=invoices] .metric>small{font-size:12px}body[data-workspace-page=invoices] .payment-banner{display:grid;grid-template-columns:36px minmax(0,1fr);padding:17px;gap:12px}body[data-workspace-page=invoices] .payment-banner .text-link{grid-column:2;justify-self:start;text-align:left;padding:0}body[data-workspace-page=invoices] .bank-icon{width:36px;height:36px}body[data-workspace-page=invoices] .panel-top{padding:0 17px}body[data-workspace-page=invoices] .billing-tabs{gap:23px}body[data-workspace-page=invoices] .billing-tabs button{font-size:14px;min-height:58px}body[data-workspace-page=invoices] .invoice-filters{padding:18px 16px 13px;gap:9px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body[data-workspace-page=invoices] .invoice-filters input,body[data-workspace-page=invoices] .invoice-filters select{font-size:16px}body[data-workspace-page=invoices] #clear-filters{grid-column:1/-1;justify-self:end;min-height:30px}body[data-workspace-page=invoices] .list-meta{padding:0 17px 16px}body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:21px 17px 21px 44px;gap:15px 18px}body[data-workspace-page=invoices] .invoice-select{left:15px;top:44px}body[data-workspace-page=invoices] .invoice-summary .roof-cell{grid-row:2;grid-column:1}body[data-workspace-page=invoices] .invoice-summary .balance-cell{grid-column:2;grid-row:1}body[data-workspace-page=invoices] .invoice-summary .status-cell{grid-column:2;grid-row:2}body[data-workspace-page=invoices] .invoice-summary .due-cell{grid-column:1;grid-row:3}body[data-workspace-page=invoices] .invoice-summary .disclosure{grid-column:2;grid-row:3}body[data-workspace-page=invoices] .invoice-expanded{padding:21px 17px}body[data-workspace-page=invoices] .invoice-vehicle{flex-direction:column;gap:5px}body[data-workspace-page=invoices] .detail-actions{display:grid;grid-template-columns:1fr}body[data-workspace-page=invoices] .detail-actions>*{width:100%;text-align:center}body[data-workspace-page=invoices] .batch-bar{padding:16px;flex-wrap:wrap}body[data-workspace-page=invoices] .statement-card{padding:18px}body[data-workspace-page=invoices] .statement-amounts{gap:13px;padding:15px}body[data-workspace-page=invoices] .statement-amounts strong{font-size:21px}body[data-workspace-page=invoices] .roof-control{width:100%}body[data-workspace-page=invoices] .roof-control select{flex:1;max-width:none}}
/* Keep the invoice filter layout predictable across all widths. */
body[data-workspace-page=invoices] .invoice-filters{display:grid}
body[data-workspace-page=invoices] .invoice-filters .search-field{min-width:0}
@media(min-width:1251px){body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:1.05fr 1.5fr .95fr 1fr 1fr 96px}}
/* Reports — financial clarity, with charts derived from the selected invoice set. */
body.reports-view{background:#f1f4f7}
#reports-page{max-width:1600px;padding:32px 34px 54px;color:#233e5b}
#reports-page .reports-heading{align-items:center;margin-bottom:27px;gap:24px}
#reports-page .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;color:#607386}
#reports-page h1{font:700 34px/1.22 Manrope,sans-serif;letter-spacing:-.04em;color:#18324f;margin:7px 0 9px}
#reports-page .reports-heading p{font-size:15px;line-height:1.6;color:#617385}
#reports-page .reports-heading .btn{min-height:44px;padding:11px 16px;font-size:14px;font-weight:600;border:1px solid #bfd0e4;border-radius:8px;color:#3f6590;background:#fff;box-shadow:none;white-space:nowrap}
#reports-page .reports-controls{margin-bottom:23px;gap:12px}
#reports-page .reports-controls label{border:1px solid #cbd7e6;min-height:47px;border-radius:8px;font-size:13px;color:#607386;background:#fff;padding:7px 12px;gap:15px;box-shadow:none}
#reports-page .reports-controls select{font-size:14px;color:#395778;font-weight:500;background:#fff}
#reports-page .reports-metrics{grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-bottom:24px}
#reports-page .reports-metric{padding:24px 27px;border:1px solid #cbd8e5;border-radius:13px;min-height:166px;box-shadow:0 3px 8px #19365204,0 12px 26px #19365205}
#reports-page .reports-metric:first-child{background:linear-gradient(120deg,#073b7e,#004aad);border-color:#004aad}
#reports-page .reports-metric>span{font-size:14px;font-weight:500;color:#5e7387}
#reports-page .reports-metric>strong{font:600 34px/1.25 Manrope,sans-serif;letter-spacing:-.035em;color:#294761;margin:13px 0 10px;font-variant-numeric:tabular-nums}
#reports-page .reports-metric>small{font-size:12px;color:#647280;line-height:1.6}
#reports-page .reports-metric:first-child>span{color:#c5d8f0}
#reports-page .reports-metric:first-child>strong{color:#fff}
#reports-page .reports-metric:first-child>small{color:#b7cee9}
#reports-page .report-insights{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;margin-bottom:24px}
#reports-page .report-chart-panel,#reports-page .report-rooftops-panel{min-width:0;padding:25px;background:#fff;border:1px solid #cbd8e5;border-radius:13px;box-shadow:0 5px 18px #19365205}
#reports-page .report-panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}
#reports-page .report-kicker{font-size:12px;letter-spacing:.08em;color:#657280;font-weight:500}
#reports-page .report-panel-heading h2{font:600 19px/1.4 Manrope,sans-serif;letter-spacing:-.025em;color:#315373;margin:7px 0 0}
#reports-page .report-chart-legend{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#647283}
#reports-page .report-chart-legend i{width:7px;height:7px;background:#004aad;border-radius:2px}
#reports-page .report-month-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 12px;position:relative}
#reports-page .report-chart-column{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
#reports-page .report-chart-value{font-size:14px;font-weight:500;color:#47698b;font-variant-numeric:tabular-nums}
#reports-page .report-chart-track{height:146px;width:100%;max-width:72px;display:flex;align-items:end;border-bottom:1px solid #bfd2e8;background:linear-gradient(to top,#f4f7fc,transparent);border-radius:7px 7px 0 0}
#reports-page .report-chart-track i{display:block;width:100%;height:var(--report-height);border-radius:6px 6px 0 0;background:linear-gradient(0deg,#004aad,#477dc3)}
#reports-page .report-chart-range{font-size:12px;color:#65717f}
#reports-page .report-chart-note{font-size:12px;line-height:1.5;color:#667280;margin:20px 0 0}
#reports-page .report-rooftop-row{display:block;color:inherit;text-decoration:none;padding:16px 0;border-bottom:1px solid #e5ecf4}
#reports-page .report-rooftop-row:first-child{padding-top:0}
#reports-page .report-rooftop-row:last-child{border:0;padding-bottom:0}
#reports-page .report-rooftop-row>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5}
#reports-page .report-rooftop-row strong{font-weight:500;color:#54718e}
#reports-page .report-rooftop-row b{font-weight:600;color:#365c85;white-space:nowrap;font-variant-numeric:tabular-nums}
#reports-page .report-rooftop-track{height:5px;background:#eff3f9;border-radius:4px;margin:12px 0 9px;overflow:hidden}
#reports-page .report-rooftop-track i{display:block;height:100%;background:#447cc1;border-radius:4px}
#reports-page .report-rooftop-row small{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:1.5;color:#647381}
#reports-page .report-rooftop-row:hover strong{color:#004aad}
#reports-page .report-rooftop-row:hover small span{color:#004aad}
#reports-page .report-no-data{font-size:14px;color:#65717e;line-height:1.6}
#reports-page .report-ledger{border:1px solid #c9d7e5;border-radius:13px;box-shadow:0 5px 18px #19365205;overflow:hidden}
#reports-page .overview-heading{padding:23px 25px;border-bottom:1px solid #e1e9f1}
#reports-page .overview-heading h2{font:600 20px/1.4 Manrope,sans-serif;letter-spacing:-.025em;color:#315373}
#reports-page .overview-heading p{font-size:13px;color:#627384;margin-top:6px}
#reports-page .reports-table{min-width:620px}
#reports-page .reports-table th{padding:13px 25px;background:#f5f8fc;font-size:12px;font-weight:500;color:#637384;text-transform:none;letter-spacing:.02em;border-bottom:1px solid #dce6f1}
#reports-page .reports-table td{padding:20px 25px;font-size:14px;line-height:1.6;color:#57738f;border-color:#e4ebf3}
#reports-page .reports-table td a{font-weight:600;color:#376494;text-decoration:none}
#reports-page .reports-table td a:hover{text-decoration:underline}
#reports-page .reports-table small{font-size:12px;color:#66727e;line-height:1.6;margin-top:4px}
#reports-page .reports-table .money{font-weight:500;font-variant-numeric:tabular-nums;color:#3a5b7d}
#reports-page .reports-basis{padding:20px 25px;background:#f8fafd;font-size:13px;line-height:1.7;color:#647281;border-top:1px solid #dce6f1}
#reports-page .reports-basis strong{font-size:13px;font-weight:600;color:#58748f;margin-bottom:5px}
#reports-page>.demo{font-size:12px;line-height:1.6;color:#65717d;margin-top:22px}
@media(max-width:1280px){#reports-page{padding:28px 25px 48px}#reports-page .report-insights{grid-template-columns:1.15fr 1fr;gap:20px}#reports-page .report-panel-heading{flex-wrap:wrap}#reports-page .reports-metric{padding:23px}#reports-page .reports-metric>strong{font-size:31px}#reports-page .report-month-chart{gap:18px;padding:0}}
@media(max-width:1000px){#reports-page .report-insights{grid-template-columns:1fr}#reports-page .report-chart-track{height:165px}#reports-page .report-panel-heading{flex-wrap:nowrap}}
@media(max-width:700px){#reports-page{padding:24px 16px 40px}#reports-page h1{font-size:29px}#reports-page .reports-heading{align-items:start;gap:15px;margin-bottom:22px}#reports-page .reports-controls{display:grid;grid-template-columns:1fr;gap:9px}#reports-page .reports-controls label{justify-content:space-between;min-width:0}#reports-page .reports-controls select{font-size:16px;max-width:calc(100% - 75px)}#reports-page .reports-metrics{grid-template-columns:1fr 1fr;gap:13px}#reports-page .reports-metric{padding:20px 18px;min-height:152px}#reports-page .reports-metric:first-child{grid-column:1/-1}#reports-page .reports-metric>span{font-size:13px}#reports-page .reports-metric>strong{font-size:29px}#reports-page .reports-metric:first-child>strong{font-size:36px}#reports-page .report-chart-panel,#reports-page .report-rooftops-panel{padding:21px 18px}#reports-page .report-panel-heading{flex-wrap:wrap;gap:13px}#reports-page .report-month-chart{gap:17px}#reports-page .report-chart-value{font-size:12px}#reports-page .report-chart-track{max-width:55px;height:135px}#reports-page .overview-heading{padding:21px 18px}#reports-page .reports-basis{padding:18px;font-size:13px}}
/* Contacts — a composed address book and a separate, legible team directory. */
body[data-workspace-page=contacts] .contacts-heading{margin-bottom:0}
body[data-workspace-page=contacts] .contacts-roof-wrap{min-height:46px;border-radius:8px;border-color:#cbd7e5;box-shadow:none;padding:7px 12px;gap:13px}
body[data-workspace-page=contacts] .contacts-roof-wrap label{font-size:13px;font-weight:500;color:#637181}
body[data-workspace-page=contacts] .contacts-roof-wrap select{font-size:14px;font-weight:500;color:#3e5b79}
body[data-workspace-page=contacts] .contacts-preview{font-size:12px;font-weight:500;letter-spacing:.04em;color:#5c738b;margin:18px 0 23px;gap:11px}
body[data-workspace-page=contacts] .contacts-preview span{font-size:12px;font-weight:400;color:#65717f;line-height:1.6}
body[data-workspace-page=contacts] .contact-sections{gap:18px;margin:0 0 22px}
body[data-workspace-page=contacts] .contact-sections a{display:flex;align-items:center;gap:17px;padding:21px 23px;background:#fff;border:1px solid #cbd8e5;border-radius:11px;box-shadow:0 3px 8px #19365204;font-size:16px;font-weight:600;color:#54718e;line-height:1.5}
body[data-workspace-page=contacts] .contact-sections a>svg{width:43px;height:43px;padding:10px;flex:none;border-radius:10px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:#f0f4f9}
body[data-workspace-page=contacts] .contact-sections a span{font-size:13px;font-weight:400;color:#647382;line-height:1.5;margin-top:4px}
body[data-workspace-page=contacts] .contact-sections a[aria-current=page]{background:#f8fbff;border-color:#7b9fc9;color:#004aad;box-shadow:inset 0 0 0 1px #7b9fc917,0 4px 10px #17345305}
body[data-workspace-page=contacts] .contact-sections a[aria-current=page]>svg{background:#eaf2ff}
body[data-workspace-page=contacts] .external-intro,body[data-workspace-page=contacts] .rooftop-authority{padding:0 2px;margin:0 0 23px;background:transparent;border:0;font-size:13px;line-height:1.65;color:#647280;gap:11px}
body[data-workspace-page=contacts] .external-intro strong,body[data-workspace-page=contacts] .rooftop-authority strong{font-size:13px;font-weight:600;color:#59748d}
body[data-workspace-page=contacts] .directory{border:1px solid #c7d6e5;border-radius:14px;box-shadow:var(--lux-shadow)}
body[data-workspace-page=contacts] .directory-toolbar{padding:17px 22px;border-color:#dce5ef}
body[data-workspace-page=contacts] .directory-tabs{gap:5px;padding:4px;background:#f0f4f9;border:1px solid #e4ebf3;border-radius:9px}
body[data-workspace-page=contacts] .directory-tabs button{font-size:14px;font-weight:500;min-height:39px;padding:9px 17px;border-radius:6px;color:#5e7389}
body[data-workspace-page=contacts] .directory-tabs button[aria-selected=true]{color:#004aad;font-weight:600;box-shadow:0 2px 5px #18345308}
body[data-workspace-page=contacts] .directory-tabs span{font-size:12px;color:#66727f}
body[data-workspace-page=contacts] .contacts-primary,body[data-workspace-page=contacts] .team-primary{min-height:44px;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;background:#004aad;border-color:#004aad;line-height:1.5}
body[data-workspace-page=contacts] .contacts-primary:hover,body[data-workspace-page=contacts] .team-primary:hover{background:#003f94}
body[data-workspace-page=contacts] .contacts-secondary,body[data-workspace-page=contacts] .team-secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;font-size:13px;font-weight:600;border-color:#c5d5e7;color:#46719c;line-height:1.5;box-shadow:0 1px 2px #18345303}
body[data-workspace-page=contacts] .contacts-link,body[data-workspace-page=contacts] .team-quiet{font-size:13px;font-weight:500;min-height:36px;color:#4f76a0}
body[data-workspace-page=contacts] .directory-workspace{grid-template-columns:minmax(275px,31%) minmax(0,1fr)}
body[data-workspace-page=contacts] .directory-browser{background:#f6f9fc;border-color:#dbe5ef}
body[data-workspace-page=contacts] .directory-search{padding:21px 18px 17px;border-color:#e0e8f2}
body[data-workspace-page=contacts] .directory-search>input{min-height:45px;border-color:#cbd8e6;font-size:14px;border-radius:8px;padding:11px 12px}
body[data-workspace-page=contacts] .archived-filter{font-size:12px;gap:8px;color:#647282;margin-top:13px}
body[data-workspace-page=contacts] .directory-list{padding:12px;gap:9px}
body[data-workspace-page=contacts] .directory-entry{padding:17px 14px;border:1px solid #dce6f0;border-radius:9px;box-shadow:0 2px 5px #19365203;gap:12px}
body[data-workspace-page=contacts] .directory-entry[aria-current=true]{background:#edf4fe;border-color:#95b3d7;box-shadow:inset 3px 0 #4077b8}
body[data-workspace-page=contacts] .directory-entry:hover{border-color:#95b3d7;box-shadow:0 3px 8px #19365207}
body[data-workspace-page=contacts] .entry-icon{width:39px;height:39px;background:#edf3fa;border-color:#d5e2f1;border-radius:9px;font-size:12px;font-weight:600;color:#567391}
body[data-workspace-page=contacts] .entry-title{font-size:14px;font-weight:600;color:#446582;white-space:normal;line-height:1.5}
body[data-workspace-page=contacts] .entry-meta{font-size:12px;line-height:1.6;color:#637281;margin-top:4px}
body[data-workspace-page=contacts] .entry-foot{font-size:12px;font-weight:500;color:#577390;margin-top:8px;line-height:1.5}
body[data-workspace-page=contacts] .directory-detail{padding:26px 28px;background:#fff;container-type:inline-size}
body[data-workspace-page=contacts] .detail-head{padding-bottom:24px;margin-bottom:24px;border-color:#e0e8f1;gap:18px;align-items:center}
body[data-workspace-page=contacts] .detail-title-wrap{gap:14px}
body[data-workspace-page=contacts] .detail-icon{width:48px;height:48px;font-size:16px;font-weight:600;border:1px solid #d5e4f6;border-radius:11px;background:#eef4fe}
body[data-workspace-page=contacts] .detail-head h2{font:600 23px/1.35 Manrope,sans-serif;letter-spacing:-.025em;color:#335675;margin-bottom:5px}
body[data-workspace-page=contacts] .detail-head p{font-size:13px;color:#627182;line-height:1.5}
body[data-workspace-page=contacts] .detail-actions button{font-size:12px;min-height:38px;padding:8px 12px}
body[data-workspace-page=contacts] .contact-form{gap:21px}
body[data-workspace-page=contacts] .form-section{padding:21px 22px;border-radius:10px;border:1px solid #d8e3ee;background:#fafcfe}
body[data-workspace-page=contacts] .form-section h3{font:600 16px/1.45 Manrope,sans-serif;color:#4c6d8c;margin:0 0 20px;padding-bottom:13px;border-bottom:1px solid #e1e9f2}
body[data-workspace-page=contacts] .form-grid{gap:16px}
body[data-workspace-page=contacts] .contact-field{font-size:14px;font-weight:500;color:#5c7288;gap:8px;line-height:1.5}
body[data-workspace-page=contacts] .contact-field input,body[data-workspace-page=contacts] .contact-field select,body[data-workspace-page=contacts] .contact-field textarea{min-height:46px;background:#fff;border-color:#cbd9e7;border-radius:8px;padding:11px 12px;color:#3a5b7a;font-size:15px;font-weight:400;line-height:1.4;box-shadow:0 1px 2px #18345303}
body[data-workspace-page=contacts] .contact-field textarea{min-height:90px;line-height:1.6}
body[data-workspace-page=contacts] .contact-help{font-size:13px;line-height:1.65;color:#657280}
body[data-workspace-page=contacts] .association-list{gap:10px}
body[data-workspace-page=contacts] .association-item{background:#fff;border-color:#dae5f0;padding:13px 14px;border-radius:8px;font-size:14px;color:#567491;line-height:1.5}
body[data-workspace-page=contacts] .association-item small{font-size:12px;color:#657380}
body[data-workspace-page=contacts] .association-item select{min-height:40px;font-size:13px;color:#517396;border-color:#c8d8e9;padding:8px;flex:none}
body[data-workspace-page=contacts] .visible-choices{gap:10px}
body[data-workspace-page=contacts] .visible-choices label{font-size:13px;font-weight:500;padding:11px 13px;min-height:44px;background:#fff;border-color:#cfdeee;color:#557492;gap:9px}
body[data-workspace-page=contacts] .visible-choices label:has(input:checked){background:#eff5ff;border-color:#b7cee9}
body[data-workspace-page=contacts] .visible-choices input{width:16px;height:16px;margin:0}
body[data-workspace-page=contacts] .hours-editor{gap:16px;margin-bottom:21px}
body[data-workspace-page=contacts] .hours-editor>.contact-help{font-size:13px;line-height:1.65}
body[data-workspace-page=contacts] .hours-days legend,body[data-workspace-page=contacts] .contact-role>legend{font-size:14px;font-weight:500;color:#5c7288}
body[data-workspace-page=contacts] .hours-day-options{gap:6px}
body[data-workspace-page=contacts] .hours-day-options label{font-size:13px;font-weight:500;min-height:43px;border-color:#cddcea}
body[data-workspace-page=contacts] .hours-day-options label:has(input:checked){background:#edf4ff;border-color:#91b0d5;color:#004aad}
body[data-workspace-page=contacts] .new-location-contact{background:#fff;border-color:#d4e1ef;padding:18px;border-radius:9px;margin-bottom:20px}
body[data-workspace-page=contacts] .new-location-contact>legend{font-size:13px;font-weight:500;color:#4f739e}
body[data-workspace-page=contacts] .new-contact-heading{font-size:14px;font-weight:500;color:#5a738a;margin-bottom:17px}
body[data-workspace-page=contacts] .contact-role-choices label{font-size:14px;font-weight:500;border-color:#cddcea}
body[data-workspace-page=contacts] .contact-role-choices label:has(input:checked){border-color:#91b0d5;background:#edf4ff}
body[data-workspace-page=contacts] .form-actions{padding:20px 0 0;border-color:#dce6f0;gap:14px}
body[data-workspace-page=contacts] .form-actions>div{gap:9px}
body[data-workspace-page=contacts] .form-message:empty{display:none}
body[data-workspace-page=contacts] .internal-team-panel{padding:25px;border:1px solid #c7d6e5;border-radius:14px;box-shadow:var(--lux-shadow)}
body[data-workspace-page=contacts] .team-head{gap:20px;align-items:center;flex-wrap:nowrap}
body[data-workspace-page=contacts] .team-head h2{font:600 21px/1.4 Manrope,sans-serif;letter-spacing:-.025em;color:#355777}
body[data-workspace-page=contacts] .team-head .panel-desc{font-size:14px;color:#637384;line-height:1.6;margin:6px 0 0}
body[data-workspace-page=contacts] .team-head .team-primary{white-space:nowrap}
body[data-workspace-page=contacts] .team-summary{gap:22px;margin:22px 0;padding:17px 0;border-top:1px solid #e1e9f2;border-bottom:1px solid #e1e9f2}
body[data-workspace-page=contacts] .team-summary>span{font-size:13px;font-weight:400;padding:0;background:transparent;border:0;border-radius:0;color:#637384}
body[data-workspace-page=contacts] .team-summary strong{font-size:16px;font-weight:600;color:#4f7399;margin-right:5px}
body[data-workspace-page=contacts] .team-controls{margin-bottom:18px}
body[data-workspace-page=contacts] .team-controls input{min-height:46px;border-color:#cddbea;border-radius:8px;font-size:14px;background:#f8fafd}
body[data-workspace-page=contacts] .team-list{gap:13px}
body[data-workspace-page=contacts] .team-person{border-color:#cfdeed;border-radius:10px;padding:21px 23px;box-shadow:0 2px 5px #19365203}
body[data-workspace-page=contacts] .team-person-top{align-items:center;gap:20px}
body[data-workspace-page=contacts] .team-identity{display:flex;gap:14px;align-items:center;min-width:0}
body[data-workspace-page=contacts] .team-person-avatar{width:44px;height:44px;display:grid;place-items:center;flex:none;border:1px solid #dce7f4;border-radius:11px;background:#f0f5fc;color:#557394;font-size:13px;font-weight:600}
body[data-workspace-page=contacts] .team-name{font-size:15px;font-weight:600;line-height:1.5;color:#446785}
body[data-workspace-page=contacts] .team-email{font-size:13px;color:#647280;line-height:1.5}
body[data-workspace-page=contacts] .team-person-actions{gap:17px}
body[data-workspace-page=contacts] .team-list button{min-height:40px;padding:9px 12px;font-size:13px;font-weight:500;border-color:#c7d8eb;color:#4c739f}
body[data-workspace-page=contacts] .team-badge{font-size:12px;font-weight:500;border-radius:6px;padding:5px 9px}
body[data-workspace-page=contacts] .team-access-lines{margin:15px 0 0 58px;gap:9px}
body[data-workspace-page=contacts] .team-access-lines span{font-size:12px;font-weight:400;line-height:1.6;border:1px solid #e3ebf5;background:#f6f9fd;border-radius:5px;padding:6px 9px;color:#617282}
body[data-workspace-page=contacts] .team-access-lines strong{font-weight:500;color:#57738f}
body[data-workspace-page=contacts] .team-roles summary{font-size:14px;font-weight:500;color:#4d7399;min-height:38px}
body[data-workspace-page=contacts] .team-roles p{font-size:13px;color:#627282}
body[data-workspace-page=contacts] .team-role-grid{gap:12px}
body[data-workspace-page=contacts] .team-role-grid>div{background:#f8fafd;border-color:#dae6f3;padding:15px}
body[data-workspace-page=contacts] .team-role-grid strong{font-size:14px;font-weight:500;color:#557491}
body[data-workspace-page=contacts] .team-role-grid span{font-size:13px;line-height:1.6;color:#637383;margin-top:5px}
body[data-workspace-page=contacts] .team-preview-note{font-size:12px;color:#65727f;line-height:1.7}
body[data-workspace-page=contacts] .team-dialog-inner{padding:25px}
body[data-workspace-page=contacts] .team-dialog h3{font-size:23px;font-weight:600;letter-spacing:-.03em}
body[data-workspace-page=contacts] .team-form>label,body[data-workspace-page=contacts] .team-form-field{font-size:14px;font-weight:500}
body[data-workspace-page=contacts] .team-dialog p{font-size:14px;line-height:1.6}
body[data-workspace-page=contacts] .team-dialog input:not([type=radio]),body[data-workspace-page=contacts] .team-dialog select{min-height:46px;font-size:15px;border-color:#cbd9e9;border-radius:8px}
@container(max-width:510px){body[data-workspace-page=contacts] .form-grid{grid-template-columns:1fr}body[data-workspace-page=contacts] .association-item{flex-direction:column;align-items:stretch}body[data-workspace-page=contacts] .association-item select{max-width:none}body[data-workspace-page=contacts] .form-actions{flex-direction:column-reverse;align-items:stretch}body[data-workspace-page=contacts] .form-actions>div{width:100%}body[data-workspace-page=contacts] .form-actions>div:last-child>*{flex:1}body[data-workspace-page=contacts] .detail-head{flex-wrap:wrap}}
@media(max-width:1200px){body[data-workspace-page=contacts] .directory-workspace{grid-template-columns:280px minmax(0,1fr)}body[data-workspace-page=contacts] .directory-detail{padding:23px 21px}body[data-workspace-page=contacts] .rooftop-authority{flex-direction:column;gap:4px}body[data-workspace-page=contacts] .form-section{padding:20px 18px}}
@media(max-width:900px){body[data-workspace-page=contacts] .contacts-heading{flex-direction:column;align-items:stretch;gap:16px}body[data-workspace-page=contacts] .contacts-roof-wrap select{max-width:none;flex:1}body[data-workspace-page=contacts] .team-head{flex-wrap:wrap}body[data-workspace-page=contacts] .team-person{padding:18px}body[data-workspace-page=contacts] .team-person-top{flex-direction:column;align-items:stretch}body[data-workspace-page=contacts] .team-person-actions{justify-content:space-between}body[data-workspace-page=contacts] .team-access-lines{margin-left:0}}
@media(max-width:760px){body[data-workspace-page=contacts] .contact-sections{gap:11px}body[data-workspace-page=contacts] .contact-sections a{padding:16px 13px;gap:11px;flex-direction:column;align-items:start;font-size:15px}body[data-workspace-page=contacts] .contact-sections a>svg{width:35px;height:35px;padding:8px;border-radius:8px}body[data-workspace-page=contacts] .contact-sections a span{font-size:12px}body[data-workspace-page=contacts] .external-intro,body[data-workspace-page=contacts] .rooftop-authority{font-size:13px;gap:4px}body[data-workspace-page=contacts] .directory-toolbar{padding:15px;gap:12px}body[data-workspace-page=contacts] .directory-workspace{display:block}body[data-workspace-page=contacts] .directory-search{padding:17px}body[data-workspace-page=contacts] .directory-list{padding:12px}body[data-workspace-page=contacts] .directory.mobile-detail .directory-detail{padding:20px 16px}body[data-workspace-page=contacts] .detail-head{align-items:start;gap:13px}body[data-workspace-page=contacts] .detail-head h2{font-size:21px}body[data-workspace-page=contacts] .detail-icon{width:43px;height:43px;font-size:14px}body[data-workspace-page=contacts] .detail-actions{width:auto}body[data-workspace-page=contacts] .form-section{padding:19px 15px}body[data-workspace-page=contacts] .form-section h3{font-size:16px}body[data-workspace-page=contacts] .form-grid{grid-template-columns:1fr}body[data-workspace-page=contacts] .contact-field input,body[data-workspace-page=contacts] .contact-field select,body[data-workspace-page=contacts] .contact-field textarea,body[data-workspace-page=contacts] .directory-search>input,body[data-workspace-page=contacts] .team-controls input,body[data-workspace-page=contacts] .team-dialog input:not([type=radio]),body[data-workspace-page=contacts] .team-dialog select{font-size:16px}body[data-workspace-page=contacts] .hours-day-options label{font-size:12px;min-height:42px}body[data-workspace-page=contacts] .hours-day-options{gap:4px}body[data-workspace-page=contacts] .new-location-contact{padding:15px 12px}body[data-workspace-page=contacts] .contact-role-choices{gap:6px}body[data-workspace-page=contacts] .contact-role-choices label{font-size:13px;padding:8px 5px}body[data-workspace-page=contacts] .internal-team-panel{padding:21px 17px}body[data-workspace-page=contacts] .team-summary{gap:12px 20px;margin:20px 0;font-size:13px}body[data-workspace-page=contacts] .team-person{padding:18px 15px}body[data-workspace-page=contacts] .team-person-top{gap:16px}body[data-workspace-page=contacts] .team-person-actions{gap:10px}body[data-workspace-page=contacts] .team-role-grid{grid-template-columns:1fr}body[data-workspace-page=contacts] .team-dialog-inner{padding:21px 18px}}

#reports-page .reports-table td:nth-child(2),#reports-page .reports-table th:nth-child(2){display:table-cell}
body[data-workspace-page=invoices] .roof-control{flex-direction:row;align-items:center;background:#fff;border:1px solid #cbd7e5;max-width:none;min-width:0}
body[data-workspace-page=invoices] .roof-control select{border:0;min-width:0;height:30px;padding:0 3px;flex:1}
body[data-workspace-page=invoices] .payment-banner .text-link{margin-left:auto}
@media(max-width:700px){body[data-workspace-page=invoices] .payment-banner .text-link{margin-left:0}}
/* Split billing: keep the changing allocation beside the amount entry. */
body[data-workspace-page=schedule] .billing-allocation{margin-top:20px;padding:19px 20px;background:#f3f7fd;border:1px solid #c6d8ec;border-radius:10px}
body[data-workspace-page=schedule] .billing-allocation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
body[data-workspace-page=schedule] .billing-allocation-heading h3{font-size:16px;font-weight:600;color:#365978;margin:0}
body[data-workspace-page=schedule] .billing-allocation-heading>span{font-size:12px;color:#64778c}
body[data-workspace-page=schedule] .billing-allocation-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
body[data-workspace-page=schedule] .billing-allocation-values>div{min-width:0}
body[data-workspace-page=schedule] .billing-allocation-values dt{font-size:14px;color:#546d86;margin-bottom:7px}
body[data-workspace-page=schedule] .billing-allocation-values dd{font:600 23px/1.35 Manrope,sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#004aad;margin:0;overflow-wrap:anywhere}
body[data-workspace-page=schedule] .billing-allocation-values>div:first-child dd{color:#3c5b78}
body[data-workspace-page=schedule] #billing-allocation-note{font-size:13px;line-height:1.6;color:#64768b;padding-top:15px;margin-top:16px;border-top:1px solid #d9e4f1}
body[data-workspace-page=schedule] .billing-amount-error{font-size:14px;line-height:1.55;color:#a23935;margin-top:11px}
body[data-workspace-page=schedule] #client-amount[aria-invalid=true]{border-color:#b85049;box-shadow:0 0 0 1px #b8504920}
body[data-workspace-page=schedule] .pricing .payer{display:flex;flex-direction:column;align-items:stretch;gap:7px;line-height:1.6}
body[data-workspace-page=schedule] #split-summary{font-size:14px;font-weight:500;color:#3a5e85}
@container(max-width:450px){body[data-workspace-page=schedule] .billing-allocation-values{grid-template-columns:1fr;gap:12px}body[data-workspace-page=schedule] .billing-allocation-values>div{display:flex;align-items:center;justify-content:space-between;gap:16px}body[data-workspace-page=schedule] .billing-allocation-values dt{margin:0}body[data-workspace-page=schedule] .billing-allocation-values dd{font-size:22px}body[data-workspace-page=schedule] .billing-allocation-heading{align-items:start;flex-direction:column;gap:5px}}