/* Idle Driver styles are isolated from route cards and the forum. */
#createDriverBtn{background:#187348;color:#fff;border-color:#37ba78}
.idle-form-open{overflow:hidden}
.idle-form-open #confirmModal{z-index:13000}
.idle-modal{position:fixed;inset:var(--idle-top,0px) 0 auto;z-index:12000;height:var(--idle-height,100dvh);box-sizing:border-box;background:#000a;display:grid;place-items:center;padding:12px}
.idle-modal[hidden],.idle-modal [hidden]{display:none!important}
.idle-dialog{box-sizing:border-box;width:min(100%,560px);max-height:100%;min-height:0;display:flex;flex-direction:column;background:#101b20;color:#fff;border:1px solid #379464;border-radius:14px;box-shadow:0 15px 60px #0008;overflow:hidden}
.idle-dialog *,.idle-card *{box-sizing:border-box;min-width:0}
.idle-dialog header,.idle-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;flex-shrink:0}
.idle-dialog header{border-bottom:1px solid #335346}.idle-dialog h2{margin:0;font-size:1.25rem;overflow-wrap:anywhere}
.idle-dialog footer{border-top:1px solid #335346;flex-wrap:wrap}.idle-dialog footer>p{flex-basis:100%;margin:0;overflow-wrap:anywhere;font-size:.85rem}
.idle-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;scroll-padding:16px}
.idle-dialog label{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;overflow-wrap:anywhere}
.idle-dialog input,.idle-dialog textarea{width:100%;font:inherit;background:#0c141a;color:white;border:1px solid #647b70;border-radius:6px;padding:10px;min-height:44px}
.idle-dialog textarea{resize:vertical}.idle-dialog button,.idle-card button{font:inherit;border:1px solid #55806a;background:#142b21;color:#fff;border-radius:6px;padding:8px 12px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.idle-dialog button{min-height:44px}.idle-dialog button:disabled{opacity:.45;cursor:default}.idle-dialog button:focus-visible,.idle-card button:focus-visible{outline:3px solid #ffdb36;outline-offset:2px}
.idle-truck-options{display:flex;flex-wrap:wrap;gap:16px}.idle-truck-options label{flex-direction:row;align-items:center}.idle-truck-options input{width:22px;min-height:22px}
.idle-calendar-nav,.idle-calendar-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.idle-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.idle-calendar button{padding:4px;min-height:44px}.idle-weekday{text-align:center;font-size:.73rem}
.idle-calendar .idle-available,.idle-date-list .idle-available{background:#19663e;color:#fff}.idle-calendar .idle-blocked,.idle-date-list .idle-blocked{background:#712c32;color:#fff;opacity:1}.idle-calendar .idle-pending{outline:2px solid #e5b82e;outline-offset:-3px}
.idle-calendar button.idle-past{background:#4a5053;color:#aeb4b7;border-color:#62696c;opacity:.58;cursor:not-allowed}
.idle-readonly-calendar .idle-date-cell{display:grid;place-items:center;min-height:44px;padding:4px;border:1px solid #3b5147;border-radius:6px;color:#d6ded9}
.idle-readonly-calendar .idle-date-cell.idle-available{background:#19663e;color:#fff;border-color:#57cb8b}.idle-readonly-calendar .idle-date-cell.idle-blocked{background:#712c32;color:#fff;border-color:#d67878}.idle-readonly-calendar .idle-date-cell.idle-past{background:#4a5053;color:#aeb4b7;border-color:#62696c;opacity:.58}
.idle-dates-modal{z-index:12100}.idle-dates-dialog{width:min(100%,560px)}
.idle-calendar-legend{font-size:.82rem;line-height:1.6;overflow-wrap:anywhere}.idle-card{display:flex;flex-direction:column;gap:9px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:13px;border:1px solid #42a575;border-left:4px solid #39c67c;border-radius:10px;background:linear-gradient(140deg,#153d2b,#10221c);color:#fff;overflow-wrap:anywhere;font-size:.85rem}
.idle-card-head,.idle-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.idle-card-head{justify-content:space-between}.idle-card-head .star-btn{flex:0 0 auto}.idle-owner{min-width:0;overflow-wrap:anywhere;color:#d8e5df;font-weight:700}.idle-tag,.job-type-label.idle{font-size:.7rem;font-weight:950;letter-spacing:.06em;color:#39e27c;background:#080d0b;border:1px solid #39e27c;border-radius:999px;padding:3px 8px}.idle-location{font-size:1rem;min-width:0;overflow-wrap:anywhere}.idle-truck-status,.idle-availability{min-width:0;overflow-wrap:anywhere}.idle-status{color:#a7f5c4}.idle-card p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.idle-card-actions button{min-height:36px;font-size:.8rem}.idle-date-list{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow:auto;margin-top:8px}.idle-date-list span{padding:5px;border-radius:4px}.idle-card summary{cursor:pointer;padding:8px 0}
.idle-coverage{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.idle-coverage label{display:flex;align-items:center;gap:6px;min-height:44px;border:1px solid #42634e;padding:5px;border-radius:6px}.idle-coverage input{width:20px;height:20px}.idle-coverage legend{color:#a7f5c4}
#detailWrap>.idle-card{max-height:min(70dvh,550px);overflow-y:auto}
#detailWrap>.idle-card:not(.board-detail-card){width:230px}
#mapPreviewWrap>.idle-card{max-height:65dvh;overflow-y:auto}
.idle-driver-map-tooltip.leaflet-tooltip{padding:2px 7px;border:1px solid #39e27c;border-radius:4px;background:#080d0b;box-shadow:0 1px 4px rgba(0,0,0,.45);color:#39e27c;font-weight:900;white-space:nowrap}
.idle-driver-map-tooltip.leaflet-tooltip-right:before{border-right-color:#39e27c}.idle-driver-map-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cardGrid>.idle-card{max-height:420px;overflow-y:auto;scroll-snap-align:start}
@media(max-width:768px){#cardGrid>.idle-card{flex:0 0 100%;width:100%;height:100%;max-height:100%;overflow-y:auto}}
#jobOfferModal .idle-coverage[hidden]{display:none}
#myJobsModal .offer-detail-actions:has([data-offer-release]){flex-wrap:wrap}
.offer-truck-status{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;color:#b4f5ce;font-size:.76rem}
.chip.job-truck-status{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.3}
/* Availability selection must not squeeze the source list or cover its heading. */
#jobOfferModal.idle-offer-mode .modal-card{overflow-y:auto;overscroll-behavior:contain}
#jobOfferModal.idle-offer-mode .job-offer-upper{flex:0 0 auto;overflow:visible}
#jobOfferModal.idle-offer-mode .job-offer-own-panel{overflow:visible}
#jobOfferModal.idle-offer-mode .job-offer-own-panel>.job-offer-section-title{position:static;transform:none;align-self:flex-start;flex:0 0 auto}
#jobOfferModal.idle-offer-mode .job-offer-own-jobs{flex:0 0 auto;min-height:110px;max-height:240px;overflow-y:auto}
#jobOfferModal.idle-offer-mode .job-offer-message-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
#jobOfferModal.idle-offer-mode .idle-coverage{grid-column:1/-1;width:100%;min-width:0;margin:0;border:0;padding:8px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
#jobOfferModal.idle-offer-mode .idle-coverage legend{padding:0 0 8px;overflow-wrap:anywhere}
#jobOfferModal.idle-offer-mode .job-offer-map{flex:0 0 220px;min-height:220px}
@media(max-width:768px){
 #jobOfferModal.idle-offer-mode .job-offer-target-panel{flex:0 0 auto;min-height:0}
 #jobOfferModal.idle-offer-mode .job-offer-target-card{max-height:none;overflow:visible}
 #jobOfferModal.idle-offer-mode .job-offer-message-wrap{grid-template-columns:minmax(0,1fr)}
 #jobOfferModal.idle-offer-mode .idle-coverage{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
}
@media(max-width:375px){.idle-modal{padding:4px}.idle-body{padding:7px}.idle-dialog header,.idle-dialog footer{padding:10px}.idle-calendar{gap:2px}.idle-calendar button{min-height:42px}}

.idle-view-days{margin-left:8px;padding:0;border:0;background:none;color:#ffd400;text-decoration:underline;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.idle-view-days:hover{color:#fff}
@media(max-width:768px){.idle-card-actions button{min-height:44px}.idle-dialog{border-radius:8px}.idle-dialog input,.idle-dialog textarea{font-size:16px}}