/* ViaOn 1.2 · painéis operacionais compartilhados */
:root{--viaon-dark:#0c2533;--viaon-accent:#ff883c}
button,input,select{font:inherit}button:focus-visible,summary:focus-visible{outline:3px solid #ff9d5e;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ffffff14;border-radius:23px;padding:16px 18px;background:linear-gradient(120deg,#173e50,#091d29);color:#fff;box-shadow:0 9px 25px #102c3816}
.dashboard-welcome>div{min-width:0}.dashboard-welcome small,.dashboard-welcome strong,.dashboard-welcome span{display:block}.dashboard-welcome small{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#ffb581}.dashboard-welcome strong{font-size:17px;line-height:1.25;letter-spacing:-.3px;margin:6px 0}.dashboard-welcome span{font-size:11px;line-height:1.5;color:#c1d4df}.dashboard-welcome img{flex:none;object-fit:contain;width:64px;height:72px;border-radius:18px}
.map-sheet .dashboard-welcome{margin:0 0 18px}.app.map-mode .map-sheet:not(.expanded) .dashboard-welcome{display:none}
.app.map-mode .top .topline{height:44px;display:flex!important;align-items:center;justify-content:center!important;position:relative!important;left:auto!important}
.app.map-mode .top .brand{position:static!important;display:flex!important;align-items:center;gap:0;font-size:23px!important;padding:9px 14px;border:1px solid #ffffff28;border-radius:20px;background:#0c2533e8;text-shadow:none;box-shadow:0 6px 22px #091d2920}
.app.map-mode .top .brand img{width:28px!important;height:28px!important;margin-right:8px!important;border-radius:9px!important}
.app.map-mode #headerPhoto{left:0!important;top:0!important;width:44px!important;height:44px!important;cursor:pointer}
.app.map-mode #notifyBtn{right:0!important;top:0!important;width:44px;height:44px}
.app.map-mode .top h1{display:none!important}
.app .tabbar{border-radius:23px 23px 0 0;box-shadow:0 -6px 25px #142d3a14;padding-bottom:env(safe-area-inset-bottom)}
.tabbar button,.tabs button{min-height:54px;border-radius:15px;min-width:0;flex:1}.tabbar button.on{background:#eaf3ff}.tabs button.active{background:#fff0e4;color:#9b430f}
.app.on-home .top{padding:calc(15px + env(safe-area-inset-top)) 18px 12px}.app.on-home .top .head{padding:9px 12px;background:#0c2533eb;border:1px solid #ffffff26;border-radius:21px;box-shadow:0 6px 20px #102c3820}.app.on-home .top .brand{font-size:24px;gap:5px;text-shadow:none}.app.on-home .top .hello{margin-top:16px;font-size:11px}.app.on-home .top .name{font-size:23px}.app.on-home .top .sub{margin-bottom:13px}
.top .status{border-radius:20px!important;min-height:68px!important}.status .switch{width:54px;height:32px;min-width:54px}.status .switch i{width:26px;height:26px}.status.connection-lost{border:2px solid #db8a24!important;background:#fff5e6!important}.status.connection-lost .dot{background:#c87b16!important}
.driver-welcome{margin:0 18px 12px;position:relative;z-index:2}.driver-welcome strong{font-size:18px}.driver-welcome+ .demo{display:none}
#inicio>.dashboard-welcome~.section-title{padding-top:0;margin-top:18px;background:transparent;border-radius:0}#inicio>.dashboard-welcome~.section-title:before{display:none}
.dashboard-tools{margin:18px 18px 4px;border:1px solid #e1e9eb;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 5px 20px #102c3808;padding-bottom:4px}
.dashboard-tools>summary{position:relative;list-style:none;padding:18px 44px 18px 18px;cursor:pointer;font-size:15px;font-weight:800;color:#142f3d;min-height:68px}.dashboard-tools>summary::-webkit-details-marker{display:none}.dashboard-tools>summary:after{content:'+';position:absolute;right:20px;top:21px;font-size:22px;color:#a94e20}.dashboard-tools[open]>summary:after{content:'−'}.dashboard-tools>summary span{display:block;font-size:11px;font-weight:500;color:#647781;margin-top:4px}.dashboard-tools .section-title{margin-top:18px}.dashboard-tools .quick{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-tools .tool{min-height:60px}.dashboard-tools>.trip{margin:0 18px 16px}.driver-welcome img{height:78px}
.metrics .metric{border-radius:21px;min-width:0}.metrics .metric strong{font-size:clamp(14px,4.3vw,20px);overflow-wrap:anywhere}.home-rides .ride-action{min-height:48px}.home-rides .trip-head{gap:8px;flex-wrap:wrap}.app .wide{min-height:46px}.app .tabs{padding:7px 10px calc(7px + env(safe-area-inset-bottom));height:auto;min-height:76px;gap:4px}
@media(max-width:360px){.dashboard-welcome{padding:14px;gap:8px}.dashboard-welcome strong{font-size:15px}.dashboard-welcome img{width:52px;height:64px}.app.on-home .top .brand small{font-size:9px!important;letter-spacing:.7px!important}.app.map-mode .top .brand{font-size:20px!important;padding:8px 10px}.app.map-mode .top .brand img{width:26px!important;height:26px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}