/* Kuwait skyline background — light professional treatment */
html,body{min-height:100%;background:#f4f8fd!important}
body{background-image:url('kuwait-skyline-bg.svg')!important;background-position:center bottom!important;background-size:cover!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
#app,#admin-app,#driver-app{background:transparent!important}
#driver-app{position:relative;isolation:isolate}
#driver-app:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(248,251,255,.88) 0%,rgba(242,248,254,.78) 42%,rgba(238,246,253,.72) 100%),url('kuwait-skyline-bg.svg') center bottom/cover no-repeat}
#admin-app main{background:linear-gradient(180deg,rgba(248,251,255,.90),rgba(244,249,254,.82))}
#login-screen{background:linear-gradient(180deg,rgba(250,252,255,.90),rgba(240,247,254,.76)),url('kuwait-skyline-bg.svg') center bottom/cover no-repeat!important}
#login-screen:after{display:none!important}
#splash{background:linear-gradient(180deg,rgba(250,252,255,.92),rgba(239,247,254,.80)),url('kuwait-skyline-bg.svg') center bottom/cover no-repeat!important}
#splash:after{display:none!important}
/* Keep content readable over the scenery */
#driver-app .list-body{position:relative}
.driver-tabs{background:rgba(244,248,253,.86)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.driver-sortbar,.drv-card,.panel,.stat-card,.chart-box,.report-date-card{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Admin RTL layout correction */
@media(min-width:801px){
  #admin-app header{left:auto!important;right:0!important;box-shadow:-6px 0 28px rgba(13,61,122,.12)!important}
  #admin-app main{margin-left:0!important;margin-right:218px!important;position:relative!important;padding-top:28px!important}
  #admin-app footer,footer{margin-left:0!important;margin-right:218px!important}
  #admin-app main:before{margin:0 0 3px!important;line-height:1.25!important}
  #admin-app main:after{position:static!important;margin:0 0 22px!important;line-height:1.5!important}
}
@media(max-width:800px){
  #admin-app header{right:auto!important}
  #admin-app main{margin-right:0!important}
  #admin-app footer,footer{margin-right:0!important}
}
@media(max-width:600px){body{background-attachment:scroll!important;background-size:auto 100vh!important}#driver-app:before{background-position:32% bottom;background-size:auto 100vh}}