/* REV single-source visual identity v6 — white surfaces, teal actions (mockup v6) */
:root{
 color-scheme:light!important;
 --rev-blue:#0e8bd0!important;--rev-blue-dark:#0a6a96!important;--rev-blue-soft:#e5f3f8!important;
 --rev-ink:#17253b!important;--rev-muted:#65758b!important;--rev-line:#e2eaf4!important;--rev-white:#fff!important;
 --bg:#fff!important;--panel:#fff!important;--panel2:#f5f8fd!important;--surface:#fff!important;
 --line:#e2eaf4!important;--text:#17253b!important;--muted:#65758b!important;
 --accent:#0e8bd0!important;--blue:#0e8bd0!important;--teal:#0e8bd0!important;--green:#0e8bd0!important;
 --ink:#fff!important;--ink-2:#e5f3f8!important;--paper:#fff!important;--card:#fff!important;
 --teal-d:#0a6a96!important;--gray:#65758b!important;--fs:17px!important;
 --rev-bg:#fff!important;--rev-bg-deep:#fff!important;--rev-surface:#fff!important;
 --rev-surface-2:#f5f8fd!important;--rev-surface-3:#e5f3f8!important;--rev-text:#17253b!important;
 --rev-green:#0e8bd0!important;--rev-green-dark:#0a6a96!important;--rev-cyan:#0e8bd0!important;
 --rev-radius:16px!important;--rev-shadow:0 4px 18px rgba(20,41,59,.06)!important;
}
html,body{background:#fff!important;background-image:none!important;color:#17253b!important;color-scheme:light!important}
body{font-family:Vazirmatn,Vazir,IRANSansX,"Segoe UI",Tahoma,sans-serif!important}
body *{text-shadow:none!important}
a{color:#0e8bd0!important;text-underline-offset:3px}
a:hover{color:#0a6a96!important}
header,.site-header,.topbar,.navbar,.app-header,.head,.header,.bar,.phead,footer,.foot,
.nav,.parts-bar,.parts-bar .wrap,.bottom,.bottom-nav,.bottom-navigation,.tabbar,.mobile-nav,.nav-bar{
 background:#fff!important;background-image:none!important;color:#17253b!important;border-color:#e2eaf4!important;
 box-shadow:0 2px 14px rgba(20,41,59,.045)!important;
}
header a,.site-header a,.topbar a,.navbar a,.app-header a,.head a,.header a,.bar a,.phead a,
footer a,.foot a,.nav a,.parts-bar a,.bottom a,.bottom-nav a,.bottom-navigation a,.tabbar a,.mobile-nav a,.nav-bar a{
 color:#65758b!important;
}
.brand,.logo,.start-logo,.phead .back{color:#0e8bd0!important}
.brand svg,.logo svg{fill:#0e8bd0!important}
.nav a.on,.nav a.active,.nav a:hover,.parts-bar a.on,.chip.on,.chip:hover,
.bottom a.active,.bottom-nav a.active,.bottom-navigation a.active,.tabbar a.active,.mobile-nav a.active,.nav-bar a.active,
.bottom-nav a[aria-current=page],.bottom-nav a[aria-selected=true]{
 background:#e5f3f8!important;color:#0e8bd0!important;border-color:#cbe6f0!important;
}
main,.main,.app,.app-shell,.page,.page-content,.content,.wrap,.container,.page-wrap,.main-container,
section,article,aside,.start-page,.start-hero,.start-links,.start-bottom,.hero,.phead,.pod{
 color:#17253b!important;
}
.start-page,.start-hero,.start-links,.start-bottom,.hero,.pod,.phead{
 background:#fff!important;background-image:none!important;color:#17253b!important;border-color:#e2eaf4!important;
}
.start-map{opacity:.08!important}
.map-fade{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.82) 40%,rgba(255,255,255,.18) 100%),linear-gradient(0deg,#fff 0%,transparent 45%)!important}
.start-content h1,.start-content h2,.start-content h3,.start-stats strong,.start-logo,
.start-section-head h2,.start-bottom h3,.start-card h3,.start-card-feature h3,
h1,h2,h3,h4,h5,h6,.title,.detail-name{color:#17253b!important}
.start-lead,.start-eyebrow,.start-stats span,.start-section-head p,.start-bottom p,.start-card p,
p,li,label,legend,.muted,.sub,.subtitle,.description,.hint,small,.meta,.spec,.detail-meta,.trip-meta,
.eyebrow,.unit,.loading,.status,.stat span{color:#65758b!important}
.start-eyebrow,.start-kicker,.start-card-label,.start-card-link,.start-content h1 em,.start-logo span{color:#0e8bd0!important}
.start-card,.start-card-feature,.start-bottom,.card,.panel,.box,.section-card,.metric,.stat,.fact,
.trip-card,.trip,.station-card,.result-card,.list,.item,.modal-content,.sheet,.drawer-content,.cform,
.tblwrap,.news li,.weather-panel,.weather-card,.weather-summary,.directions,.plan-box,.feature-placeholder,
.feature-card,.profile-card,.service-card,.trip-summary,.trip-details,.form-card,.auth-card,.dashboard-card,
.content-card,.admin-card,.settings-card,.result-card,.item-card,.business-card,.product-card,.article-card,
.vehicle-card,.gate-card,.member-profile-inline,.sidebar,.side-brand,.notice,.status,.detail-tabs,.detail-tab,
#details-panel,.details-panel,#electricFields,#fuelFields,.map-layers,.review-empty,.timeline-metric,.timeline-details,
.compact-disclosure,.calendarDialog,.timeDialog{
 background:#fff!important;background-image:none!important;color:#17253b!important;
 border-color:#e2eaf4!important;border-radius:16px!important;box-shadow:0 4px 18px rgba(20,41,59,.055)!important;
}
.start-card-feature{border:1px solid #e2eaf4!important}
.start-card-icon,.start-card-feature .start-card-icon,.icon,.ico,.icon-box,.service-icon,.feature-icon,
.direction-icon,.layer-dot-box,.detail-tab[aria-selected=true],.tag,.pill,.badge,.status-badge,
.chip,.map-tag,.detail-type,.feature-chips span,.stage .hs span,.map-layer-toggle{
 background:#e5f3f8!important;color:#0e8bd0!important;border-color:#cbe6f0!important;
}
.start-card-icon,.icon,.ico,.icon-box,.service-icon,.feature-icon,.direction-icon,.layer-dot-box{
 box-shadow:none!important;
}
button,.btn,.button,.primary,.primary-btn,.start-primary,.action-btn,.submit-btn,.start-actions .start-primary,
[type=submit],input[type=button],input[type=submit],[role=button],.actions button.primary,.detail-route-button,
.gate-primary,.pickerButton,.calendarHeader button,.calendarActions button,.timeDialogActions button{
 background:#0e8bd0!important;background-image:none!important;color:#fff!important;border:1px solid #0e8bd0!important;
 border-radius:12px!important;box-shadow:0 3px 10px rgba(14,139,208,.13)!important;
}
button.secondary,.btn.secondary,.button.secondary,.secondary,.secondary-btn,.ghost-btn,.back-link,.outline,
button.ghost,.btn.ghost,button.outline,.btn.outline,[data-variant=secondary],.start-secondary,
.detail-actions a,.detail-actions button,.gate-secondary{
 background:#fff!important;color:#0e8bd0!important;border:1px solid #cbe6f0!important;box-shadow:none!important;
}
button.danger,.btn.danger,.danger,[data-variant=danger],#logout{
 background:#dc3545!important;color:#fff!important;border-color:#dc3545!important;
}
button:disabled,[type=submit]:disabled{opacity:.55!important;box-shadow:none!important}
input,select,textarea,option,.search,.cform input,.cform select{
 background:#fff!important;color:#17253b!important;border:1px solid #d5e2ec!important;color-scheme:light!important;
 border-radius:11px!important;box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#8b99ab!important;opacity:1!important}
input:focus,select:focus,textarea:focus{border-color:#0e8bd0!important;box-shadow:0 0 0 3px rgba(14,139,208,.12)!important}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:#0e8bd0!important}
label{color:#65758b!important}
hr,.divider,.share,.share a,.share button{border-color:#e2eaf4!important}
.tblwrap table th,.cmp thead th,th{background:#e5f3f8!important;color:#17253b!important}
td,th{border-color:#e2eaf4!important}
tbody tr:nth-child(even),tbody tr:hover{background:#f5f8fd!important}
.cmp td.win{background:#e7f7ee!important;color:#176b45!important}
#map,.map,.leaflet-container{color:#17253b!important}
.leaflet-container{background:#eef3f8!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff!important;color:#17253b!important}
.leaflet-popup-content a,.leaflet-control a,.leaflet-bar a,.leaflet-bar a:hover{color:#0e8bd0!important}
.leaflet-bar a,.leaflet-bar a:hover{background:#fff!important;border-color:#e2eaf4!important}
.leaflet-control-attribution{background:rgba(255,255,255,.92)!important;color:#65758b!important}
.plan-box,.weather-summary,.timeline-details{background:#f5f8fd!important}
.plan-box h2,.plan-stop,.plan-alert,.plan-ok,.weather-card .weather-wind,.weather-panel h2,.map-tag,
.map-layer-toggle,.direction-icon,.detail-name{color:#0e8bd0!important}
.plan-stop,.direction-item,.station,.rating-summary,.review-entry{border-color:#e2eaf4!important}
.station:hover{background:#f5f8fd!important}
.weather-content.weather-fade:not(.weather-expanded)::after{background:linear-gradient(transparent,#fff)!important}
.weather-more{background:#e5f3f8!important;color:#0e8bd0!important;border-color:#cbe6f0!important}
.weather-summary.warn{background:#fff7e8!important;border-color:#f2d8a8!important;color:#865800!important}
.detail-tab{background:#fff!important;color:#65758b!important;border-color:transparent!important}
.detail-tab[aria-selected=true]{background:#e5f3f8!important;color:#0e8bd0!important;border-color:#cbe6f0!important}
.stage{background:#f5f8fd!important}
.stage .hs span{background:#fff!important;color:#17253b!important;border-color:#d5e2ec!important}
.stage .hs i{background:#0e8bd0!important;box-shadow:0 0 0 0 rgba(14,139,208,.25)!important}
.start-actions .start-primary{box-shadow:0 6px 22px rgba(14,139,208,.14)!important}
.start-secondary{color:#0e8bd0!important;border-bottom-color:#cbe6f0!important}
.start-stats div{border-color:#cbe6f0!important}
#navigationGate{background:#fff!important;color:#17253b!important}
#navigationGate .gate-card{background:#fff!important;color:#17253b!important;border-color:#e2eaf4!important}
#navigationGate .gate-card p{color:#65758b!important}
#navigationGate .gate-primary{background:#0e8bd0!important;color:#fff!important;border-color:#0e8bd0!important}
#navigationGate .gate-secondary{background:#fff!important;color:#0e8bd0!important;border-color:#cbe6f0!important}
#navigationGateStatus{color:#65758b!important}
#revPersistentNav,.rev-persistent-nav,#serviceNav{
 background:#fff!important;color:#17253b!important;border-color:#e2eaf4!important;box-shadow:0 8px 24px rgba(20,41,59,.12)!important;
}
#revPersistentNav a,.rev-persistent-nav a,#serviceNav a{color:#0e8bd0!important;background:#fff!important;border-color:#e2eaf4!important}
#revPersistentNav a.active,#revPersistentNav a[aria-current=page],.rev-persistent-nav a.active,.rev-persistent-nav a[aria-current=page],#serviceNav a.active,#serviceNav a[aria-current=page]{background:#e5f3f8!important;color:#0e8bd0!important;border-color:#cbe6f0!important}
#revPersistentNav>div:first-child,.rev-persistent-nav>div:first-child{color:#0e8bd0!important;border-bottom-color:#e2eaf4!important}
#revPersistentNav>div:first-child span,.rev-persistent-nav>div:first-child span{color:#65758b!important}
#revReturnProfile{background:#fff!important;color:#0e8bd0!important;border:1px solid #0e8bd0!important;box-shadow:0 8px 24px rgba(20,41,59,.12)!important}
@media(max-width:760px){
 .wrap,.container,.page-wrap,.main-container{max-width:100%!important}
 .start-hero{min-height:0!important}
 .start-content{padding:34px 0!important}
 .start-content h1{margin-top:24px!important;font-size:clamp(30px,8vw,44px)!important}
 .start-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .start-card{min-height:190px!important;padding:16px!important}
 .dashboard,.layout,.main-layout,.content-layout,.admin-layout{grid-template-columns:minmax(0,1fr)!important}
 .bottom-nav,.bottom,.tabbar,.mobile-nav,.nav-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){.start-card-grid{grid-template-columns:1fr!important}}
@media(prefers-color-scheme:dark){html,body,body main,body header,body footer,body section,body .start-page,body .start-hero,body .hero{background:#fff!important;color:#17253b!important;color-scheme:light!important}}

/* Final component consistency: menus, popovers, modal dialogs and overlays */
dialog,.dropdown-menu,.popover,.menu-panel,.dropdown,.menu-popover,[role="dialog"],[role="menu"]{
 background:#fff!important;background-image:none!important;color:#17253b!important;
 border:1px solid #e2eaf4!important;box-shadow:0 12px 36px rgba(20,41,59,.14)!important;
}
dialog::backdrop{background:rgba(20,41,59,.32)!important;backdrop-filter:blur(3px)}
dialog h1,dialog h2,dialog h3,[role="dialog"] h1,[role="dialog"] h2,[role="dialog"] h3{color:#17253b!important}
dialog p,dialog label,[role="dialog"] p,[role="dialog"] label{color:#65758b!important}
.dropdown-menu a,.popover a,.menu-panel a,.dropdown a,[role="menu"] a{color:#0e8bd0!important}
.dropdown-menu a:hover,.popover a:hover,.menu-panel a:hover,.dropdown a:hover,[role="menu"] a:hover{background:#e5f3f8!important;color:#0e8bd0!important}