/* ColisPilot: calm agency workspace, existing brand and icon library. */
:root{--cp-green:#126b47;--cp-ink:#173b2b;--cp-muted:#607368;--cp-line:#dfe8e2;--cp-soft:#eaf4ee}
body{background:#f6f8f7;color:#243e31}
.sidebar{background:#123b2c;width:222px;flex-basis:222px;padding:28px 16px}
.sidebar-brand{margin-bottom:44px;padding-left:10px}.sidebar-caption{color:#a0b8aa;letter-spacing:1.2px}.brand-accent{color:#91dfb5}.brand-mark{background:#c0eed1;color:#16452c}
.nav-item{color:#d1e1d7;border-radius:9px}.nav-item:hover,.nav-item.active{background:#28513e;color:#fff}.nav-item.active svg{color:#bce9cd}.nav-count{background:#365e47;color:#e0f2e6}.logout{color:#c2d9cc}
.sidebar-help{padding:12px 10px;background:transparent;border:1px solid #436151;border-radius:9px}.sidebar-help summary{font-size:11px;cursor:pointer;color:#c9dfd1}.sidebar-help .help-icon{display:none}.sidebar-help>div{padding-top:12px}.sidebar-help p{color:#bad1c3}.sidebar-help strong{font-size:12px}
.topbar{height:74px;border-color:var(--cp-line)}.topbar-left strong{color:var(--cp-ink)}#cargoTopStatus,#cargoOverviewStatus{display:none}.environment{background:var(--cp-soft);color:var(--cp-green)}.dot-live{background:var(--cp-green)}.avatar{background:#e8f1eb;color:#39644d}
.main-content{max-width:1350px;padding:32px}.btn{font-weight:650;white-space:normal;line-height:1.4}.btn-primary{background:var(--cp-green);box-shadow:none}.btn-primary:hover{background:#0d573a}.btn-muted{background:#edf3ef;color:#405d4b}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #72b990;outline-offset:3px}.eyebrow{color:var(--cp-muted);letter-spacing:1.5px;font-size:10px}
.v7-welcome{align-items:center;margin-bottom:25px}.v7-welcome h1,.v7-shipment-header h1{color:var(--cp-ink);font-size:32px;letter-spacing:-1.1px}.v7-welcome p,.v7-shipment-header p{color:var(--cp-muted);font-size:14px}.cp-home .v7-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.cp-home .v7-metric{min-height:0;padding:20px;gap:7px;border:1px solid var(--cp-line);box-shadow:none;border-radius:14px;color:var(--cp-ink)}.cp-home .v7-metric>span{font-size:13px;color:var(--cp-muted)}.cp-home .v7-metric strong{font-size:35px;font-weight:600;letter-spacing:-1px}.cp-home .v7-metric small{color:var(--cp-muted);font-size:11px}
.v7-section-title{gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.v7-section-title h2{font-size:19px;color:var(--cp-ink)}.cp-home-search{display:flex;align-items:center;gap:8px;min-width:0;color:var(--cp-muted);font-size:13px}.cp-home-search svg{width:17px}.cp-home-search input{min-width:0;max-width:260px;background:transparent;border:0;padding:10px 0;color:var(--cp-ink)}
.cp-attention{display:flex;gap:14px;align-items:center;margin-bottom:28px;padding:18px 20px;border-radius:12px;background:var(--cp-soft);color:var(--cp-green)}.cp-attention>div{flex:1;min-width:0}.cp-attention strong{font-size:13px}.cp-attention p{margin:5px 0 0;font-size:12px;color:#486d57}.cp-attention button{flex-shrink:0}.v7-see-all{color:var(--cp-green);font-size:12px;font-weight:650}
.v7-recent-list{gap:0;border:1px solid var(--cp-line);border-radius:14px;overflow:hidden;background:#fff}.v7-shipment-card{border:0;border-bottom:1px solid var(--cp-line);border-radius:0;padding:20px;gap:14px;box-shadow:none}.v7-shipment-card:last-child{border-bottom:0}.v7-shipment-card:hover{transform:none;background:#fcfefd}.v7-shipment-icon{width:40px;height:42px;border-radius:11px;background:#f0f5f2;color:#688172}.v7-shipment-text strong{color:var(--cp-ink);font-size:14px;white-space:normal;overflow-wrap:anywhere}.v7-shipment-text>span{color:var(--cp-muted);font-size:12px}.v7-open-shipment{background:transparent;border:0;color:var(--cp-green);padding:11px 4px;font-weight:650;flex-shrink:0}.cp-home-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.v7-help-note{background:var(--cp-soft);color:#496e58}.status-chip{font-weight:650;font-size:11px;white-space:normal;border-radius:7px;max-width:100%;text-align:left}.status-chip.ready{background:#e4f3e9;color:#126b47}.status-chip.travel{background:#edf2f8;color:#3c6082}
.content-card{border-color:var(--cp-line);border-radius:14px;box-shadow:none}.card-heading h2{color:var(--cp-ink);font-size:22px;overflow-wrap:anywhere}.batch-panel>.card-heading>.btn{display:none}.batch-panel>.card-heading p{display:none}.shipment-action-tiles{gap:10px;padding-bottom:18px}.shipment-action{min-height:66px;border-color:var(--cp-line);border-radius:10px;background:#f7faf8;color:#30553c}.shipment-action strong{font-size:13px;font-weight:650}.shipment-action small{font-size:11px;color:var(--cp-muted)}.shipment-action-primary{background:var(--cp-soft);color:var(--cp-green);border-color:#c3dfcd}.shipment-action-primary.is-open{background:#dbecdf;border-color:#75af8a}
.cp-batch-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--cp-muted);margin:0 0 14px}.cp-private-details{font-size:12px;border-top:1px solid #edf2ef;padding-top:10px;margin-top:10px}.cp-private-details summary{cursor:pointer;color:var(--cp-muted);list-style:none;display:flex;align-items:center;gap:7px}.cp-private-details summary:after{content:'⌄';margin-left:auto}.cp-private-details summary svg{width:15px;height:15px}.cp-private-details p{margin:12px 0}.cp-connection{margin:0 24px 18px;border-top:1px solid var(--cp-line);padding-top:12px;font-size:12px;color:var(--cp-muted)}.cp-connection>summary{cursor:pointer}.cp-connection .cargo-panel{margin:12px 0 0}.shipment-counts-grid{gap:9px}.shipment-count-box{background:#f7faf8;border-color:var(--cp-line);padding:13px}.shipment-count-box strong{font-weight:600;font-size:27px;color:var(--cp-ink)}.shipment-count-remaining{background:var(--cp-soft)}.shipment-count-note{font-size:11px;color:var(--cp-muted)}
.cp-followup{display:grid;grid-template-columns:1fr;gap:20px;padding:0 24px 22px}.cp-followup:has(.shipment-update-panel:not(.hidden)){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.cp-route{padding:20px 16px;border:1px solid var(--cp-line);border-radius:12px;background:#fbfdfb}.cp-route h3{font-size:15px;color:var(--cp-ink);margin:0 0 20px}.cp-route>p{font-size:11px;line-height:1.6;color:var(--cp-muted);margin:14px 0 0}.cp-route-list{list-style:none;padding:0;margin:0}.cp-route-list li{position:relative;display:flex;gap:12px;min-height:57px;color:#7c8e82;font-size:12px}.cp-route-list li:not(:last-child):before{content:'';position:absolute;top:23px;bottom:0;left:10px;width:2px;background:#dce8df}.cp-route-list li.cp-passed:before{background:#79b594}.cp-route-dot{position:relative;z-index:1;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #d4e2d8;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.cp-passed .cp-route-dot{background:#20804f;color:#fff;border-color:#20804f}.cp-current .cp-route-dot{background:#126b47;color:#fff;border-color:#126b47;box-shadow:0 0 0 4px #e2f0e7}.cp-current>span:last-child{color:#214d32;font-weight:700}.cp-route-list small{display:block;font-size:10px;color:#718777;margin:3px 0 0}
.shipment-update-panel{border:1px solid var(--cp-line);border-radius:12px;margin:0;padding:18px;min-width:0}.batch-update{display:flex!important;flex-direction:column;align-items:stretch;padding:0!important;background:transparent;border:0;margin:0}.batch-update>.field{width:100%}.batch-update>.field span{font-size:12px;font-weight:650}.batch-update .field input,.batch-update .field select{font-size:14px}.batch-update>button{width:100%}.batch-alert-tools{margin:0 24px 18px;background:#f8faf9;border:1px solid var(--cp-line);border-radius:10px;padding:13px 15px}.batch-alert-tools strong{font-size:12px;color:#36523f}.batch-alert-tools p{font-size:11px;color:var(--cp-muted)}.batch-alert-tools .btn{font-size:11px;min-width:0}.batch-disclaimer{color:var(--cp-muted);background:#f6faf7;font-size:11px}.bulk-banner{display:none!important}.workflow-quick{margin:18px 0}.workflow-quick .btn{background:#fff;border:1px solid var(--cp-line);color:var(--cp-green);box-shadow:none}.workflow-quick .btn:first-child{background:var(--cp-green);color:#fff}
.cp-preview{min-width:0}.cp-preview-summary{background:var(--cp-soft);padding:14px;border-radius:9px;font-size:13px;margin:8px 0 12px;color:#28563a}.cp-preview-summary p{font-size:12px;margin:6px 0 0;line-height:1.6}.cp-correction{color:#80521c}.cp-message-preview{background:#f6f8f7;border:1px solid var(--cp-line);padding:14px;border-radius:9px;margin:10px 0;font-size:12px}.cp-message-preview summary{font-weight:650;cursor:pointer;color:var(--cp-ink)}.cp-message-preview p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:14px 0}.cp-message-preview small{color:var(--cp-muted);font-size:11px}.cp-stage-change{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:15px 0 22px;color:var(--cp-muted);font-size:13px}.cp-stage-change strong{color:var(--cp-green)}.notice-check{font-size:12px;color:#405c4b;line-height:1.6}.notice-check input{accent-color:var(--cp-green)}.cp-stage-confirm{width:min(100%,640px)}
#batchModal .modal{width:min(100%,660px)}.modal-head h2{color:var(--cp-ink);font-size:25px;letter-spacing:-.7px}.cp-wizard-steps{display:flex;gap:24px;list-style:none;margin:0 0 28px;padding:0;font-size:12px;color:var(--cp-muted)}.cp-wizard-steps li{display:flex;align-items:center;gap:7px}.cp-wizard-steps b{display:grid;place-items:center;border:1px solid var(--cp-line);border-radius:50%;width:28px;height:28px;font-weight:500}.cp-wizard-steps [aria-current=step]{color:var(--cp-green);font-weight:650}.cp-wizard-steps [aria-current=step] b{background:var(--cp-green);color:#fff;border-color:var(--cp-green)}.cp-subtext{font-size:12px;color:var(--cp-muted);line-height:1.6}.cp-wizard-clients{border:1px solid var(--cp-line);border-radius:10px;margin:17px 0;max-height:300px;overflow-y:auto}.cp-wizard-client{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--cp-line);font-size:13px;cursor:pointer}.cp-wizard-client:last-child{border:0}.cp-wizard-client>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.cp-wizard-client strong,.cp-wizard-client small{overflow-wrap:anywhere}.cp-wizard-client small{font-size:11px;color:var(--cp-muted)}.cp-wizard-client input{width:18px;height:18px;accent-color:var(--cp-green);flex-shrink:0}.cp-channel-label{font-size:10px;color:#42634c;background:#edf5ef;padding:4px 6px;border-radius:5px;text-align:right}.cp-wizard-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--cp-muted)}.cp-summary{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;font-size:13px;margin:25px 0}.cp-summary dt{color:var(--cp-muted)}.cp-summary dd{margin:0;overflow-wrap:anywhere;line-height:1.8}.cp-summary small{color:var(--cp-muted)}.form-note{font-size:12px;line-height:1.6;background:var(--cp-soft);color:#446a50}.field>span,.field>label{font-size:12px;font-weight:600;color:#34513f}.field input,.field select{border-color:var(--cp-line)}.app-footer{color:#6c8072}.sms-item p{color:#607368}.sms-warning{color:#4b6654;background:#f1f6f2}
.step.done .step-marker{background:#20804f;border-color:#20804f}.step.done:not(:last-child)::after{background:#79b594}.step.current .step-marker{border-color:#126b47;box-shadow:0 0 0 5px #e2f0e7}.step-body small{color:#657d6c}
@media(max-width:1100px){.cp-followup:has(.shipment-update-panel:not(.hidden)){grid-template-columns:1fr}.v7-welcome{flex-wrap:wrap}.cp-home .v7-shipment-card{flex-wrap:wrap}.cp-home .v7-shipment-text{flex-basis:55%}.cp-home .v7-shipment-card>div:nth-child(3){margin-left:54px}.cp-home .v7-open-shipment{margin-left:auto}}
@media(max-width:950px){.sidebar{width:240px;flex-basis:240px}.main-content{padding:25px 22px}.cp-attention{flex-wrap:wrap}.cp-attention .v7-see-all{margin-left:34px}}
@media(max-width:650px){.main-content{padding:22px 14px 95px}.v7-welcome{gap:18px}.v7-welcome .btn{width:100%}.v7-welcome h1{font-size:28px}.v7-welcome p{font-size:13px}.cp-home .v7-metrics{gap:7px;margin-bottom:20px}.cp-home .v7-metric{padding:13px 10px;border-radius:11px}.cp-home .v7-metric strong{font-size:29px}.cp-home .v7-metric>span{font-size:11px}.cp-home .v7-metric small{font-size:10px}.v7-section-title{align-items:flex-start}.cp-home-search{width:100%;border-bottom:1px solid var(--cp-line)}.cp-home-search input{width:100%;max-width:none;font-size:16px}.cp-attention{padding:16px;gap:10px}.cp-attention>div{flex-basis:80%}.cp-attention button{margin-left:29px!important;text-align:left;padding:7px 0}.v7-shipment-card{padding:15px 12px;gap:10px}.v7-shipment-text strong{font-size:13px}.v7-shipment-text>span{font-size:11px}.cp-home .v7-shipment-card>div:nth-child(3){margin-left:50px}.status-chip{font-size:10px}.cp-followup{padding:0 16px 18px;gap:15px}.cp-route{padding:18px 13px}.shipment-update-panel{padding:17px 13px}.cp-connection{margin:0 16px 18px}.batch-alert-tools{margin:0 16px 16px;align-items:stretch}.shipment-action-tiles{padding:0 16px 16px;grid-template-columns:1fr}.shipment-action{padding:12px;min-height:59px}.shipment-counts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-count-box{padding:12px}.cp-wizard-steps{gap:15px;font-size:11px}.cp-wizard-steps b{width:25px;height:25px}.cp-wizard-client{padding:13px;gap:9px}.cp-channel-label{max-width:72px;font-size:10px}.cp-summary{grid-template-columns:85px minmax(0,1fr);gap:16px}.cp-wizard-tools{flex-wrap:wrap}.modal-actions{flex-wrap:wrap}.modal-actions .btn{font-size:12px;flex:1}.field input,.field select{font-size:16px}.cp-batch-meta{font-size:12px}.cp-home-footer .v7-see-all{padding:8px 0}.mobile-bottom-nav button.active{color:var(--cp-green);background:var(--cp-soft)}}

/* Mobile customer workspace: compact groups, readable labels, visible actions. */
@media(max-width:650px){
  .cp-home .v7-metrics{gap:8px;margin-bottom:18px;align-items:stretch}
  .cp-home .v7-metric{padding:12px 10px;gap:5px;min-width:0}
  .cp-home .v7-metric strong{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
  .cp-home .v7-metric span{font-size:14px;line-height:1.3}
  .cp-home .v7-metric small{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
  .cp-home .v7-welcome .btn,.cp-home .cp-home-footer .btn,.cp-home .v7-open-shipment{min-height:44px;font-size:14px}
  .cp-home .v7-shipment-text strong{font-size:15px;line-height:1.35}
  .cp-home .v7-shipment-text>span{font-size:13px;line-height:1.4}
  .cp-home .status-chip,#batchSection .status-chip{font-size:12px;line-height:1.35}
  .cp-home .cp-attention{padding:14px;align-items:flex-start}
  .cp-home .cp-attention strong,.cp-home .cp-attention p{font-size:14px;line-height:1.45}
  .cp-home .cp-attention .btn{min-height:44px;font-size:14px}
  #batchSection .shipment-action-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}
  #batchSection .shipment-action{min-width:0;min-height:70px;padding:12px 10px;gap:8px}
  #batchSection .shipment-action>span{min-width:0}
  #batchSection .shipment-action svg{flex:none}
  #batchSection .shipment-action strong{font-size:14px;line-height:1.35}
  #batchSection .shipment-action small{font-size:12px;line-height:1.4}
  #batchSection .shipment-counts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #batchSection .shipment-count-box{padding:10px 12px;min-width:0;display:flex;align-items:center;gap:10px}
  #batchSection .shipment-count-box strong{font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}
  #batchSection .shipment-count-box span{font-size:14px;line-height:1.35}
  #batchSection .shipment-count-note,#batchSection .batch-disclaimer{font-size:12px;line-height:1.45}
  #batchSection .cp-batch-meta{gap:8px;font-size:14px;line-height:1.4}
  #batchSection .batch-alert-tools{padding:12px;gap:10px}
  #batchSection .batch-alert-tools strong,#batchSection .batch-alert-tools p{font-size:14px;line-height:1.4}
  #batchSection .batch-alert-tools .btn{min-height:44px;font-size:14px}
  #batchSection .cp-private-details summary,#batchSection .cp-connection summary{min-height:44px;align-content:center;font-size:14px;line-height:1.4}
  #batchSection .cp-route{padding:16px 13px}
  #batchSection .cp-route-list li{font-size:14px;line-height:1.4}
  #batchSection .cp-route-list small{font-size:12px;line-height:1.4}
  #quickActions.workflow-quick{gap:8px;margin:14px 0;flex-wrap:wrap}
  #quickActions.workflow-quick .btn{min-height:44px;font-size:14px;flex:1 1 140px}
  #parcelsSection .toolbar{gap:10px;flex-wrap:wrap}
  #parcelsSection .toolbar .field{min-width:0;flex:1 1 160px}
  #parcelsSection .toolbar input,#parcelsSection .toolbar select{min-height:44px;font-size:16px;max-width:100%;box-sizing:border-box}
  #parcelsSection .card-heading .btn,#parcelsSection .page-actions .btn{min-height:44px;font-size:14px}
  #parcelsSection .table-footer{gap:10px;flex-wrap:wrap;font-size:14px}
}
@media(max-width:650px){
  #smsSection .sms-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}
  #smsSection .sms-item>svg,#smsSection .sms-item>.sms-icon{width:32px;height:32px}
  #smsSection .sms-item>div{min-width:0;overflow-wrap:anywhere}
  #smsSection .sms-item .status-chip{grid-column:2;justify-self:start;font-size:12px;white-space:normal}
  #smsSection .sms-item p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
}