.trailer-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:22px;padding:20px}.trailer-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.trailer-heading h2{margin:4px 0 2px;font-size:22px}.trailer-heading p{color:var(--muted);margin:0;font-size:12px}.trailer-list{gap:9px;margin-top:17px;display:grid}.trailer-list article{border:1px solid var(--line);border-radius:9px;grid-template-columns:75px 1fr auto;align-items:center;gap:14px;padding:11px 13px;display:grid}.trailer-date{border-right:1px solid var(--line);flex-direction:column;display:flex}.trailer-date strong{color:var(--green);font-size:13px}.trailer-date span{color:var(--muted);margin-top:2px;font-size:11px}.trailer-details{flex-direction:column;display:flex}.trailer-details strong{font-size:14px}.trailer-details small{color:var(--muted);margin-top:4px}.trailer-actions{gap:6px;display:flex}.trailer-actions button{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:800}.trailer-actions .danger{color:#a74747}.trailer-empty{color:var(--muted);border:1px dashed #cfdad4;border-radius:9px;align-items:center;gap:13px;margin-top:17px;padding:18px;display:flex}.trailer-empty div{flex-direction:column;display:flex}.trailer-empty strong{color:var(--ink)}.trailer-empty small{margin-top:4px}.trailer-modal{width:min(560px,100%)}.all-day-option{border:1px solid var(--line);border-radius:8px;align-self:end;align-items:center;gap:9px;min-height:43px;padding:10px 12px;display:flex}.all-day-option input{width:auto;margin:0}.booked-user{background:var(--pale);color:var(--green);border-radius:8px;margin:0;padding:10px 12px;font-size:12px;font-weight:800}.modal>footer .delete-action{color:#b23b3b;border-color:#e4baba;margin-right:auto}.modal>footer .complete-action{color:#278447;border-color:#9ecfad}@media (width<=600px){.trailer-heading{flex-direction:column;align-items:flex-start}.trailer-heading .primary{width:100%}.trailer-list article{grid-template-columns:60px 1fr}.trailer-actions{grid-column:1/-1;justify-content:flex-end}.trailer-details small{line-height:1.45}}header nav a{color:var(--muted);align-items:center;font-weight:700;text-decoration:none;display:flex;position:relative}header nav a:hover{color:var(--green)}.run,.run.done{opacity:1;border-left-color:#62afe2}.run em{color:#d18a12}.run.status-complete em{color:#278447}.run.status-in-progress{background:#f0f8fd;border-color:#9fcfe9 #9fcfe9 #9fcfe9 #62afe2}.run.status-in-progress em{color:#167cb5}.run.status-issue-reported{background:#fff6f6;border-color:#e2a4a4 #e2a4a4 #e2a4a4 #62afe2}.run.status-issue-reported em{color:#c23d3d}.run.status-issue-reported small{color:#9e3434;font-weight:700}.toolbar .issue-count{color:#c23d3d}.toolbar .progress-count{color:#167cb5}.driver article.issue-delivery{background:#fff8f8;border-color:#d96868}.issue-message{color:#a53232;background:#fde8e8;border-radius:8px;flex-direction:column;gap:3px;margin:12px 0;padding:11px;font-size:13px;display:flex}.driver footer.driver-actions{grid-template-columns:1fr 1fr}.driver footer.driver-actions select{color:#a53232;background:#fff;border:1px solid #d96868;border-radius:8px;grid-column:1/-1;width:100%;padding:10px;font-weight:800}.driver-day-nav{gap:8px;margin-top:16px;display:flex}.driver-day-nav button{border:1px solid var(--line);min-width:48px;height:42px;color:var(--green);background:#fff;border-radius:8px;font-weight:800}.driver-day-nav button:nth-child(2){padding:0 18px}.driver-empty{border:1px dashed var(--line);text-align:center;background:#fff;border-radius:10px;padding:18px;margin-top:22px!important}.driver footer.driver-actions .complete-action{grid-column:1/-1}@media (width<=600px){header nav{gap:3px}header nav button,header nav a{padding:0 5px;font-size:11px}}.title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.alert-enable,.alert-enabled{border-radius:9px;min-height:44px;padding:0 14px;font-weight:800}.alert-enable{color:#187db9;background:#fff;border:1px solid #62afe2}.alert-enabled{color:#278447;background:#edf9f2;border:1px solid #a9d9bd}@media (width<=700px){.title-actions{justify-content:stretch;width:100%}.title-actions button{flex:1}}.auth-page{background:#f3f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:16px;width:min(430px,100%);padding:30px;display:grid;box-shadow:0 18px 55px #40576418}.auth-card>img{object-fit:contain;object-position:left;width:220px;height:72px}.auth-card h1{margin:0 0 4px;font-size:30px}.auth-card>label:not(:first-of-type){color:var(--ink);letter-spacing:0;gap:7px;display:grid}.auth-card input{border:1px solid #ccd7d1;border-radius:8px;width:100%;padding:12px}.auth-card .primary{padding:13px}.auth-switch{color:var(--green);background:0 0;border:0;font-weight:800}.auth-message{background:var(--pale);border-radius:8px;margin:0;padding:11px;font-size:13px}.user .signout{color:var(--green);background:0 0;border:0;font-size:11px;font-weight:800}@media (width<=700px){.auth-card{padding:22px}.user .signout{display:none}}.password-backdrop{z-index:1000;background:#17232bbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-dialog{background:#fff;border-radius:15px;gap:14px;width:min(430px,100%);padding:26px;display:grid;box-shadow:0 24px 80px #0005}.password-dialog h2,.password-dialog p{margin:0}.password-dialog label{gap:6px;font-weight:700;display:grid}.password-dialog input{border:1px solid #cbd7dd;border-radius:8px;padding:12px}.password-dialog>div{justify-content:flex-end;gap:10px;display:flex}.password-dialog button{padding:11px 15px}.password-error{color:#a53232;font-weight:700}.delivery-report{width:min(840px,100%)}.report-summary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.report-summary>div,.report-notes{border:1px solid var(--line);background:#fafcfd;border-radius:10px;padding:13px}.report-summary small,.report-notes small{color:var(--green);letter-spacing:1px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.report-summary strong{font-size:14px}.route-map{border:1px solid var(--line);background:#eef4f7;border-radius:12px;overflow:hidden}.route-map-link{color:inherit;background:#e6edf1;text-decoration:none;display:block;position:relative}.route-map svg{width:100%;height:auto;max-height:360px;display:block}.map-open-hint{color:var(--green);background:#fff;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #263b4940}.route-map-link:hover .map-open-hint{background:var(--green);color:#fff}.route-legend{background:#fff;align-items:center;gap:18px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.route-legend span{align-items:center;gap:6px;display:flex}.route-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.start-dot{background:#268849}.end-dot{background:#c63d3d}.route-legend small{color:var(--muted);margin-left:auto}.route-legend>a{color:var(--muted);font-size:10px;text-decoration:none}.route-legend>a:hover{text-decoration:underline}.report-proof-photo{border:1px solid var(--line);background:#fafcfd;border-radius:10px;grid-template-rows:auto 1fr;grid-template-columns:150px 1fr;column-gap:14px;margin:0 0 18px;padding:13px;display:grid}.report-proof-photo>small{color:var(--green);letter-spacing:1px;grid-column:1/-1;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.report-proof-photo>button{background:#eef4f7;border:1px solid #c8d8e1;border-radius:10px;grid-row:2;width:150px;height:105px;padding:0;overflow:hidden}.report-proof-photo>button:hover{border-color:var(--green);box-shadow:0 0 0 3px #2583bd1f}.report-proof-photo img{object-fit:cover;width:100%;height:100%;display:block}.report-proof-photo>span{color:var(--muted);align-self:center;font-size:12px}.route-source{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;display:flex}.route-source button{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:7px;flex:none;padding:7px 10px;font-size:11px;font-weight:800}.route-source-error{color:#766039;background:#fff9eb;border:1px solid #e3d1a7;border-radius:9px;padding:11px 12px}.route-empty{height:220px;color:var(--muted);background:#eef4f7;border-radius:12px;place-items:center;display:grid}.report-notes{margin-top:14px}.report-notes p{margin:0}.delivery-report>footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.delivery-report>footer button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 16px;font-weight:800}@media (width<=600px){.report-summary{grid-template-columns:1fr}.report-proof-photo{grid-template-columns:120px 1fr}.report-proof-photo>button{width:120px;height:90px}}.pickup-stop{background:#f5fbff;border:1px solid #9ed7f5;border-radius:10px;margin-bottom:10px;padding:7px;overflow:hidden}.pickup-stop .run{margin-bottom:6px}.pickup-stop .run:last-child{margin-bottom:0}.pickup-stop-heading{justify-content:space-between;align-items:center;padding:4px 3px 9px;display:flex}.pickup-stop-heading span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pickup-stop-heading i{border:3px solid var(--green);background:#fff;border-radius:50%;width:10px;height:10px}.pickup-stop-heading b{text-transform:uppercase;color:var(--green);font-size:9px}.pickup-stop-heading strong{font-size:10px}.pickup-stop-heading em{color:var(--green);background:#fff;border-radius:999px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.pickup-match{background:#eff9ff;border:1px solid #8bd0fa;border-radius:10px;align-items:flex-start;gap:11px;padding:13px;display:flex}.pickup-match>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.pickup-match>div{flex:1}.pickup-match strong{color:#0875bd;font-size:12px}.pickup-match p{color:#596b76;margin:4px 0 0;font-size:12px;line-height:1.4}.pickup-match em{color:#0875bd;background:#d9f0ff;border-radius:999px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.dropoff-match{background:#f0fbf6;border:1px solid #9bd8ba;border-radius:10px;align-items:flex-start;gap:11px;padding:13px;display:flex}.dropoff-match>span{color:#fff;background:#238b5a;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.dropoff-match>div{flex:1}.dropoff-match strong{color:#207a50;font-size:12px}.dropoff-match p{color:#596b76;margin:4px 0 0;font-size:12px;line-height:1.4}.dropoff-match em{color:#207a50;background:#daf3e6;border-radius:999px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.pickup-separate{align-items:flex-start;gap:9px;color:#4d5c54!important;display:flex!important}.pickup-separate input{width:16px!important;margin:2px 0 0!important}.pickup-separate span{flex-direction:column;gap:3px;display:flex}.pickup-separate small{color:#75838c;letter-spacing:0;font-weight:400}.driver-pickup-stop{background:#f4fbff;border:1px solid #8fd1f5;border-radius:15px;margin-top:22px;padding:12px}.driver-pickup-stop article{margin-top:10px}.driver-stop-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 4px 10px;display:flex}.driver-stop-heading h2{margin:3px 0;font-size:19px}.driver-stop-heading small{color:var(--muted)}.driver-stop-heading>b{color:var(--green);background:#fff;border:1px solid #b9dff5;border-radius:999px;padding:6px 9px;font-size:10px}.start-pickup-group{background:var(--green);color:#fff;border:0;border-radius:9px;width:100%;padding:11px;font-size:12px;font-weight:800}.driver-pickup-single{display:block}.driver-pickup-single>article{margin-top:22px}.bulk-stop-badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex!important}.bulk-stop-badges small{background:#dff2ff;border-radius:5px;padding:4px 6px;font-weight:800;color:#0875bd!important;margin:0!important;display:inline-block!important}.bulk-stop-badges .bulk-dropoff-badge{background:#e1f5ea;color:#207a50!important}.driver-bulk-reminder{color:#256d4b;background:#e5f7ed;border:1px solid #afe0c6;border-radius:8px;flex-direction:column;gap:3px;margin:11px 0;padding:10px;display:flex}.driver-bulk-reminder strong{font-size:12px}.driver-bulk-reminder span{font-size:11px}.time-field{position:relative}.time-field label{display:block}.time-field label input{padding-right:58px}.time-field>button{color:var(--green);background:#edf5f9;border:0;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800;position:absolute;bottom:8px;right:8px}.run.reminder-run{cursor:grab;background:#faf8ff;border-left-color:#7b61c8;grid-template-columns:14px 28px minmax(0,1fr);align-items:center}.reminder-run .reminder-icon,.driver-reminder-icon{color:#7458c2;background:#eee8ff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.reminder-run .reminder-label{color:#7458c2;letter-spacing:.8px;font-size:9px;font-weight:900}.reminder-run .reminder-time{color:#6549b5;background:#eee8ff;border-radius:5px;width:max-content;margin-top:5px;padding:3px 6px;font-weight:800;display:inline-block}.reminder-run.reminder-complete{opacity:.7;background:#f5faf7;border-left-color:#72a586}.booking-owner-field input{color:var(--ink);cursor:default;background:#f4f7f9}.schedule-add-actions{gap:6px;display:grid}.schedule-add-actions .empty{width:100%}.schedule-add-actions .reminder-add{color:#7458c2;background:#faf8ff;border-color:#cfc2f3}.reminder-count{color:#7458c2}.driver-reminder{background:#faf8ff;border:1px solid #cfc2f3;border-left:4px solid #7458c2;border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:22px;padding:16px;display:grid}.driver-reminder .driver-reminder-icon{width:38px;height:38px}.driver-reminder label{color:#7458c2}.driver-reminder h2{margin:4px 0 0;font-size:20px}.driver-reminder p{color:var(--muted);margin:7px 0 0}.driver-reminder button{border-radius:8px;min-width:76px;padding:11px 15px;font-weight:900}.driver-reminder .done-reminder{color:#fff;background:#7458c2;border:1px solid #7458c2}.driver-reminder .undo-reminder{color:var(--ink);background:#fff;border:1px solid #b8c7cf}.driver-reminder.is-done{background:#f3faf6;border-color:#bcdcc8 #bcdcc8 #bcdcc8 #4f9870}.driver-reminder.is-done h2{color:#66756d;text-decoration:line-through}@media (width<=560px){.driver-reminder{grid-template-columns:34px minmax(0,1fr)}.driver-reminder button{grid-column:1/-1;width:100%}}
