/* Global X-Route application shell based on approved mockup */
:root{--xr-bg:#0c0e0f;--xr-sidebar:#0f1112;--xr-panel:#121516;--xr-panel2:#171a1c;--xr-input:#1b1f21;--xr-border:#35393b;--xr-border-soft:#292d2f;--xr-gold:#d9aa47;--xr-gold2:#efc35d;--xr-text:#f0f2f2;--xr-muted:#a9adaf}
html,body,button,input,select,textarea{font-family:'Inter',Arial,sans-serif!important}
html,body{background:var(--xr-bg)!important;color:var(--xr-text)!important}
body{font-size:12px!important;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
.layout{min-height:100vh;background:var(--xr-bg)!important}
.layout>aside{width:176px!important;padding:0 8px 12px!important;background:linear-gradient(180deg,#101214,#0b0d0e)!important;border-right:1px solid var(--xr-border)!important;box-shadow:none!important}
.layout main{margin-left:176px!important;background:var(--xr-bg)!important;min-height:100vh}
.brand-row{height:54px!important;margin:0 0 8px!important;padding:0 8px!important;border-bottom:1px solid #6e582c!important;display:flex!important;align-items:center!important}
.xroute-wordmark-sidebar{transform:scale(.92)!important;transform-origin:left center!important}
.sidebar-menu{margin-left:auto!important;color:#d7d9da!important;background:transparent!important;border:0!important}
.nav-section{display:none!important}
.nav-item{height:38px!important;min-height:38px!important;margin:2px 0!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#e4e6e7!important;font-size:11px!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:10px!important;transition:.15s ease!important}
.nav-item i{width:17px!important;text-align:center!important;color:#d2d5d6!important;font-size:13px!important}
.nav-item:hover{background:#191c1e!important;border-color:#272b2d!important;color:#fff!important}
.nav-item.active{background:linear-gradient(90deg,#d9aa47,#edc15d)!important;border-color:#e2b44f!important;color:#15120b!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}
.nav-item.active i{color:#15120b!important}
.sidebar-version{display:none!important}
.layout>aside .spacer{min-height:12px}
.layout>aside>a[href*="logout"]{margin-top:auto!important}
header{height:52px!important;padding:0 18px!important;background:#101214!important;border-bottom:1px solid #3e3524!important;box-shadow:none!important}
.header-icons{border-right:1px solid #34302a!important}
.header-icons button{width:38px!important;color:#d7d9da!important}
.notification-dot{background:var(--xr-gold2)!important;color:#16120b!important}
.user-chip{min-width:170px!important}
.avatar{width:30px!important;height:30px!important;background:#d6d3ca!important;color:#151515!important}
.user-copy b{font-size:10px!important}.user-copy small{font-size:8px!important;color:#8e9294!important}
.language-switcher{right:188px!important;top:10px!important}
.language-current{height:32px!important;background:#121516!important;border-color:#3b3e40!important}
.content{padding:16px 18px 22px!important;background:var(--xr-bg)!important;max-width:none!important}
h1{font-size:25px!important;font-weight:700!important;letter-spacing:-.03em!important;color:#f7f7f5!important}h2{font-size:15px!important}h3{font-size:13px!important}.muted{color:var(--xr-muted)!important}
.card,.planner,.driver-trip,.editor-card,.customer-tab-workspace,.settings-workspace,.reference-editor form,.legacy-section,.finance-block{background:linear-gradient(180deg,#131617,#101213)!important;border-color:var(--xr-border)!important;box-shadow:none!important}
.card,.planner,.driver-trip,.editor-card{border-radius:6px!important}
input,select,textarea{background:var(--xr-input)!important;border:1px solid #4b5053!important;color:#eceeef!important;border-radius:4px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--xr-gold)!important;box-shadow:0 0 0 1px rgba(217,170,71,.18)!important}
button,.btn{background:linear-gradient(180deg,#efc35d,#d9aa47)!important;color:#16120a!important;border:1px solid #e2b44f!important;border-radius:5px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.smallbtn{background:#121516!important;color:#e5b754!important;border:1px solid #7a6130!important;border-radius:5px!important}
.smallbtn:hover{background:#1b1a15!important}
table{background:#111314!important;border-color:var(--xr-border)!important}th{background:#151819!important;color:#b8bbbc!important;font-size:10px!important}td{color:#eceeef!important}th,td{border-color:#313537!important}
.badge{background:#1a2c1f!important;color:#88d59a!important;border:1px solid #31553a!important}
.flash{border-radius:5px!important}
.customer-tabs,.reference-tabs{background:#101213!important;border-color:#3c4042!important}.customer-tab,.reference-tabs .trip-tab{background:#151819!important;color:#d9dbdc!important;border-color:#3a3e40!important}.customer-tab.active,.reference-tabs .trip-tab.active{background:linear-gradient(180deg,#edc15d,#d9aa47)!important;color:#16120b!important;border-color:#d9aa47!important;font-weight:700!important}
.pagehead,.customer-head{margin-top:0!important}
/* On the new-trip page keep the normal global sidebar instead of a one-off mock sidebar. */
.xroute-mock-menu{display:none!important}
body.xroute-new-trip aside>.nav-item{display:flex!important}
body.xroute-new-trip aside>.nav-section{display:none!important}
body.xroute-new-trip aside>.spacer{display:block!important}
body.xroute-new-trip aside>a[href*="logout"]{display:flex!important}
body.xroute-new-trip .brand-row{height:54px!important;margin:0 0 8px!important;padding:0 8px!important}
body.xroute-new-trip .sidebar-menu{display:block!important}
body.xroute-new-trip .language-switcher{display:block!important}
@media(max-width:850px){.layout>aside{width:100%!important;position:relative!important;min-height:auto!important}.layout main{margin-left:0!important}.brand-row{padding:0 12px!important}.content{padding:12px!important}.language-switcher{right:10px!important}.user-copy{display:none!important}}