.driver-portal-page{font-family:ui-sans-serif,system-ui,sans-serif;background:#f5f2eb;color:#18212a}
.driver-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(20px,calc((100% - 1200px)/2));background:#10151c;color:#fff}
.driver-brand{color:#fff;font-size:1.25rem;font-weight:800;text-decoration:none}.driver-brand span{display:block;color:#d8be91;font-size:.8rem;margin-top:3px}
.driver-support{display:flex;flex-direction:column;color:#fff;text-decoration:none;text-align:right;font-size:.8rem}.driver-support strong{font-size:1rem;margin-top:3px}
.driver-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:1200px;margin:18px auto;padding:0 20px}.driver-nav a,.driver-nav button{padding:12px 16px;background:#fff;color:#273341;border:1px solid #75818f;border-radius:9px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.driver-nav a[aria-current=page]{background:#18212a;color:#fff}.driver-nav form{margin-left:auto}
.driver-main{display:block;width:min(1200px,calc(100% - 40px));margin:30px auto;min-height:65vh}.driver-main.app-host{border:0;background:transparent;box-shadow:none;padding:0}.driver-footer{padding:24px;text-align:center;color:#454b53}.driver-footer a{color:#263f56}
.driver-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.driver-page-heading h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:6px 0}.driver-page-heading p{max-width:720px;color:#4c5560;line-height:1.55;margin:8px 0}.driver-eyebrow{color:#6c4a17;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.driver-main h2{font-size:1.3rem;margin:22px 0 16px;color:#18212a}.driver-main h3{font-size:1.1rem;margin:16px 0 10px;color:#18212a}.driver-card{background:#fff;border:1px solid #9aa3ad;border-radius:15px;padding:24px;margin-bottom:20px}.driver-trip-grid,.driver-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.driver-trip-grid .driver-card{margin:0}.driver-offer{border:2px solid #936e33;background:#fffcf5}.driver-card-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#454b53}.driver-card-top h3{margin:0}.driver-card-top strong{color:#18212a}.driver-count{padding:3px 9px;background:#18212a;color:#fff;border-radius:20px;font-size:.85rem}
.driver-route{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 16px;margin:20px 0;line-height:1.5}.driver-route dt{font-weight:800;color:#454b53}.driver-route dd{margin:0;overflow-wrap:anywhere}.driver-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.driver-primary,.driver-secondary,.driver-decline{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;min-height:48px;border:2px solid #18212a;border-radius:9px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;background:#18212a;color:#fff}.driver-secondary{color:#18212a;background:#fff}.driver-decline{border-color:#9b3127;color:#8b241d;background:#fff}
.driver-main a:focus-visible,.driver-main button:focus-visible,.driver-nav a:focus-visible,.driver-nav button:focus-visible{outline:3px solid #714d17;outline-offset:3px}.driver-muted{font-size:.87rem;color:#454b53;line-height:1.55}.driver-message{padding:16px;background:#edf3f7;color:#253647;border-left:4px solid #376181;border-radius:8px;margin:18px 0;line-height:1.5}.driver-empty{padding:24px;border:1px dashed #75818f;border-radius:12px;background:#fff;margin-bottom:20px;color:#454b53}.driver-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}.driver-tabs{display:flex;gap:10px;flex-wrap:wrap}.driver-tabs a{color:#253647;padding:10px;text-decoration:underline}.driver-tabs a[aria-current=page]{background:#e8edf1;border-radius:8px;font-weight:800}.driver-pagination{display:flex;justify-content:center;gap:24px;padding:24px;flex-wrap:wrap}.driver-pagination a{color:#253647;font-weight:700}
.driver-login{max-width:560px;margin:40px auto}.driver-form{display:grid;gap:18px}.driver-form label,.driver-filter label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:800}.driver-form input,.driver-filter input,.driver-filter select{width:100%;min-height:50px;padding:12px;border:1px solid #75818f;border-radius:9px;background:#fff;color:#18212a;font:inherit}.driver-form input:focus,.driver-filter input:focus,.driver-filter select:focus{outline:3px solid #714d17;outline-offset:2px}.driver-form a{color:#253647}.driver-filter{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:18px;align-items:end}.driver-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.driver-stat-grid span{display:block;font-size:.85rem;color:#454b53}.driver-stat-grid strong{display:block;font-size:1.45rem;margin-top:8px}.driver-range{color:#454b53;font-weight:700}.driver-earning-details{display:flex;gap:30px;flex-wrap:wrap}.driver-earning-details dt{font-size:.85rem;color:#454b53}.driver-earning-details dd{margin:8px 0;font-weight:800}.driver-instructions{padding:16px;margin-top:20px;background:#fffaf0;border-left:4px solid #936e33;border-radius:8px}.driver-instructions p{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}
.driver-login-heading{display:block;margin-bottom:30px}.driver-login-heading .driver-eyebrow{display:block;margin-bottom:10px}.driver-login-heading h1{margin:0 0 10px;font-size:clamp(2rem,4vw,2.5rem);line-height:1.14;letter-spacing:-.025em}.driver-login-heading p{max-width:42ch;margin:0;color:#4c5560}.driver-login .driver-form{gap:18px}.driver-login .driver-primary{width:100%}.driver-login .driver-muted{margin-top:22px}.driver-login :is(input,button,a):focus-visible{outline:3px solid #714d17;outline-offset:3px}
.driver-card .driver-section-heading{margin-top:0}.driver-card h2:first-child{margin-top:0}
@media(max-width:850px){.driver-trip-grid,.driver-detail-grid{grid-template-columns:1fr}.driver-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-page-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.driver-main{width:calc(100% - 24px);margin-top:24px}.driver-header{padding:18px 12px}.driver-brand{font-size:1.05rem}.driver-nav{padding:0 12px;gap:6px}.driver-nav a,.driver-nav button{padding:10px;font-size:.85rem}.driver-nav form{margin-left:0}.driver-card{padding:18px}.driver-filter{grid-template-columns:1fr}.driver-route{grid-template-columns:1fr;gap:4px}.driver-route dd{margin-bottom:12px}.driver-actions>*{flex:1 1 auto}.driver-stat-grid strong{font-size:1.25rem}}
.driver-live-bar{max-width:1280px;margin:12px auto;padding:12px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#edf4ef;color:#183524;border:1px solid #749681;border-radius:12px}.driver-live-bar a{font-weight:750;color:#142d61}.driver-live-bar button{margin-left:auto;min-height:44px;padding:8px 14px;background:#fff;color:#17251c;border:1px solid #657d6a;border-radius:8px}.driver-countdown{font-weight:800;color:#623c00;background:#fff0c8;padding:10px;border-radius:8px}.driver-profile-form{display:grid;gap:20px}.driver-profile-form label{display:grid;gap:8px;font-weight:750;color:#17213a}.driver-profile-form input{box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:2px solid #7c8797;border-radius:8px;background:#fff;color:#17213a;font:inherit}.driver-profile-form small{font-weight:400;color:#49566a}.driver-tabs{margin:20px 0;display:flex;gap:10px;flex-wrap:wrap}.driver-tabs a{padding:12px 16px;min-height:24px;border:1px solid #8b96a6;border-radius:8px;background:#fff;color:#152841}.driver-live-bar [hidden]{display:none!important}
.driver-profile-form select,.driver-profile-form textarea{box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:2px solid #7c8797;border-radius:8px;background:#fff;color:#17213a;font:inherit}.driver-greeting-sign{display:flex;min-height:60vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;background:#fff;color:#111}.driver-greeting-sign h1{font-size:clamp(40px,8vw,120px);line-height:1.15;overflow-wrap:anywhere}.driver-greeting-sign p{font-size:24px;letter-spacing:.06em}.driver-greeting-sign:fullscreen{width:100vw;min-height:100vh;box-sizing:border-box}
#driver-dispatch-messages p,#driver-assignment-notices p,.driver-instructions p{white-space:pre-wrap}

.driver-activity-drawer,.driver-messages-dialog{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:24px;border:0;border-left:2px solid #78879b;background:#fff;color:#18243a;overflow:auto;font:16px/1.5 system-ui,sans-serif}
.driver-activity-drawer::backdrop,.driver-messages-dialog::backdrop{background:rgba(10,20,35,.45)}
.driver-activity-launcher,.driver-messages-launcher{position:fixed;bottom:20px;right:20px;z-index:1100;min-height:48px;padding:12px 18px;border:2px solid #fff;border-radius:12px;background:#18243a;color:#fff;font:700 16px/1.4 system-ui,sans-serif;box-shadow:0 3px 15px #0004;cursor:pointer}
.driver-activity-launcher:focus-visible,.driver-messages-launcher:focus-visible,.activity-close:focus-visible{outline:3px solid #1761c5;outline-offset:3px}
.activity-close,.driver-action-toast button{min-height:44px;padding:8px 16px;background:#fff;color:#18243a;border:1px solid #596b82;border-radius:8px;font:inherit;cursor:pointer}
.driver-activity-drawer .admin-driver-alerts{margin:16px 0}.driver-activity-drawer .admin-driver-alerts>div{max-height:none;overflow:visible}
.driver-action-toast{position:fixed;bottom:82px;right:20px;z-index:1101;box-sizing:border-box;width:min(440px,calc(100% - 40px));padding:16px;background:#f5f8ff;color:#18243a;border:2px solid #526c98;border-radius:12px;font:16px/1.5 system-ui,sans-serif;box-shadow:0 3px 15px #0003}.driver-action-toast button{display:block;margin-top:10px}
.driver-activity-launcher.has-update{background:#674300}

#driver-assignment-notices,#driver-dispatch-messages{min-height:0;margin:0;width:auto}#driver-assignment-notices:empty,#driver-dispatch-messages:empty{display:none}.driver-footer{padding-bottom:90px}.driver-messages-dialog p{overflow-wrap:anywhere}.driver-messages-dialog :focus-visible{outline:3px solid #1761c5;outline-offset:3px}
