/* Compact partner workspace; public signup keeps its own layout. */
body:has(#app[data-screen=dashboard]){background:#edf3fa}
#app[data-screen=dashboard]{background:#f5f8fc;max-width:500px;color:#203b56}
#app[data-screen=dashboard] .app-top{height:60px;padding:10px 18px;background:#fff;border-color:#e7eff7}
#app[data-screen=dashboard] .brand{font-size:23px}
#app[data-screen=dashboard] .brand small{font-size:7px;color:#7b93aa;letter-spacing:2px}
#app[data-screen=dashboard] .icon-button{width:38px;height:38px;border-color:#e2edf8;border-radius:12px;color:#4b86bd;background:#f6faff}
#home-pane{position:relative;padding-top:0}
#dashboard .map{position:relative;inset:auto;height:220px;min-height:0;background:#e8f0f7}
#dashboard .map-label{position:absolute;left:14px;top:12px;margin:0;padding:9px 12px;font-size:11px;border:1px solid #e0eaf5;background:#fffffff2;box-shadow:0 4px 14px #2946600c;max-width:calc(100% - 72px)}
#dashboard .leaflet-control-zoom{margin-top:12px!important}
#dashboard .leaflet-bottom{top:auto!important;bottom:24px!important}
#dashboard .home-sheet{display:flex;flex-direction:column;gap:0;min-height:0;margin-top:-18px;padding:16px 18px calc(88px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#f8fbff;box-shadow:0 -4px 20px #234e7410}
#dashboard .greeting{margin:0 0 12px;order:0}
#dashboard .greeting small{font-size:8px;letter-spacing:1.4px;color:#8098ae}
#dashboard .greeting h1{font-size:22px;letter-spacing:-.6px;margin-top:4px}
#dashboard .avatar{background:#e9f3ff;width:44px;height:44px;border-radius:14px;color:#3988d1}
#dashboard #approval{order:1;padding:12px;border-radius:12px;margin:0 0 10px}
#dashboard #offer-list{order:2}
#dashboard #active-list{order:3}
#dashboard .online-button{order:4;margin-top:6px;min-height:44px;border-radius:12px;padding:10px 14px;background:#247bd3;box-shadow:0 4px 12px #247bd319;font-size:13px}
#app.is-online #dashboard .online-button{background:#247bd3;color:#fff;border-color:#247bd3;box-shadow:none}
#dashboard #gps-hint{order:5;margin:7px 0 3px;font-size:10px;color:#7790a7}
#dashboard #push{order:6;margin:0;padding:8px;color:#407bab;font-size:11px;min-height:36px}
#dashboard .mini-stats{order:7;margin:10px 0 0;border:0;gap:10px;padding:0}
#dashboard .mini-stats>div{border:1px solid #e7eff8;background:white;padding:12px;border-radius:13px;column-gap:8px}
#dashboard .mini-stats strong{font-size:17px}
#dashboard .mini-stats .icon{color:#4b97da;width:22px;height:22px}
#dashboard .mini-stats small{font-size:10px;color:#8198ac}
#dashboard #network-notices{order:8;margin:12px 0 0;padding:12px}
#dashboard .ride-card,#dashboard .offer-card,#dashboard .profile-card{padding:14px;margin:0 0 10px;border:1px solid #e2edf8;border-radius:15px;background:white;box-shadow:0 3px 14px #345c8105;overflow-wrap:anywhere}
#dashboard .ride-card>small{display:inline-block;font-size:10px;color:#2675bf;background:#edf6ff;border-radius:6px;padding:4px 7px}
#dashboard .ride-card h3{font-size:15px;letter-spacing:-.2px;margin:10px 0 5px}
#dashboard .ride-card p{font-size:12px;color:#71889d;line-height:1.5;margin:5px 0 10px}
#dashboard .ride-card>strong{font-size:19px;color:#235c91}
#dashboard .primary,#dashboard .secondary{min-height:44px;border-radius:11px;padding:10px 12px;font-size:13px;margin-top:10px}
#dashboard .primary{background:#247bd3;box-shadow:none}
#dashboard .secondary{background:#f5f9fe;color:#517394;border-color:#e1ebf5}
#dashboard .offer-card{background:linear-gradient(135deg,#eff8ff,#fff);border-color:#a9d5fa}
#dashboard .offer-head small{font-size:9px;color:#3285c9;letter-spacing:.5px}
#dashboard .offer-head strong{font-size:24px;color:#1d69ab}
#dashboard .route-line{font-size:12px;margin:12px 0;gap:10px;color:#73899e}
#dashboard .route-line .icon{width:19px;height:19px;color:#4f99d8}
#dashboard .route-line strong{font-size:13px;color:#284a68}
#dashboard .offer-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
#dashboard .fine{color:#8094a6}
#dashboard .bottom-nav{padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-color:#e3edf7;background:#ffffffed;box-shadow:0 -5px 20px #28476708}
#dashboard .bottom-nav button{padding:7px 4px;gap:3px;color:#8b9eaf;border-radius:12px;min-height:46px;font-size:10px}
#dashboard .bottom-nav button.selected{background:#eaf4ff;color:#277aca}
#dashboard .bottom-nav .icon{width:21px;height:21px}
#dashboard .pane{padding:22px 18px calc(92px + env(safe-area-inset-bottom))}
#dashboard .eyebrow{margin-top:0;color:#7a9bb9;font-size:8px}
#dashboard .pane h1{font-size:25px;letter-spacing:-.6px;margin:7px 0 20px}
#dashboard .earnings-card{padding:20px;border-radius:18px;margin:16px 0;background:linear-gradient(120deg,#2178c9,#3999e7)}
#dashboard .earnings-card>strong{font-size:32px;margin-top:10px}
#dashboard .earnings-card p{margin:8px 0 0}
#dashboard .empty-state{border:1px dashed #ccdfef;color:#8399ac;background:#f1f7fd;border-radius:14px;padding:26px 18px;font-size:12px}
#dashboard input{border-color:#e1ebf5;border-radius:11px;font-size:16px;padding:12px}
#dashboard .profile-card p{font-size:12px;color:#70869a;line-height:1.6}
#app.has-offer #dashboard .map{height:130px}
#app.has-offer #dashboard .home-sheet{padding-top:14px}
#app.has-offer #dashboard .greeting,#app.has-offer #dashboard .mini-stats,#app.has-offer #dashboard #gps-hint,#app.has-offer #dashboard #push{display:none}
#app.has-active #dashboard .map{height:170px}
#app.has-active #dashboard .mini-stats{display:none}
#app.has-active #dashboard .online-button{background:#eef5fc;color:#3e77a9;border:1px solid #dceaf6;box-shadow:none}
@media(max-height:740px){#dashboard .map{height:180px}#app.has-active #dashboard .map,#app.has-offer #dashboard .map{height:120px}}
@media(min-width:600px){#app[data-screen=dashboard]{box-shadow:0 8px 60px #254d7810}}
/* Information-first lists: fewer containers, clear hierarchy. */
#app[data-screen=dashboard],#dashboard .home-sheet{background:#fff}
#dashboard .greeting{margin-bottom:10px}#dashboard .greeting small{display:none}
#dashboard .greeting h1{font-size:20px}#dashboard .greeting .avatar{background:transparent}
#dashboard .ride-card{border:0;border-bottom:1px solid #e6eef6;border-radius:0;box-shadow:none;padding:12px 0 16px;margin:0 0 10px}
#dashboard .ride-card h3{font-size:16px;margin-top:8px}#dashboard .ride-card p{margin-bottom:8px}
#dashboard .ride-card>small{background:transparent;padding:0;color:#3784c6}
#dashboard .mini-stats{gap:0;border-top:1px solid #e8eff6;padding-top:14px}
#dashboard .mini-stats>div{border:0;border-radius:0;padding:0 10px;background:transparent}
#dashboard .mini-stats>div+div{border-left:1px solid #e8eff6}
#dashboard .profile-card{border:0;border-bottom:1px solid #e6eef6;border-radius:0;box-shadow:none;padding:16px 0;margin:0}
#dashboard #profile-data{padding-top:0;padding-bottom:18px}
#dashboard #profile-data strong{font-size:20px}
#dashboard #profile-data p{font-size:13px;margin:8px 0}
#dashboard #profile-push{justify-content:space-between;background:transparent;border:0;border-bottom:1px solid #e6eef6;border-radius:0;padding:16px 0;margin:0;color:#267aca}
#dashboard #profile-pane details summary{min-height:44px;display:flex;align-items:center;font-weight:600;color:#315e87}
#dashboard #logout{margin-top:15px;color:#668299}
#dashboard .earnings-card{border-radius:0;background:transparent;color:#193d60;padding:0 0 18px;margin:0;border-bottom:1px solid #e5eef7;box-shadow:none}
#dashboard .earnings-card>span{color:#7b90a4;font-size:12px}
#dashboard .earnings-card>strong{font-size:36px;color:#247bd3;margin-top:8px}
#dashboard .earnings-card p{color:#8397a9;font-size:12px}
#dashboard #earnings-pane>.fine{font-size:11px;line-height:1.6;margin:14px 0 22px}
.list-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 4px}
.list-heading h2{font-size:14px;margin:0}.list-heading>span{font-size:10px;color:#8195a8}
.settlement-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #edf2f7}
.settlement-row>div{min-width:0}.settlement-row strong{font-size:13px;display:block;overflow-wrap:anywhere}
.settlement-row small{display:block;font-size:11px;color:#8195a8;margin-top:5px}
.settlement-row span{display:block;font-size:10px;color:#71879a;margin-top:5px}
.settlement-row b{font-size:14px;white-space:nowrap;color:#285c8c}
#dashboard .empty-state{background:transparent;border:0;border-radius:0;padding:25px 0;text-align:left}
#dashboard .pane h1{font-size:24px;margin-bottom:22px}
#dashboard .offer-card{box-shadow:none;border-radius:12px}
#dashboard .bottom-nav button.selected{background:transparent;color:#247bd3}
#dashboard .bottom-nav button.selected:before{content:'';position:absolute;top:0;width:24px;height:3px;background:#247bd3;border-radius:0 0 3px 3px}
