/* REV inner pages: structural responsive redesign, 2026-10-27.
   No display:none or pointer-event overrides: all existing workflows retained. */
:root{--rev-layout-blue:#2563eb;--rev-layout-line:#dbe6f5;--rev-layout-ink:#183153;--rev-layout-shadow:0 14px 38px rgba(28,60,115,.09)}
body{background:#f7faff!important}
body .app-header{border:0!important;background:#fff!important;box-shadow:0 3px 20px #1c3c7310!important}
body .app-header .top{min-height:68px}
body .wrap{max-width:760px}
body .hero-card{border:1px solid var(--rev-layout-line)!important;border-radius:28px!important;box-shadow:var(--rev-layout-shadow)!important}
body .section{margin-top:20px}
body .section-head{padding:2px 3px 8px}
body .list-card{border:1px solid var(--rev-layout-line)!important;border-radius:24px!important;overflow:hidden;background:#fff!important;box-shadow:var(--rev-layout-shadow)!important}
body .row-item{border-radius:0!important;box-shadow:none!important;padding:16px!important;min-height:72px!important}
body .bottom-nav .tabs>a{font-size:0!important;line-height:0!important;gap:0!important;min-height:56px!important}
body .bottom-nav .tabs>a svg{height:25px!important;width:25px!important}
body .bottom-nav .tabs>a.active{background:#eaf1ff!important;color:#2563eb!important}
body .bottom-nav{background:#fff!important;border-color:#dce7f7!important}
body .rev-tabs,body .service-tabs,body .dp-tabs{background:#edf4ff!important;border:1px solid #dbe7fc!important;border-radius:19px!important;padding:6px!important;gap:5px!important}
body .rev-tabs :is(button,a),body .service-tabs a,body .dp-tabs button{border-radius:14px!important;min-height:46px!important}
body .rev-tabs :is(.active,[aria-selected=true]),body .service-tabs a.active,body .dp-tabs button.active{background:#2563eb!important;color:#fff!important;box-shadow:0 7px 16px #2563eb24!important}
body .card,body .panel,body .evp-card,body .metric-card{background:#fff!important;border:1px solid var(--rev-layout-line)!important;border-radius:22px!important;box-shadow:var(--rev-layout-shadow)!important}
body .metric,body .quick-card{border-radius:19px!important;background:#fff!important}
body .btn-primary,body button.primary,body .btn.primary,body #planGo{background:#2563eb!important;color:#fff!important;border-radius:15px!important;box-shadow:0 9px 19px #2563eb20!important}
body .trip-input,body .field :is(input,select,textarea){min-height:48px!important;border-radius:14px!important;background:#fff!important;border:1px solid #cfddf0!important}
body .chip,body .pill{border-radius:999px!important}
body :is(.page-title,.head-title,.section-title){color:var(--rev-layout-ink)!important}
body .wrap>section:first-child{margin-top:12px}
body #resumeSection .card.row-item,body #savedPlansSection .card.row-item{background:#eff5ff!important;color:#19365e!important;border:1px solid #d3e3ff!important;box-shadow:0 6px 22px #2158b015!important}
body #resumeSection .card.row-item :is(b,small),body #savedPlansSection .card.row-item :is(b,small){color:#19365e!important}
body #planTitleCard,body .hero-card:has(#planTitle){background:linear-gradient(160deg,#fff,#eff5ff)!important;border:1px solid #dce8ff!important;padding:20px!important}
body .emergency{border-radius:24px!important;box-shadow:0 14px 30px #bd423521!important}
body .service-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
body .tt-card{border-radius:24px!important;overflow:hidden}
body .head{border-radius:22px!important;padding:16px!important}
body .dp-tabs{top:8px}
body .user-avatar{background:#2563eb!important}
body .map-shell{border-radius:24px!important;padding:15px!important}
body #trackMap{border-radius:17px!important}
body .metric strong,body .metric-card strong{color:#1d4ed8!important}
body .map-layout{gap:12px!important}
body #map{border-radius:22px!important;border:1px solid #d6e5f7!important;box-shadow:0 12px 30px #19385d18!important}
body #details-panel:not([hidden]){border:1px solid #dbe6f5!important;border-radius:26px!important;box-shadow:0 20px 45px #19385d25!important}
body .map-search-form{border-radius:23px!important;border:1px solid #d9e6f7!important}
body #routePanel{border-radius:26px!important}
body .detail-actions :is(a,button){border-radius:12px!important;min-height:40px!important}
@media(min-width:800px){body:has(#map) .map-layout{align-items:stretch}body:has(#map) #details-panel{flex-basis:360px;max-width:36%}}
@media(max-width:700px){body .wrap{width:calc(100% - 24px)!important;margin-inline:auto!important}body .hero-card{border-radius:23px!important}body .section{margin-top:15px}body #map{border-radius:16px!important}body .map-layout{gap:0!important}body #details-panel:not([hidden]){border-radius:25px 25px 0 0!important}body .bottom-nav .tabs>a{min-height:52px!important}}
@media(prefers-reduced-motion:reduce){body *{scroll-behavior:auto}}