/* Shared compact application surfaces. Preserve readable type and mobile touch targets. */
body.js-design{font-size:14px;--ds-shadow:0 3px 12px #173c5a07}
body.js-design .main{min-width:0}body.js-design .main .topbar{min-height:74px!important;padding:12px 20px;gap:14px;flex-wrap:wrap}body.js-design .topbar>div{min-width:0}body.js-design .top-actions{min-width:0;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:8px}body.js-design .searchbox{min-width:180px;max-width:480px;flex:1}body.js-design .topbar h1{font-size:21px}body.js-design .topbar p{max-width:330px;white-space:normal}body.js-design .main .content{padding:18px 22px 24px;min-width:0}
body.js-design .sidebar #nav .nav-item,body.js-design .sidebar .sidebar-bottom .nav-item{min-height:40px!important;font-size:13px!important;border-radius:9px!important}body.js-design .sidebar .brand{margin-bottom:10px}
body.js-design #content :where(.toolbar,.widget,.entity-card,.dispatch-column,.dispatch-unassigned,.table-wrap,.card,.panel,.v9518-job,.v9518-next,.ds-panel){border:1px solid #dce7f0;border-radius:13px;box-shadow:0 3px 12px #14365b07}
body.js-design #content .toolbar{padding:12px 14px;margin-bottom:14px;gap:10px;background:#fff}body.js-design #content :where(.toolbar-left,.toolbar-right){flex-wrap:wrap;gap:7px;min-width:0}body.js-design #content :where(.widget-header,.dispatch-head,.ds-panel>header){padding:12px 15px;border-bottom:1px solid #e3edf5;background:linear-gradient(105deg,#f2f8ff,#fff);border-radius:12px 12px 0 0}
body.js-design #content :where(h2,h3){letter-spacing:-.3px}body.js-design #content h3{font-size:16px}body.js-design #content :where(.entity-card,.widget,.card){padding:15px}body.js-design #content :where(.card-grid,.dispatch-board){gap:12px}body.js-design #content :where(th,td){padding:10px 12px;font-size:13px}body.js-design #content th{background:#f2f7fc;color:#44627c;font-weight:650}body.js-design #content .table-wrap{max-width:100%;overflow:auto}body.js-design #content .empty.compact{padding:14px}
body.js-design .modal-header{padding:14px 18px!important}body.js-design .modal-header h2{font-size:20px!important}body.js-design .modal-body{padding:16px!important}body.js-design .modal-footer{padding:10px 16px!important}body.js-design :where(.fr-card,.rp-group,.v9535-form-card){border-radius:12px!important}body.js-design .ds-metric{padding:14px;min-height:85px}body.js-design .ds-welcome h2{font-size:27px}body.js-design .ds-dashboard-grid{gap:16px}body.js-design .ds-job{padding:13px 15px}body.js-design .ds-shortcut-grid{padding:13px;gap:8px}
/* Small, useful page identity instead of another large banner. */
body.js-design .v9518-shell{max-width:none;gap:12px}body.js-design .v9518-top{padding:15px 18px;border-radius:14px;background:linear-gradient(115deg,#082d4c,#0658b7);color:#fff;align-items:center}body.js-design .v9518-top h2{font-size:22px;color:#fff}body.js-design .v9518-top .v9518-kicker{color:#a7d9ff}body.js-design .v9518-top>div>span{color:#d4e8fa}body.js-design .v9518-job{padding:15px}body.js-design .v9518-job-head h2{font-size:21px}body.js-design .v9518-day-card{min-width:210px;padding:8px;border-radius:10px}body.js-design .v9518-actions button{min-height:53px;flex-direction:row;gap:8px;background:#f7fbff;border-radius:10px}body.js-design .v9518-actions button b{font-size:12px}body.js-design .v9518-actions svg{width:20px;height:20px;color:#0878db}body.js-design .v9518-actions button.primary svg{color:#fff}body.js-design .v9518-checks button span{font-size:11px}body.js-design .v9518-address{padding:10px 12px;margin:10px 0 8px}body.js-design .v9518-service{padding-bottom:10px}
body.js-design .dispatch-kpis{gap:10px;margin:12px 0}body.js-design .dispatch-kpis>div{padding:12px 16px;border:1px solid #dce7f0;border-radius:12px;background:linear-gradient(110deg,#f0f7ff,#fff)}body.js-design .dispatch-kpis>div.attention{background:#fff6ef;border-color:#f2dccb}body.js-design .dispatch-kpis b{font-size:24px}body.js-design .dispatch-job{padding:10px 12px;border-radius:10px;background:#f6faff;border:1px solid #deebf5;border-left:3px solid #199de2}body.js-design .dispatch-job>b{font-size:14px}body.js-design .dispatch-column{padding:12px}body.js-design .dispatch-meta{padding:8px 0}body.js-design .dispatch-unassigned{padding:12px;background:#fffaf1}body.js-design .dispatch-unassigned .widget-header{padding:0 0 10px;background:none;border:0}body.js-design .dispatch-actions button{padding:6px 9px;font-size:12px}
/* Compact cards: prevent long names and team labels from inflating an entire hour row. */
body.js-design .cp-hero{padding:18px 22px 30px;gap:16px;border-radius:16px}body.js-design .cp-intro h2{font-size:25px;margin:6px 0 8px}body.js-design .cp-intro>span{font-size:10px}body.js-design .cp-intro p{font-size:12px}body.js-design .cp-metrics>div{padding:11px 13px;min-width:115px;border-radius:11px}body.js-design .cp-metrics b{font-size:24px}body.js-design .cp-metrics small{font-size:11px}body.js-design #content .cp-toolbar{padding:11px 14px;margin:-14px 12px 12px}body.js-design .cp-calendar .cal-head{padding:10px 6px!important}body.js-design .cp-calendar .cal-cell{min-height:58px;padding:3px}body.js-design .cp-calendar .order-chip{padding:5px 7px;margin-bottom:4px;border-radius:8px;border-left-width:3px}body.js-design .cp-calendar .chip-title{font-size:12px!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0}body.js-design .cp-calendar .chip-meta{font-size:11px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}body.js-design .cp-calendar .chip-time{font-size:10px!important}body.js-design .cp-team{margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}body.js-design .cp-team i{width:17px;height:17px;min-width:17px;font-size:8px;border-width:1px;margin-right:4px;vertical-align:middle}body.js-design .cp-service-icon svg{width:13px;height:13px}body.js-design .cp-calendar .dispatch-strip>span{padding:6px 10px}
@media(min-width:1000px){body.js-design .v9518-job{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.v9518-job-head,.v9518-address,.v9518-service,.v9518-actions,.v9518-finish{grid-column:1/-1}body.js-design .v9518-actions{grid-template-columns:repeat(5,minmax(0,1fr))}body.js-design .v9518-progress,body.js-design .v9518-draft{margin-top:12px}.v9518-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1200px){body.js-design .cp-hero{flex-direction:row;flex-wrap:wrap}body.js-design .cp-metrics{width:auto;flex-wrap:wrap}body.js-design .cp-metrics>div{min-width:100px}.js-design .top-actions .searchbox{max-width:none}}
@media(max-width:600px){body.js-design .main .content{padding:12px 10px 20px}body.js-design .main .topbar{padding:10px 12px;gap:8px}body.js-design .topbar h1{font-size:20px}body.js-design #content .toolbar{padding:10px}body.js-design .cp-intro h2{font-size:21px}body.js-design .cp-hero{padding:16px 14px 26px;gap:12px}body.js-design .cp-metrics{width:100%;flex-wrap:nowrap}body.js-design .cp-metrics>div{min-width:0;padding:8px;flex:1}body.js-design .cp-metrics small{font-size:10px}body.js-design .v9518-top{padding:12px}body.js-design .v9518-top h2{font-size:19px}body.js-design .v9518-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body.js-design .v9518-actions button{min-height:48px}body.js-design .cp-calendar .order-chip{padding:7px;min-height:44px}body.js-design .cp-calendar .chip-title{font-size:13px!important}body.js-design .dispatch-actions button{min-height:44px}.js-design .modal-footer button{min-height:44px}}