/* BeeTech OS — premium dark glassmorphism theme. Additive visual layer; preserves existing app logic. */
:root{color-scheme:dark;--bt-bg:#08090c;--bt-surface:rgba(18,20,25,.70);--bt-surface-strong:rgba(14,16,20,.90);--bt-border:rgba(255,255,255,.13);--bt-gold:#f4c542;--bt-text:#f4f4f5;--bt-muted:#a1a1aa}
html{background:#08090c;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{color:var(--bt-text)}
body.app-body,body.portal-body{background:radial-gradient(ellipse at 18% -12%,rgba(244,197,66,.10),transparent 34%),radial-gradient(ellipse at 92% 6%,rgba(147,157,180,.10),transparent 28%),linear-gradient(145deg,#08090c 0%,#0d0e12 52%,#090a0d 100%)!important;color:var(--bt-text)!important;background-attachment:fixed!important}
body.app-body:before,body.portal-body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 75% 45%,rgba(255,255,255,.025),transparent 34%);}
.app-shell,.main-area,.content,.portal-wrap{position:relative;z-index:1}
.sidebar{background:rgba(10,11,14,.76)!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:12px 0 42px rgba(0,0,0,.24)!important;backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%)}
.brand{border-bottom-color:rgba(255,255,255,.10)!important}.brand strong,.top-title{color:#f5f5f5!important}.brand small,.sidebar-bottom,.top-user,.muted,.stat-label,.footer-note{color:#a1a1aa!important}
.nav-item{color:#c4c4cc!important;border:1px solid transparent!important;background:rgba(255,255,255,.025)!important;border-radius:13px!important;min-height:44px;transition:background .2s,border-color .2s,transform .2s}
.nav-item:hover,.nav-item.active{color:#fff!important;background:linear-gradient(110deg,rgba(244,197,66,.12),rgba(255,255,255,.055))!important;border-color:rgba(244,197,66,.27)!important;box-shadow:inset 3px 0 #f4c542,0 8px 26px rgba(0,0,0,.15)!important}.nav-item .ico,.eyebrow{color:#f4c542!important}
.topbar{background:rgba(12,13,17,.70)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:0 8px 30px rgba(0,0,0,.16)}
.btn,button{transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.btn{background:rgba(255,255,255,.055)!important;color:#f4f4f5!important;border-color:rgba(255,255,255,.16)!important;border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.12);min-height:42px}.btn:hover{border-color:rgba(244,197,66,.55)!important;background:rgba(255,255,255,.09)!important;transform:translateY(-1px)}.btn.gold{background:linear-gradient(135deg,#ffdc76,#e9b82f)!important;border-color:#f4c542!important;color:#211a08!important;box-shadow:0 8px 26px rgba(244,197,66,.12),inset 0 1px rgba(255,255,255,.48)}.btn.danger{color:#ffb4b4!important;border-color:rgba(255,100,100,.30)!important}.avatar{background:linear-gradient(135deg,rgba(244,197,66,.22),rgba(255,255,255,.07))!important;color:#f4c542!important;border:1px solid rgba(244,197,66,.24)!important}
.stat-card,.panel,.modal,.track-event-card,.track-map-card,.track-hero,.account-wrap,.portal-wrap,.card,.report-chart-grid>div{background:linear-gradient(145deg,rgba(34,35,41,.72),rgba(15,16,20,.78))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055)!important;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);color:#f4f4f5!important}
.stat-card,.panel{border-radius:20px!important}.stat-value,.panel-title,.page-title,.modal h1,.modal h2,.modal h3,.welcome-row h2,.welcome-row h3{color:#f5f5f5!important}.stat-note{color:#d8bd6c!important}
.status{background:rgba(255,255,255,.08)!important;color:#e4e4e7!important;border:1px solid rgba(255,255,255,.08)}.status.paid,.status.approved,.status.completed{background:rgba(34,197,130,.13)!important;color:#83e6bb!important}.status.pending,.status.partially_paid,.status.in_progress{background:rgba(244,197,66,.13)!important;color:#ffdf88!important}.status.rejected,.status.overdue,.status.cancelled{background:rgba(255,100,100,.12)!important;color:#ffb0b0!important}
.field label,.report-builder label,.account-form span{color:#c7c7ce!important}.field input,.field select,.field textarea,.search,input,select,textarea,.account-form input{color:#f4f4f5!important;background:rgba(7,8,11,.58)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}.field input::placeholder,.field textarea::placeholder,.search::placeholder,input::placeholder,textarea::placeholder{color:#777983!important;opacity:1}.field input:focus,.field select:focus,.field textarea:focus,.search:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(244,197,66,.70)!important;box-shadow:0 0 0 3px rgba(244,197,66,.12)!important}.field select option,select option{background:#17181d;color:#f4f4f5}.field textarea{min-height:104px}.notice{background:rgba(244,197,66,.09)!important;border-color:rgba(244,197,66,.24)!important;color:#f5d985!important}.pill-count{background:rgba(244,197,66,.15)!important;color:#ffdf88!important}
.table-wrap{border-color:rgba(255,255,255,.13)!important;border-radius:15px!important;background:rgba(5,6,8,.24)!important}table{background:transparent!important}th{background:rgba(244,197,66,.10)!important;color:#f1d98f!important;border-bottom:1px solid rgba(244,197,66,.24)!important}td{color:#e4e4e7!important;border-bottom-color:rgba(255,255,255,.075)!important}tr:hover td{background:rgba(255,255,255,.035)!important}.empty{color:#a1a1aa!important}
.modal-backdrop{background:rgba(0,0,0,.66)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)}.modal{background:rgba(17,18,22,.94)!important;border-color:rgba(255,255,255,.15)!important;border-radius:22px!important;color:#f4f4f5!important}.modal-head{gap:12px}.modal-head button{color:#eee!important}.toast{background:rgba(20,21,26,.96)!important;color:#f4f4f5!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 18px 48px rgba(0,0,0,.4)!important}.skeleton{background:linear-gradient(90deg,#1b1c22,#303139,#1b1c22)!important;background-size:200%}
.track-hero{background:radial-gradient(circle at 100% 0,rgba(244,197,66,.12),transparent 42%),linear-gradient(135deg,rgba(38,38,43,.88),rgba(14,15,19,.92))!important}.track-kicker,.track-location-copy span,.track-eta-row p,.track-event-by,.track-event-head time,.track-event-note{color:#b4b4bd!important}.track-progress-step small{color:#b7b7c0!important}.track-location-row,.track-eta-row,.track-event-card,.track-event-note{border-color:rgba(255,255,255,.12)!important}.track-eta-row{background:rgba(255,255,255,.035)!important}.track-event-card{background:rgba(255,255,255,.035)!important}.track-event-note{background:rgba(0,0,0,.22)!important}.track-empty{color:#e4e4e7!important;border-color:rgba(255,255,255,.2)!important}
body.portal-body .portal-wrap{background:rgba(17,18,22,.78)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}body.portal-body .portal-wrap h1,body.portal-body .portal-wrap h2{color:#f5f5f5!important}body.portal-body .portal-wrap p,body.portal-body .portal-wrap label{color:#b7b7c0!important}
body:not(.app-body):not(.portal-body){background-color:#08090c;color:#f4f4f5}body:not(.app-body):not(.portal-body) .account-wrap{border-color:rgba(244,197,66,.22)!important}body:not(.app-body):not(.portal-body) .account-title,body:not(.app-body):not(.portal-body) .back{color:#f4c542!important}body:not(.app-body):not(.portal-body) .account-form button{background:linear-gradient(135deg,#ffdc76,#e9b82f)!important;border-color:#f4c542!important;color:#211a08!important}
/* Print reports remain clean, white, and readable; dark glass is for the application UI. */
@media print{html,body{background:#fff!important;color:#111!important;background-image:none!important}body:before{display:none!important}.sidebar,.topbar,.toolbar,.mobile-menu,.btn,.actions,.report-filters,#refreshServiceReport,#runServiceReport,#exportServiceExcel,#exportServiceCsv,#printServiceReport{display:none!important}.app-shell{display:block!important}.main-area,.content,#appContent,#pageBody{display:block!important;background:#fff!important;color:#111!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important}.panel,.stat-card,.modal,.track-event-card,.track-map-card,.track-hero{background:#fff!important;color:#111!important;box-shadow:none!important;border:1px solid #ddd!important;backdrop-filter:none!important;break-inside:avoid}.page-title,.stat-value,.panel-title,.muted,h1,h2,h3,p,td,th{color:#111!important}table{background:#fff!important}th{background:#f5f0d9!important;color:#332b13!important}td{background:#fff!important;color:#111!important;border-color:#ddd!important}.table-wrap{overflow:visible!important;border-color:#ddd!important}.table-wrap table{min-width:0!important;width:100%!important;font-size:8pt!important}th,td{white-space:normal!important;padding:5px!important}.report-chart-grid{display:grid!important;grid-template-columns:1fr 1fr!important}.report-chart-grid>div{break-inside:avoid}}
@media(max-width:720px){body.app-body,body.portal-body{background-attachment:scroll!important}.sidebar{background:rgba(10,11,14,.97)!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:18px 12px}.topbar{height:auto;min-height:62px;padding:10px 12px!important;gap:8px}.top-title{font-size:13px!important;line-height:1.35}.top-user{gap:6px}.top-user .avatar{flex:0 0 32px}.content{padding:14px 10px!important}.welcome-row{gap:12px;margin-bottom:17px}.page-title{font-size:clamp(24px,7vw,32px)!important}.eyebrow{font-size:10px;letter-spacing:.13em}.stats{gap:9px}.stat-card,.panel{padding:13px!important;border-radius:16px!important}.stat-value{font-size:clamp(20px,5.5vw,26px)}.panel-head{align-items:flex-start;gap:10px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.toolbar .btn{width:100%}.form-grid{grid-template-columns:minmax(0,1fr)!important;gap:0}.field{margin-bottom:13px}.field label{font-size:12px;line-height:1.4}.field input,.field select,.field textarea,.search{padding:13px!important;min-height:46px}.field textarea{min-height:100px}.modal-backdrop{padding:7px!important;align-items:end!important}.modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 14px)!important;padding:16px 13px!important;border-radius:22px 22px 16px 16px!important;overflow-y:auto!important;overscroll-behavior:contain}.modal-head{position:sticky;top:-16px;z-index:2;padding:8px 0 12px;background:rgba(17,18,22,.96);backdrop-filter:blur(12px);margin-bottom:12px!important}.modal .actions,.modal .form-actions{display:flex;flex-wrap:wrap;gap:8px}.modal .actions .btn,.modal .form-actions .btn{flex:1 1 120px}.table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:640px}.track-modal{max-height:calc(100dvh - 14px)!important}.track-hero{border-radius:17px!important}.track-section-heading{margin-top:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Original BeeTech black/yellow logo visibility on dark glass surfaces */
.sidebar .brand img,.brand img,.intro-logo,.logo img,.intro-logo-wrap img{filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 5px rgba(255,255,255,.24));}

/* BeeTech supplied original logo: preserve black/yellow artwork and add a soft light edge on dark UI */
img[src*="beetech-logo"]{filter:drop-shadow(0 0 1px rgba(255,255,255,.92)) drop-shadow(0 0 4px rgba(255,255,255,.25));}