.pickup-topbar,.pickup-inline,.pickup-filters,.pickup-route-edit,.pickup-dialog-title,.pickup-route-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pickup-topbar{margin:0 0 14px}.pickup-view{background:white;padding:24px;border-radius:6px}.pickup-filters{margin:20px 0}.pickup-filters label{margin:0;min-width:140px}.pickup-filters .pickup-check{display:flex;gap:6px;align-items:center}.pickup-help{color:#626777;font-size:13px;margin:10px 0}.pickup-board{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;padding-bottom:14px}.pickup-route{flex:1 0 355px;max-width:520px;border:1px solid #ddd;border-top:4px solid;border-radius:5px;background:white}.pickup-route header{display:flex;justify-content:space-between;align-items:center;padding:12px}.pickup-summary{padding:0 12px;font-size:13px;color:#646877}.pickup-route table{width:100%;border-collapse:collapse;font-size:13px}.pickup-route th,.pickup-route td{border:1px solid #e5e5e5;padding:8px 5px;text-align:center}.pickup-route th:first-child,.pickup-route td:first-child{text-align:left;min-width:115px}.pickup-route small{display:block;color:#727684}.pickup-route .btn{padding:1px 4px}.pickup-green{background:#d4f0dc;color:#17633a;font-weight:600}.pickup-red{background:#ffe0e0;color:#a52731;font-weight:600}.pickup-stop-label{display:inline-block;min-width:20px;color:#9297a1}.pickup-stop{max-width:90px}.pickup-dialog-title{justify-content:space-between;margin-bottom:18px}.pickup-route-edit label{flex:1;min-width:100px}.pickup-route-item{border-top:1px solid #e8e8e8;padding:12px 0}.pickup-route-item>span{flex:1;min-width:180px}.pickup-form-fields{margin-top:12px}.pickup-form-fields label{display:block;margin:14px 0 6px}.pickup-form-fields .pickup-inline select{flex:1;width:auto}.pickup-order{display:flex;gap:15px;border-bottom:1px solid #ddd;padding:12px 0}.pickup-order img{width:100px;height:100px;object-fit:contain}.pickup-order p{margin:5px 0}.pickup-order>div{overflow-wrap:anywhere}.supplier-routes-root .alert .btn{margin-left:12px}
/* Keep supplier tools in the existing header and use the full content area. */
body:has(.supplier-routes-embedded) #kt_content{background:white;padding-top:4px!important;padding-bottom:4px!important}
body:has(.supplier-routes-embedded) #kt_content>.flex-column-fluid>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0 8px!important}
.supplier-routes-embedded .card.card-custom{border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important}
.supplier-routes-embedded .card>.card-header{min-height:58px!important;padding:6px 8px!important;gap:8px 16px;align-items:center}
.supplier-routes-embedded .card>.card-header>.card-title{flex:1;min-width:0;margin:0!important}
.supplier-routes-embedded .card>.card-header>.card-toolbar{margin:0!important}
.supplier-routes-embedded .card>.card-body{padding:8px!important}
.supplier-route-heading{display:flex;gap:14px;align-items:center;flex-wrap:wrap;width:100%}
.supplier-route-heading h3{margin:0!important;white-space:nowrap}
.supplier-route-tools{margin:0!important;gap:6px}
.supplier-route-tools .pickup-help{margin:0 0 0 4px;font-size:12px}
.supplier-route-tools .btn{white-space:nowrap;padding:7px 10px}
.supplier-routes-embedded .card-header .btn{margin-top:0!important;margin-bottom:0!important}
@media(max-width:600px){.pickup-view{padding:14px}.pickup-route{flex-basis:330px}.pickup-topbar{gap:6px}.pickup-order img{width:70px;height:70px}.supplier-route-heading{gap:8px}.supplier-route-tools .pickup-help{width:100%;margin:0}.supplier-routes-embedded .card>.card-header{padding:6px 3px!important}body:has(.supplier-routes-embedded) #kt_content>.flex-column-fluid>.container{padding:0 3px!important}}