/* VahdatLab V5.0.8 — premium visual refresh; presentation only. */
@media screen {
:root{--premium-cyan:#31d9e9;--premium-blue:#398dff;--premium-purple:#9b86ff;--premium-mint:#5fe0ba;--premium-radius:20px}
body.app-page{background:radial-gradient(ellipse at 85% 4%,rgba(49,217,233,.14),transparent 38%),radial-gradient(ellipse at 10% 85%,rgba(155,134,255,.12),transparent 43%),linear-gradient(140deg,#071b30,#0c2943 54%,#112d4b)!important;background-attachment:fixed!important}
body.app-page .workspace{background:transparent!important}
body.app-page .ref-topbar,body.app-page .glassbar{border-bottom:1px solid rgba(100,212,243,.3)!important;box-shadow:0 10px 40px rgba(0,10,32,.26)!important;backdrop-filter:blur(24px) saturate(140%)}
body.app-page .glass-side{box-shadow:-12px 0 44px rgba(0,9,27,.3)!important}
body.app-page .glass-side nav a{border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
body.app-page .glass-side nav a:hover{background:linear-gradient(105deg,rgba(50,150,255,.22),rgba(51,224,217,.12))!important;border-color:rgba(89,211,239,.28);box-shadow:0 6px 22px rgba(0,0,0,.14);transform:translateX(-3px)}
body.app-page .pagehead{gap:12px;padding:10px 0 18px}
body.app-page .pagehead h1{font-weight:900;letter-spacing:-.3px;text-shadow:0 3px 18px rgba(40,174,236,.14)}
body.app-page .formcard,body.app-page .filtercard,body.app-page .stat,body.app-page .tablewrap{border-radius:var(--premium-radius)!important;border:1px solid rgba(118,197,235,.23)!important;box-shadow:0 12px 38px rgba(0,14,39,.17),inset 0 1px 0 rgba(255,255,255,.07)!important;transition:box-shadow .22s ease,border-color .22s ease}
body.app-page .formcard:hover,body.app-page .filtercard:hover,body.app-page .stat:hover{border-color:rgba(90,215,236,.39)!important;box-shadow:0 17px 45px rgba(0,14,39,.23),inset 0 1px 0 rgba(255,255,255,.09)!important}
body.app-page .stat{overflow:hidden;position:relative}
body.app-page .stat::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--premium-blue),var(--premium-cyan),var(--premium-purple));opacity:.85;pointer-events:none}
body.app-page button.primary,body.app-page .primary,body.app-page .cip-save{background:linear-gradient(115deg,#2862e5,#189cda 55%,#27c6cf)!important;color:white!important;border:1px solid rgba(168,237,255,.35)!important;border-radius:13px!important;box-shadow:0 8px 23px rgba(20,122,229,.22)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
body.app-page button.primary:hover,body.app-page .primary:hover,body.app-page .cip-save:hover{transform:translateY(-2px);box-shadow:0 12px 29px rgba(20,142,236,.34)!important;filter:brightness(1.06)}
body.app-page button:focus-visible,body.app-page a:focus-visible,body.app-page input:focus-visible,body.app-page select:focus-visible{outline:2px solid var(--premium-cyan)!important;outline-offset:3px}
body.app-page .archive-compact{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#35a9c7 transparent}
body.app-page .archive-table{border-collapse:separate;border-spacing:0 5px}
body.app-page .archive-table thead th{font-weight:900;letter-spacing:.1px;padding:14px 10px!important;border-bottom:1px solid rgba(112,209,237,.26)!important}
body.app-page .archive-table tbody tr.archive-main-row{transition:background .18s ease,box-shadow .18s ease;cursor:pointer}
body.app-page .archive-table tbody tr.archive-main-row:hover{background:rgba(44,174,222,.16)!important;box-shadow:inset 3px 0 0 var(--premium-cyan)}
body.app-page .archive-table tbody tr.archive-selected{background:linear-gradient(100deg,rgba(39,142,239,.23),rgba(57,214,213,.12))!important;box-shadow:inset 4px 0 0 var(--premium-cyan)}
body.app-page .archive-table td{line-height:1.7!important}
body.app-page .archive-action-cards{gap:10px!important;padding:16px!important;border-radius:16px;background:linear-gradient(110deg,rgba(49,145,236,.1),rgba(76,221,215,.07))}
body.app-page .archive-action-cards>a,body.app-page .archive-action-cards button{border-radius:12px!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;box-shadow:0 4px 14px rgba(0,16,42,.1)}
body.app-page .archive-action-cards>a:hover,body.app-page .archive-action-cards button:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 7px 18px rgba(0,20,55,.18)}
body.app-page .cip-row-actions{gap:7px!important}
body.app-page .cip-action{border-radius:11px!important;box-shadow:0 4px 12px rgba(0,20,55,.13);transition:transform .16s ease,box-shadow .16s ease}
body.app-page .cip-action:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,20,55,.23)}
body.app-page .ref-topbar .workday,body.app-page .ref-topbar .fancy-clock{border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
body.app-page .ref-topbar .lab-view-btn{border-radius:12px!important}
@media(prefers-reduced-motion:reduce){body.app-page *,body.app-page *::before,body.app-page *::after{transition:none!important;animation:none!important}}
@media(max-width:850px){body.app-page .archive-action-cards{gap:6px!important}body.app-page .archive-action-cards>a,body.app-page .archive-action-cards button{padding:9px 12px!important}}
/* Light theme: same palette, brighter surfaces and accessible contrast. */
html[data-theme="light"] body.app-page{background:radial-gradient(circle at 90% 4%,#d6f4ff,transparent 42%),radial-gradient(circle at 10% 92%,#ebe3ff,transparent 46%),#edf5fb!important}
html[data-theme="light"] body.app-page .formcard,html[data-theme="light"] body.app-page .filtercard,html[data-theme="light"] body.app-page .tablewrap,html[data-theme="light"] body.app-page .stat{border-color:rgba(56,130,180,.2)!important;box-shadow:0 12px 32px rgba(39,79,125,.1)!important}
}

/* V5.0.9: photographic background and readable logged-in user card. */
html[data-theme="dark"] body.app-page.ref-ui,html[data-theme="dark"] body.app-page{background:linear-gradient(125deg,rgba(4,20,37,.72),rgba(6,28,48,.78)),url('/app/static/login-bg.png') center/cover fixed no-repeat!important}
html[data-theme="light"] body.app-page.ref-ui,html[data-theme="light"] body.app-page{background:linear-gradient(125deg,rgba(235,248,255,.74),rgba(231,243,252,.83)),url('/app/static/login-bg.png') center/cover fixed no-repeat!important}
body.app-page .ref-shell,body.app-page .workspace,body.app-page .ref-content{background:transparent!important}
body.app-page .ref-sidebar .side-user{display:grid!important;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center!important;gap:7px!important;padding:12px 7px 14px!important;margin-bottom:12px!important;border:1px solid rgba(107,211,244,.26)!important;border-radius:16px!important;background:linear-gradient(125deg,rgba(26,105,161,.32),rgba(21,157,181,.14))!important;box-shadow:0 7px 22px rgba(0,15,35,.19),inset 0 1px rgba(255,255,255,.09)}
body.app-page .ref-sidebar .side-user .labmark{width:46px!important;height:46px!important;flex-shrink:0}
body.app-page .ref-sidebar .side-user>div:nth-child(2){min-width:0;overflow-wrap:anywhere}
body.app-page .ref-sidebar .side-user b{font-size:16px!important;line-height:1.5!important;color:#fff!important}
body.app-page .ref-sidebar .side-user small{display:block!important;font-size:11px!important;line-height:1.65!important;color:#c3e6f3!important;font-variant-numeric:tabular-nums}
body.app-page .ref-sidebar .side-user .collapse{margin:0!important;min-width:22px!important;padding:3px!important}
@media(max-width:900px){body.app-page .ref-sidebar .side-user{display:flex!important;justify-content:center!important;padding:10px 4px!important}body.app-page .ref-sidebar .side-user>div:nth-child(2){display:none!important}}
body.side-collapsed.app-page .ref-sidebar .side-user{display:flex!important;justify-content:center!important}
body.side-collapsed.app-page .ref-sidebar .side-user>div:nth-child(2){display:none!important}

/* VahdatLab 5.1.4: compact sidebar without removing navigation items */
body.app-page .ref-sidebar nav{gap:3px!important;padding:4px 6px 10px!important}
body.app-page .ref-sidebar nav a{min-height:34px!important;padding:6px 9px!important;margin:0!important;line-height:1.35!important;font-size:12px!important;border-radius:9px!important}
body.app-page .ref-sidebar nav a i{width:22px!important;min-width:22px!important;font-size:15px!important}
body.app-page .ref-sidebar .side-user{padding:8px 7px 9px!important;margin-bottom:7px!important}
body.app-page .ref-sidebar .side-user .labmark{width:40px!important;height:40px!important}
body.app-page .ref-sidebar{overflow-y:auto!important;scrollbar-gutter:stable}
.settings-edit-row{display:flex;gap:6px;align-items:center;width:100%}.settings-edit-row input{min-width:0;flex:1}.settings-vehicle-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.settings-vehicle-edit input{min-width:0;width:100%}.settings-vehicle-edit button{grid-column:1/-1;justify-self:start}.vehicle-edit-item{display:block!important}