/* Shared portal presentation. Identity, permissions and data stay in existing flows. */
.rental-heading-actions,.rental-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#new-rental-dialog{width:min(560px,calc(100vw - 32px));padding:26px}
#new-rental-dialog input,#new-rental-dialog select{display:block;width:100%;margin-top:6px}
#new-rental-dialog h2{font-size:24px}#new-rental-message{color:#a13e28;font-size:13px}
#new-rental-dialog .rental-form-actions{margin-top:24px;justify-content:flex-end}
#new-rental-dialog #rental-options-page{font-size:12px;color:var(--muted)}
#new-rental-dialog #rental-options-prev,#new-rental-dialog #rental-options-next{font-size:12px;min-height:36px}
#rentals-panel>label{display:inline-block;width:min(360px,100%);margin-right:18px;vertical-align:top}
#rentals-panel .rental-results>li{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,2fr) auto;gap:18px;align-items:center;padding:22px 0}
#rentals-panel .rental-results>li>strong{margin:0}#rentals-panel .rental-results .owner-actions{margin:0}
@media(max-width:700px){#rentals-panel .rental-results>li{grid-template-columns:1fr;gap:10px}#new-rental-dialog{padding:20px}#new-rental-dialog input,#new-rental-dialog select{font-size:16px}.rental-form-actions button{flex:1}}
.portal-design{--line:#dfe7e2;--muted:#61746c;background:#f5f7f6;color:#203c35}
.portal-design button,.portal-design input,.portal-design select{border-color:#ccd9d2;min-height:42px}
.portal-design button{font-weight:600}.portal-design button:hover{background:#edf5ef}
.portal-design button.primary,.primary-link{background:#086b52;color:white;border-color:#086b52}
.portal-design .topbar{border-bottom:0;height:80px;padding-inline:36px}.portal-design .topbar #logout{margin-left:auto}
.portal-design .portal-tabs,.portal-design .admin-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:28px;background:white;padding:0 36px;border-bottom:1px solid var(--line);margin:0}
.portal-design .portal-tabs a,.portal-design .admin-tabs button{border:0;border-radius:0;border-bottom:3px solid transparent;background:white;color:#52695d;padding:16px 0;white-space:nowrap;text-decoration:none;min-height:53px;font-size:13px}
.portal-design .portal-tabs a[aria-current=page],.portal-design .admin-tabs button[aria-selected=true]{border-bottom-color:#086b52;background:white;color:#086b52}
.portal-design .owner-shell{max-width:1920px;padding:28px 36px}
.admin-design #admin-content{padding-top:0}.admin-design #message{padding:12px 0;font-size:12px;color:var(--muted)}
.admin-design .admin-tabs{margin:0 -36px 24px}.admin-design #admin-tools section{padding:24px;border-color:var(--line)}
.admin-design .admin-owner-filter{max-width:480px;padding:0 0 12px}.admin-design .owner-picker>p{font-size:11px;color:var(--muted)}
.admin-design .owner-picker button{font-size:11px;min-height:30px;padding:5px 9px}
.admin-design #trackers-panel>section>label{display:inline-block;margin-right:14px;width:min(320px,100%);vertical-align:top}
.admin-design #trackers-panel>section>p{font-size:12px;color:var(--muted);margin-bottom:10px}
.tracker-columns,.admin-design #tracker-list.owner-list>li{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(150px,1fr) minmax(130px,.8fr) 100px;gap:18px;align-items:center}
.tracker-columns{margin-top:24px;background:#f6f9f6;padding:14px 16px;border-block:1px solid var(--line);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.admin-design #tracker-list.owner-list{margin:0}.admin-design #tracker-list.owner-list>li{padding:20px 16px;min-height:82px}
.admin-design #tracker-list .tracker-identity strong{margin:0 0 4px;font-size:14px}.admin-design #tracker-list .tracker-identity span{font-variant-numeric:tabular-nums;font-size:12px}
.admin-design #tracker-list .badge{justify-self:start;padding:6px 8px;font-size:11px}.admin-design #tracker-list>li>button{font-size:12px;min-height:36px}
.tracker-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(480px,100vw);max-width:100vw;border-radius:0;padding:26px;border:0;border-left:1px solid var(--line)}
.tracker-drawer h2{font-size:23px}.tracker-drawer button{margin:6px 6px 6px 0}.tracker-drawer select,.tracker-drawer input{width:100%}
.tracker-drawer .admin-allocation{display:block;margin:20px 0;border-block:1px solid var(--line);padding:12px 0}
.tracker-drawer .tracker-explanation{font-size:12px;color:var(--muted)}#tracker-drawer-message{color:#a2312e}
.fleet-design .layout{padding:28px 36px;gap:22px;grid-template-columns:300px minmax(0,1fr);align-items:start}
.fleet-design .fleet-panel{border:1px solid var(--line);border-radius:12px;padding:22px;background:white;min-width:0}
.fleet-design .workspace{padding:0;display:flex;flex-direction:column;min-width:0}
.fleet-design .fleet-quick-actions{order:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:center;margin-bottom:18px;font-size:12px}
.fleet-design:has(#owner-link[hidden]) .fleet-quick-actions{display:none}
.fleet-quick-actions a{padding:10px 12px;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:white}.fleet-quick-actions a.primary-link{background:#086b52}
.fleet-design .section-top{order:1;margin-bottom:18px}.fleet-design .map-shell{order:2}.fleet-design #map{height:clamp(360px,52vh,650px)}
.fleet-design .details{order:3;margin:16px 0 0}.fleet-design #position-note{order:4;margin:12px 0 0}.fleet-design #vehicle-geofences{order:5;margin-top:16px}
.fleet-design .history-panel{order:6}.fleet-design .page-footer{order:7}.fleet-design .fleet-list{max-height:55vh}.fleet-design .fleet-item{padding:15px 12px}
.portal-design .owner-nav{gap:20px;border-bottom:1px solid var(--line);padding-bottom:8px}.portal-design .owner-nav button{border:0;border-radius:0;background:transparent;padding-inline:0;color:var(--muted)}
.portal-design .owner-nav [aria-selected=true]{border-bottom:3px solid #086b52;color:#086b52;background:transparent}
.portal-design #owner-content section>label{max-width:480px}.portal-design .compact-form{max-width:480px}
@media(max-width:1000px){.fleet-design .layout{grid-template-columns:250px minmax(0,1fr);padding:24px;gap:18px}.portal-design .topbar{padding-inline:24px}.tracker-columns,.admin-design #tracker-list.owner-list>li{grid-template-columns:minmax(170px,1.5fr) minmax(120px,1fr) 110px 80px;gap:12px}}
@media(max-width:700px){.portal-design .topbar{height:auto;min-height:66px;padding:14px 16px}.portal-design .portal-tabs,.portal-design .admin-tabs{padding-inline:16px;gap:24px}.portal-design .owner-shell{padding:16px}.admin-design .admin-tabs{margin:0 -16px 18px}.admin-design #admin-tools section{padding:16px}.admin-design .heading-row{align-items:start}.admin-design .heading-row button{flex-shrink:0}.fleet-design .layout{display:flex;flex-direction:column;padding:16px;gap:20px}.fleet-design .fleet-panel,.fleet-design .workspace{width:100%}.fleet-design .fleet-list{display:flex;gap:8px;overflow-x:auto;max-height:none;margin-inline:0}.fleet-design .fleet-list>li{min-width:210px}.fleet-design .fleet-item{height:100%}.fleet-design #map{height:360px}.fleet-design .fleet-quick-actions{justify-content:flex-start}.tracker-columns{display:none}.admin-design #tracker-list.owner-list>li{grid-template-columns:minmax(0,1fr) auto;padding:18px 0;gap:12px}.admin-design #tracker-list.owner-list>li>.tracker-identity{grid-column:1 / -1}.admin-design #tracker-list.owner-list>li>.badge{grid-column:2;grid-row:2}.admin-design #tracker-list.owner-list>li>button{grid-column:2}.portal-design input,.portal-design select{font-size:16px}.tracker-drawer{padding:20px}.portal-design .owner-columns{grid-template-columns:1fr}}
