/* Dashboard: a clear operational overview with a restrained Tahcar palette. */
body:not(.shipments-view) #dashboard>.grid{display:none}
body.shipments-view .dashboard-overview,body.shipments-view .overview-date{display:none}
#reports-page{display:none}
body.reports-view #dashboard,body.reports-view #settings-page{display:none}
body.reports-view #reports-page{display:block}
body:not(.shipments-view):not(.settings-view):not(.reports-view){background:#f1f4f7}
#dashboard>.metrics-intro{display:none}
body:not(.shipments-view):not(.settings-view):not(.reports-view) #dashboard{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:24px 20px;max-width:1600px;margin:0 auto;padding:34px 36px 44px}
body:not(.shipments-view) #dashboard>.intro,body:not(.shipments-view) #dashboard>.context{display:contents}
body:not(.shipments-view) #dashboard>.intro>div:first-child{grid-column:1;grid-row:1;align-self:center;min-width:0}
body:not(.shipments-view) #dashboard .intro .eyebrow{font-size:12px;letter-spacing:.12em;color:#667a90;font-weight:600}
body:not(.shipments-view) #dashboard h1{font:700 clamp(28px,2.25vw,36px)/1.25 Manrope,'DM Sans',sans-serif;letter-spacing:-.04em;margin:7px 0 0;color:#172c44}
.overview-date{display:block;font-size:13px;color:#64798f;margin-top:8px}
body:not(.shipments-view) #dashboard .intro .tools{grid-column:3;grid-row:1;align-self:center;margin:0;gap:10px}
body:not(.shipments-view) #dashboard .tools .btn{min-height:46px;font-size:14px;font-weight:600;padding:11px 16px;border-radius:8px;box-shadow:none}
body:not(.shipments-view) #dashboard .tools .btn:not(.primary){color:#35577c;border-color:#c5d2e0;background:#fff}
body:not(.shipments-view) #dashboard .tools .primary{background:#004aad;border-color:#004aad;box-shadow:0 3px 6px #004aad12}
body:not(.shipments-view) #dashboard .tools .primary:hover{background:#003d90;border-color:#003d90}
body:not(.shipments-view) #dashboard .selector{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:start;gap:1px;align-self:center;min-width:0;width:100%;margin:0;padding:8px 12px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;font-size:12px;font-weight:500;color:#6f8095}
body:not(.shipments-view) #dashboard .selector select{width:100%;max-width:100%;margin-left:-3px;padding:0 2px;min-height:26px;font-size:14px;font-weight:600;background:transparent;cursor:pointer;color:#253e5c}
body:not(.shipments-view) #dashboard .notice{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:12px;min-width:0;min-height:52px;margin:0;padding:10px 15px;background:#f9fbfd;border:1px solid #d4dee9;border-radius:9px;font-size:14px;box-shadow:none;color:#60758d}
body:not(.shipments-view) #dashboard .notice-icon{flex:none;display:grid;place-items:center;width:27px;height:27px;color:#547aa4}
body:not(.shipments-view) #dashboard .notice-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
body:not(.shipments-view) #dashboard .notice strong{font-weight:600;color:#344f6c}
body:not(.shipments-view) #dashboard .notice a{margin-left:auto;color:#004aad;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none}
body:not(.shipments-view) #dashboard .notice button{position:static;flex:none;margin-left:4px;width:30px;height:30px;min-width:30px;min-height:30px;color:#8a9bab}
body:not(.shipments-view) #dashboard>.demo{grid-column:1/-1;margin:0;font-size:12px;line-height:1.6;color:#7a8da1}
.dashboard-overview{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;min-width:0}
.overview-shipments{grid-column:1/span 8;grid-row:1}
.overview-financial{grid-column:9/span 4;grid-row:1;display:grid;gap:20px;min-width:0}
.overview-activity{grid-column:1/span 6;grid-row:2;align-self:stretch}
.overview-contacts{grid-column:7/span 6;grid-row:2;align-self:stretch;display:flex;flex-direction:column}
.overview-panel{background:#fff;border:1px solid #c9d5e2;border-radius:14px;box-shadow:0 3px 7px #19365204,0 12px 26px #19365205;overflow:hidden;min-width:0}
.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 18px;min-width:0}
.overview-heading h2{font:700 20px/1.35 Manrope,'DM Sans',sans-serif;letter-spacing:-.025em;margin:0;color:#18334f}
.overview-heading p{margin:5px 0 0;font-size:14px;line-height:1.5;color:#73869b}
.overview-link{font-size:14px;font-weight:600;text-decoration:none;color:#004aad;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-height:40px}
button.overview-link{border:0;background:transparent;padding:0;cursor:pointer}
.overview-link:hover{text-decoration:underline;text-underline-offset:4px}
.overview-link>span{font-size:17px}
.overview-tabs{display:flex;gap:3px;padding:0 18px 14px;overflow-x:auto;scrollbar-width:thin;scroll-padding:18px;border-bottom:1px solid #dbe4ed}
.overview-tabs button{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;color:#62768c;border-radius:7px;white-space:nowrap;padding:8px 9px;font:500 14px/1.4 'DM Sans',sans-serif;min-height:40px;flex:none;cursor:pointer}
.overview-tabs button:hover{background:#f2f5f9;color:#365575}
.overview-tabs b{font-size:12px;font-weight:600;background:#edf1f6;color:#688099;border-radius:4px;min-width:20px;padding:1px 4px;margin:0;text-align:center;font-variant-numeric:tabular-nums}
.overview-tabs button[aria-pressed=true]{background:#eaf2fd;border-color:#c8d9ed;color:#004aad;font-weight:600}
.overview-tabs button[aria-pressed=true] b{background:#fff;color:#004aad}
.overview-load-list{padding:16px;display:grid;gap:12px;background:#f1f5f9;min-width:0}
.overview-load{background:#fff;border:1px solid #cbd7e4;border-radius:10px;overflow:hidden;box-shadow:0 3px 6px #1a385605;min-width:0;transition:border-color .16s,box-shadow .16s}
.overview-load:focus-within{outline:3px solid #8db7f4;outline-offset:2px}
.overview-load:hover{border-color:#9ab4cf;box-shadow:0 5px 12px #1936520a}
.overview-load-main{display:block;color:inherit;text-decoration:none;padding:16px 20px 15px}
.overview-load-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.overview-order{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#456483;letter-spacing:.015em}
.overview-order small{font-size:12px;font-weight:400;color:#7e90a3;letter-spacing:0;border-left:1px solid #d7e1ec;padding-left:9px}
.overview-load .status{font-size:12px;padding:4px 8px;line-height:1.35;white-space:nowrap;flex-shrink:0;font-weight:600}
.overview-load .status.assigned{color:#8b581d;background:#fff3e4}
.overview-load .status.cancelled{color:#707a88;background:#eef0f3}
.overview-load h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:700 19px/1.4 Manrope,'DM Sans',sans-serif;color:#1c3651;margin:11px 0 12px;letter-spacing:-.025em}
.overview-load h3 svg{width:22px;height:17px;color:#8ca3ba;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.overview-load-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#688099}
.overview-milestone{display:flex;gap:3px 8px;align-items:baseline;flex-wrap:wrap;min-width:0}
.overview-milestone-label{font-size:13px;color:#6a8199}
.overview-milestone strong{font-size:14px;color:#2c4966;font-weight:600;line-height:1.5}
.overview-milestone small{font-size:13px;color:#587493;line-height:1.5}
.overview-open{color:#547393;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:500;flex:none}
.overview-open>span{font-size:17px}
.overview-location{display:flex;align-items:center;gap:9px;border-top:1px solid #dce7f2;background:#f3f7fd;padding:9px 20px;text-decoration:none;font-size:13px;color:#5f7792;min-height:40px}
.overview-location svg{width:16px;height:16px;fill:#1d64b3;flex:none}
.overview-location strong{font-weight:600;color:#355b81}
.overview-location>span:nth-child(2){min-width:0}
.overview-location time{margin-left:auto;white-space:nowrap;color:#72879e;font-size:12px}
.overview-location .overview-track-arrow{color:#346ca8;margin-left:3px;font-size:17px;line-height:1}
.overview-location:hover{background:#eaf2fe}
.overview-list-footer{padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid #dbe4ed;color:#73879c;font-size:12px}
.overview-empty{padding:35px 20px;text-align:center;color:#6a8095;background:#fff;border:1px dashed #cbd7e5;border-radius:9px}
.overview-empty strong{display:block;font:600 16px/1.5 Manrope,sans-serif;color:#35516e;margin-bottom:5px}
.overview-empty p{font-size:14px;margin:4px 0;line-height:1.6}
/* The one strong brand surface anchors financial context beside operations. */
.overview-report{position:relative;background:#004aad;color:#fff;border:1px solid #004296;border-radius:14px;padding:23px 24px 19px;text-decoration:none;display:block;box-shadow:0 7px 18px #004aad12;overflow:hidden;transition:background .16s}
.overview-report:hover{background:#00439d}
.overview-report-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#d9e9ff;flex-wrap:wrap}
.overview-report-top>span:first-child{font-size:12px;letter-spacing:.11em;font-weight:600;color:#fff}
.overview-report h2{font:500 14px/1.5 'DM Sans',sans-serif;margin:22px 0 5px;color:#e0ebfb;letter-spacing:0}
.overview-report-value{font:600 clamp(35px,3vw,45px)/1.18 Manrope,'DM Sans',sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#fff}
.overview-report-caption{font-size:12px;color:#c7dcf8;margin-top:5px}
.overview-chart-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#d3e3f9;margin-top:22px;margin-bottom:9px}
.overview-spark{height:137px;display:flex;gap:14px;margin:0;padding:0 2px;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#ffffff0e 31px,#ffffff0e 32px);background-position:0 -20px}
.overview-spark>div{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0;height:100%;gap:5px;justify-content:flex-end}
.overview-spark .overview-bar-value{display:block;text-align:center;font-size:12px;line-height:16px;color:#e4eefc;white-space:nowrap}
.overview-bar-track{height:94px;display:flex;align-items:flex-end;justify-content:center}
.overview-spark i{display:block;width:100%;max-width:52px;height:var(--bar);background:#8fbaf4;border-radius:4px 4px 0 0;min-height:0}
.overview-spark>div:last-child i{background:#f8d418}
.overview-spark .overview-bar-label{font-size:12px;line-height:17px;color:#c7dcf8;white-space:nowrap;text-align:center}
.overview-report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:17px 0;margin-top:18px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
.overview-report-metrics>div+div{border-left:1px solid #ffffff30;padding-left:18px}
.overview-report-metrics strong{display:block;font:600 23px/1.3 Manrope,sans-serif;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.overview-report-metrics span{display:block;font-size:12px;line-height:1.5;color:#d2e4fc;margin-top:4px}
.overview-report-action{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;padding-top:16px;color:#fff}
.overview-report-action>span{color:#f8d418;font-size:19px}
.overview-financial .overview-billing{color:inherit;text-decoration:none;display:block;padding:20px 23px;grid-column:auto;grid-row:auto;min-height:0;transition:border-color .16s;background:#fff}
.overview-billing:hover{border-color:#98b3cf}
.overview-billing-top{display:flex;justify-content:space-between;gap:16px;align-items:center;color:#4c6682;font-size:14px;font-weight:500}
.overview-billing-icon{width:30px;height:30px;border-radius:7px;background:#f2f5f9;display:grid;place-items:center}
.overview-billing-icon svg{width:18px;height:18px;fill:none;stroke:#67819c;stroke-width:1.6}
.overview-billing .stat-value{font:600 31px/1.2 Manrope,'DM Sans',sans-serif;letter-spacing:-.035em;margin:4px 0 12px;color:#213c59;font-variant-numeric:tabular-nums}
.overview-billing-bottom{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#798ea2;align-items:center;flex-wrap:wrap}
.overview-billing .extra{font-size:14px;font-weight:500;color:#004aad;margin:0}
/* Aligned lower row: meaningful events and a compact address book. */
.overview-activity .overview-heading,.overview-contacts .overview-heading{border-bottom:1px solid #e0e7ef;padding-bottom:18px}
.overview-activity #recent-activity{padding:2px 24px 10px}
.overview-activity .activity-entry{position:relative;padding:17px 0 17px 24px;border-top:1px solid #e6ecf3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;text-decoration:none;min-width:0}
.overview-activity .activity-entry:first-child{border-top:0}
.overview-activity .activity-entry::before{content:'';position:absolute;left:1px;top:23px;width:7px;height:7px;border-radius:50%;background:#8daaca;box-shadow:0 0 0 4px #f0f5fa}
.overview-activity .activity-entry strong{font-size:14px;font-weight:600;line-height:1.5;color:#34516f;grid-column:1;grid-row:1}
.overview-activity .activity-entry span{display:block;color:#71869d;font-size:13px;line-height:1.55;margin:0;grid-column:1/-1;grid-row:2}
.overview-activity .activity-entry time{font-size:12px;color:#8093a6;grid-column:2;grid-row:1;align-self:center;text-align:right;white-space:nowrap;margin:0}
.overview-activity .activity-entry:hover strong{color:#004aad}
.overview-contact-list{display:grid;grid-template-columns:1fr;gap:0;padding:4px 24px 10px;flex:1;align-content:start}
.overview-contact{padding:18px 0;border:0;border-bottom:1px solid #e4ebf2;border-radius:0;color:inherit;text-decoration:none;display:flex;gap:13px;min-width:0;align-items:center;background:transparent}
.overview-contact:last-child{border-bottom:0}
.overview-contact:hover .overview-contact-info>strong{color:#004aad}
.overview-contact-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e4f1;border-radius:10px;background:#eef4fb;color:#486b94;font-size:13px;font-weight:600;flex:none}
.overview-contact-info{min-width:0;flex:1}
.overview-contact strong{display:block;font-size:15px;line-height:1.4;font-weight:600;color:#36516e;overflow-wrap:anywhere}
.overview-contact small{display:block;font-size:13px;color:#7990a6;margin-top:3px;line-height:1.5}
.overview-contact .overview-contact-person{display:block;font-size:13px;color:#597794;margin-top:4px;line-height:1.5}
.overview-contact-arrow{font-size:18px;color:#728fae;align-self:center}
.overview-contacts-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;border-top:1px solid #e0e7ef;font-size:13px;color:#7d90a4}
.overview-contacts-foot .overview-link{font-size:14px}
@media(max-width:1380px){
 body:not(.shipments-view):not(.settings-view):not(.reports-view) #dashboard{grid-template-columns:230px minmax(0,1fr) auto;gap:22px;padding:28px 26px 38px}
 body:not(.shipments-view) #dashboard>.intro>div:first-child{grid-column:1/3}
 body:not(.shipments-view) #dashboard .intro .tools{grid-column:3}
 body:not(.shipments-view) #dashboard .selector{grid-column:1;grid-row:2;width:230px;justify-self:start}
 body:not(.shipments-view) #dashboard .notice{grid-column:2/-1;grid-row:2;font-size:13px;flex-wrap:wrap;gap:4px 10px;padding:10px 14px;position:relative;padding-right:36px}
 body:not(.shipments-view) #dashboard .notice a{font-size:13px;margin-left:37px;min-height:24px}
 body:not(.shipments-view) #dashboard .notice button{position:absolute;right:5px;top:6px;width:26px;height:26px}
 .dashboard-overview{gap:20px}
 .overview-heading{padding:20px 21px 17px}
 .overview-heading h2{font-size:19px}
 .overview-load-main{padding:16px 17px 14px}
 .overview-load h3{font-size:18px}
 .overview-location{padding:9px 17px;gap:7px;font-size:12px;flex-wrap:wrap}
 .overview-report{padding:22px 20px 18px}
 .overview-report-value{font-size:37px}
 .overview-spark{gap:9px}
 .overview-report-top{gap:6px}
 .overview-activity .activity-entry{grid-template-columns:minmax(0,1fr)}
 .overview-activity .activity-entry time{grid-column:1;grid-row:3;text-align:left;margin-top:3px}
 .overview-billing-bottom{gap:5px}
}
@media(max-width:1150px){
 .overview-shipments{grid-column:1/span 7}
 .overview-financial{grid-column:8/span 5}
 .overview-heading{align-items:start}
 .overview-shipments .overview-heading{flex-wrap:wrap;gap:6px}
 .overview-load h3{font-size:17px;gap:7px}
 .overview-load-bottom{align-items:start}
 .overview-open{font-size:0;gap:0}
 .overview-location time{margin-left:25px}
 .overview-contact-list{padding-left:20px;padding-right:20px}
 .overview-contacts-foot{padding-left:20px;padding-right:20px;flex-wrap:wrap;gap:0}
}
@media(max-width:960px){
 body:not(.shipments-view):not(.settings-view):not(.reports-view) #dashboard{padding:27px 23px 38px;grid-template-columns:minmax(0,1fr) auto;gap:20px}
 body:not(.shipments-view) #dashboard>.intro>div:first-child{grid-column:1}
 body:not(.shipments-view) #dashboard .intro .tools{grid-column:2}
 body:not(.shipments-view) #dashboard h1{font-size:29px}
 body:not(.shipments-view) #dashboard .tools .btn{font-size:14px;padding:10px 12px}
 body:not(.shipments-view) #dashboard .notice{grid-column:1/-1;grid-row:3;flex-wrap:nowrap;padding:10px 36px 10px 13px}
 body:not(.shipments-view) #dashboard .notice a{margin-left:auto;white-space:normal}
 body:not(.shipments-view) #dashboard .notice button{top:10px}
 body:not(.shipments-view) #dashboard .selector{grid-row:2;width:100%;grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;padding:10px 13px;font-size:13px}
 body:not(.shipments-view) #dashboard .selector select{width:auto;flex:1;font-size:14px}
 .overview-shipments{grid-column:1/-1;grid-row:1}
 .overview-financial{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:20px}
 .overview-activity{grid-column:1/span 6;grid-row:3}
 .overview-contacts{grid-column:7/span 6;grid-row:3}
 .overview-shipments .overview-heading{align-items:center;flex-wrap:nowrap}
 .overview-load h3{font-size:20px}
 .overview-load-main{padding:18px 21px 16px}
 .overview-load-list{padding:17px}
 .overview-location{padding:10px 21px;flex-wrap:nowrap;font-size:13px}
 .overview-location time{margin-left:auto}
 .overview-open{font-size:13px;gap:6px}
 .overview-activity .overview-heading,.overview-contacts .overview-heading{flex-wrap:wrap;gap:5px}
 .overview-report-value{font-size:41px}
}
@media(max-width:700px){
 body:not(.shipments-view):not(.settings-view):not(.reports-view) #dashboard{display:flex;flex-direction:column;gap:18px;padding:25px 16px 35px}
 body:not(.shipments-view) #dashboard>.intro{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin:0}
 body:not(.shipments-view) #dashboard>.intro>div:first-child{align-self:stretch}
 body:not(.shipments-view) #dashboard h1{font-size:29px;line-height:1.28;margin-top:6px}
 body:not(.shipments-view) #dashboard .intro .eyebrow{font-size:12px}
 .overview-date{font-size:13px;margin-top:7px}
 body:not(.shipments-view) #dashboard .intro .tools{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;align-self:stretch;width:100%;margin:0}
 body:not(.shipments-view) #dashboard .tools .btn{min-height:46px;font-size:14px;padding:10px 9px}
 body:not(.shipments-view) #dashboard>.context{display:flex;flex-direction:column;gap:12px;margin:0;align-items:stretch}
 body:not(.shipments-view) #dashboard .selector{width:100%;margin:0;justify-content:space-between;font-size:13px;padding:10px 14px;min-height:46px}
 body:not(.shipments-view) #dashboard .selector select{max-width:75%;flex:none;font-size:14px}
 body:not(.shipments-view) #dashboard .notice{display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px 9px;padding:11px 36px 11px 12px;font-size:13px;border-radius:9px;position:relative;min-height:0}
 body:not(.shipments-view) #dashboard .notice-icon{grid-column:1;grid-row:1/3;width:22px;align-self:center}
 body:not(.shipments-view) #dashboard .notice a{grid-column:2;grid-row:2;margin:0;font-size:13px;min-height:26px;white-space:normal}
 body:not(.shipments-view) #dashboard .notice button{position:absolute;right:5px;top:8px;margin:0}
 body:not(.shipments-view) #dashboard .notice>span:nth-child(2){grid-column:2;grid-row:1;line-height:1.5}
 .dashboard-overview{display:flex;flex-direction:column;gap:18px;width:100%}
 .overview-panel,.overview-report{border-radius:12px;width:100%}
 .overview-heading{padding:18px 17px 14px;gap:12px;align-items:start}
 .overview-heading h2{font-size:19px}
 .overview-heading p{font-size:13px;margin-top:4px}
 .overview-link{font-size:13px;gap:4px;min-height:38px}
 .overview-shipments .overview-heading{align-items:start}
 .overview-shipments .overview-heading p{max-width:190px}
 .overview-tabs{padding:0 11px 12px;gap:2px;scroll-padding:11px}
 .overview-tabs button{font-size:14px;padding:7px 8px;gap:5px;min-height:40px}
 .overview-load-list{padding:11px;gap:11px}
 .overview-load-main{padding:15px 15px 14px}
 .overview-load-top{gap:9px;align-items:start}
 .overview-order{font-size:13px;gap:3px}
 .overview-order small{display:none}
 .overview-load .status{font-size:12px}
 .overview-load h3{font-size:18px;margin:10px 0;gap:6px 9px}
 .overview-load h3 svg{width:20px;height:17px}
 .overview-load-bottom{gap:8px}
 .overview-milestone{gap:2px 7px}
 .overview-milestone-label{flex-basis:100%;font-size:13px}
 .overview-milestone strong{font-size:14px}
 .overview-milestone small{font-size:13px}
 .overview-open{font-size:0;gap:0;align-self:center}
 .overview-open>span{font-size:20px}
 .overview-location{display:grid;grid-template-columns:16px minmax(0,1fr) 15px;gap:3px 7px;padding:10px 15px;font-size:12px}
 .overview-location svg{grid-column:1;grid-row:1/3;align-self:center}
 .overview-location>span:nth-child(2){grid-column:2;grid-row:1}
 .overview-location time{grid-column:2;grid-row:2;margin:0;font-size:12px}
 .overview-location .overview-track-arrow{grid-column:3;grid-row:1/3;margin:0}
 .overview-list-footer{padding:10px 17px;gap:8px;font-size:12px}
 .overview-list-footer .overview-link{font-size:13px;min-height:36px}
 .overview-financial{display:flex;flex-direction:column;gap:18px;width:100%}
 .overview-report{padding:22px 22px 19px}
 .overview-report-top{font-size:12px}
 .overview-report h2{margin-top:20px;font-size:14px}
 .overview-report-value{font-size:42px}
 .overview-chart-caption{margin-top:20px}
 .overview-spark{gap:16px}
 .overview-report-metrics{padding:16px 0;margin-top:17px}
 .overview-report-metrics strong{font-size:24px}
 .overview-financial .overview-billing{padding:19px 21px}
 .overview-billing .stat-value{font-size:31px;margin:4px 0 10px}
 .overview-billing-bottom{gap:8px}
 .overview-billing .extra{font-size:14px}
 .overview-activity .overview-heading,.overview-contacts .overview-heading{flex-wrap:nowrap;gap:12px;padding-bottom:15px}
 .overview-activity #recent-activity{padding:1px 18px 7px}
 .overview-activity .activity-entry{padding:16px 0 16px 21px;gap:4px}
 .overview-activity .activity-entry strong{font-size:14px}
 .overview-activity .activity-entry span{font-size:13px}
 .overview-activity .activity-entry time{font-size:12px}
 .overview-contact-list{padding:0 18px 6px}
 .overview-contact{padding:17px 0;gap:12px}
 .overview-contact strong{font-size:15px}
 .overview-contact small,.overview-contact .overview-contact-person{font-size:13px}
 .overview-contacts-foot{padding:9px 18px;flex-wrap:nowrap;gap:12px;font-size:12px}
 .overview-contacts-foot>span{max-width:60%}
 .overview-contacts-foot .overview-link{font-size:13px}
}
@media(max-width:380px){
 body:not(.shipments-view) #dashboard h1{font-size:27px}
 body:not(.shipments-view) #dashboard .tools .btn{font-size:13px;padding:10px 6px}
 .overview-heading{gap:8px}
 .overview-heading h2{font-size:18px}
 .overview-shipments .overview-heading{flex-wrap:wrap}
 .overview-shipments .overview-heading p{max-width:none}
 .overview-report{padding-left:19px;padding-right:19px}
 .overview-spark{gap:9px}
 .overview-activity .overview-heading,.overview-contacts .overview-heading{flex-wrap:wrap;gap:4px}
}
@media(prefers-reduced-motion:reduce){.overview-load,.overview-billing,.overview-report{transition:none}}
/* Reports preview destination: invoice-backed numbers, with a clear basis. */
#reports-page{max-width:1450px;margin:auto;padding:34px 36px 60px}
.reports-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.reports-heading h1{margin:8px 0 10px}
.reports-heading p{margin:0;color:#60738b}
.reports-controls{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.reports-controls label{background:white;border:1px solid #cdd8e4;border-radius:9px;padding:10px 14px;font-size:13px;color:#60738b;display:flex;align-items:center;gap:12px}
.reports-controls select{background:white;border:0;min-height:28px;color:#1b3451;font-weight:600;font-size:14px;max-width:250px}
.reports-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}
.reports-metric{padding:24px;background:white;border:1px solid #ccd7e2;border-radius:14px}
.reports-metric:first-child{background:#112e51;color:white;border-color:#112e51}
.reports-metric span{font-size:13px;color:#63768d;display:block}
.reports-metric:first-child span{color:#c3d4e7}
.reports-metric strong{font:700 36px/1.3 Manrope,sans-serif;letter-spacing:-.035em;display:block;margin:9px 0}
.reports-metric small{font-size:12px;color:#7b8ca1}
.reports-metric:first-child small{color:#b6c9df}
.reports-table-wrap{overflow:auto}
.reports-table{width:100%;border-collapse:collapse;white-space:normal}
.reports-table th{font-size:11px;padding:12px 24px;background:#f4f7fa;letter-spacing:.04em;color:#6b7e93}
.reports-table td{font-size:14px;padding:18px 24px;min-width:0;border-top:1px solid #e4eaf1;vertical-align:middle}
.reports-table td:first-child{min-width:150px}
.reports-table td small{display:block;font-size:12px;color:#6b7c91;margin-top:4px}
.reports-table a{font-weight:700;color:#004aad;text-decoration:none}
.reports-table .money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.reports-basis{padding:18px 24px;border-top:1px solid #dce3eb;background:#fafbfd;font-size:13px;color:#687b91;line-height:1.65}
.reports-basis strong{display:block;font-weight:700;color:#364f6b}
@media(max-width:960px){.reports-metrics{gap:12px}.reports-metric{padding:20px}}
@media(max-width:700px){#reports-page{padding:25px 16px 40px}.reports-heading{display:block}.reports-heading>a{margin-top:14px}.reports-heading p{font-size:14px}.reports-controls{display:grid;grid-template-columns:1fr}.reports-controls label{justify-content:space-between}.reports-controls select{max-width:75%}.reports-metrics{grid-template-columns:1fr 1fr;gap:12px}.reports-metric:first-child{grid-column:1/-1}.reports-metric{padding:19px}.reports-metric strong{font-size:28px}.reports-table td,.reports-table th{padding:14px 16px}.reports-table td:nth-child(2),.reports-table th:nth-child(2){display:none}.reports-table td{font-size:13px}.reports-basis{padding:17px;font-size:12px}}

.overview-load .status.posted{color:#155bb0;background:#edf3ff}