/* SEE-inspired Veltrix skin: graphite surfaces, compact navigation, green accent. */
:root{
  --bg:#23272a;--surface:#1a1b1f;--surface-2:#1e2124;--surface-3:#33353d;
  --line:#33363d;--line-strong:#474b54;--text:#f3f4f5;--muted:#8f949d;
  --purple:#3cb882;--purple-2:#34a776;--cyan:#31b4e1;--green:#3cb882;
  --orange:#ff9514;--danger:#f35a5a;--radius:5px;--radius-sm:4px;
  --shadow:2px 3px 9px rgba(0,0,0,.28)
}
html,body{font-family:Ubuntu,Arial,sans-serif;background:#23272a;color:var(--text)}
body{background:linear-gradient(180deg,#222629,#23272a 220px)}body:before{display:none}

/* SEE-like compact top navigation */
.sidebar{min-height:76px;padding:0 max(22px,calc((100vw - 1320px)/2));border-top:0;border-bottom:1px solid #101215;background:rgba(26,27,31,.98);box-shadow:0 3px 10px rgba(0,0,0,.35)}
.nav-brand{flex-basis:190px;font-size:14px;letter-spacing:.3px}.nav-brand .brand-logo{width:45px;height:45px;border-radius:5px;object-fit:cover;filter:drop-shadow(0 0 7px rgba(60,184,130,.22))}.brand b{color:var(--green)}
.sidebar nav{gap:3px}.sidebar nav a,.sidebar nav .info-nav{min-height:38px;padding:9px 11px;border-radius:4px;color:#a6abb2;font-size:11px;font-weight:500}
.sidebar nav a>span,.sidebar nav .info-nav>span{width:18px;height:18px;color:#747b84}.sidebar nav a:hover{color:#fff;background:#23272a}.sidebar nav a.active{color:#fff;background:#23272a;box-shadow:inset 0 -3px var(--green)}
.sidebar nav a.active>span{color:var(--green)}.sidebar nav a>b{padding:2px 6px;color:#fff;background:var(--green);border-radius:10px}
.account-menu-toggle{min-height:38px;padding:9px 11px;border-radius:4px;color:#a6abb2;font-family:Ubuntu,sans-serif;font-size:11px;font-weight:500}.account-menu:hover .account-menu-toggle,.account-menu:focus-within .account-menu-toggle,.account-menu.active .account-menu-toggle{background:#23272a;box-shadow:inset 0 -3px var(--green)}
.account-menu-dropdown{top:calc(100% + 5px);width:195px;padding:6px;border:1px solid #393d43;border-radius:4px;background:#1a1b1f;box-shadow:0 12px 28px rgba(0,0,0,.5)}

/* Thin account strip and content */
.app-shell{min-height:calc(100vh - 76px)}.app-shell header{height:42px;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid #303339;background:#202326}
.header-user strong{color:#e3e5e7}.header-account-id{border:0;border-radius:3px;background:#33363b;color:#a2a8ae}.avatar{width:25px;height:25px;border-radius:50%;background:#3c4147;color:#fff}.header-logout{height:27px;border:0;border-radius:4px;background:#2d3035}.header-logout:hover{background:rgba(243,90,90,.13);color:#ff8585}
.content{padding:34px 24px 72px;background:transparent}.content>:not(dialog),.content>.page-title{width:min(100%,1180px)!important}
.page-title{margin-bottom:22px}.page-title h1{font-family:Ubuntu,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.6px}.page-title p{color:#90959d;font-size:11px}.eyebrow{color:var(--green);font-size:8px;letter-spacing:1.2px}

/* Flat, readable components */
.panel,.entity-card,.pp-package,.store-admin-control{border:1px solid #30343a;border-radius:5px;background:#1a1b1f;box-shadow:var(--shadow)}
.panel:hover,.entity-card:hover,.pp-package:hover{border-color:#3b4147;transform:none;box-shadow:3px 5px 13px rgba(0,0,0,.32)}
.panel-head{border-bottom:1px solid #30343a}.panel-head h2,.form-panel h2{font-family:Ubuntu,sans-serif}.panel-head small{color:#777e87}
.news-card{margin:12px 0;padding:18px;border:0;border-radius:4px;background:linear-gradient(130deg,#202226 30%,rgba(32,34,38,.78));box-shadow:2px 2px 5px rgba(0,0,0,.3)}
.news-card>span{color:#102119;background:var(--green);font-weight:700}.news-card h3{font-size:16px}.news-card p{color:#a8adb3}
.status,.ticket-status,.request-status,.tag,.history-count{border-radius:3px!important}.status.on,.request-status.approved{color:#75dab0;background:rgba(60,184,130,.12)}
.primary{border-radius:4px;background:linear-gradient(135deg,#3cb882,#34a776);box-shadow:0 4px 12px rgba(60,184,130,.18)}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.approve-button,.reject-button,.mini-button,.maintenance-button{border-radius:4px}.mini-button{border-color:rgba(60,184,130,.35);background:rgba(60,184,130,.1);color:#73d6ad}
input,select,textarea{min-height:41px;border:1px solid #373b42;border-radius:4px;background:#202327;color:#fff}input:focus,select:focus,textarea:focus{border-color:#3cb882;box-shadow:0 0 0 2px rgba(60,184,130,.12)}

/* Profiles and inventory */
.ucp-profiles,.character-list{gap:14px}.ucp-profile-heading{border-color:#30343a}.ucp-profile-heading h1{font-family:Ubuntu,sans-serif;letter-spacing:-1px}
.ucp-box{border:1px solid #30343a;border-radius:5px;background:#202327;box-shadow:none}.ucp-facts>div{border-color:#363a40;background:#1d2023}
.ucp-portrait,.skin-showcase{border-radius:5px;background:#202429}.ucp-inventory-board{width:max-content;max-width:100%;margin:16px auto 0;padding:4px;border:0;border-radius:0;background:#111316;box-shadow:none}
.ucp-inventory-tabs{width:100%;height:38px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-sizing:border-box;gap:18px}.ucp-inventory-tabs button{flex:0 0 28px;width:28px;height:30px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.ucp-inventory-tabs button:hover{transform:none;border:0;background:transparent}.ucp-inventory-tabs button.active{color:var(--green);border:0;background:transparent;box-shadow:none}
.ucp-item-grid{grid-template-columns:repeat(10,38px);gap:3px}.ucp-item{width:38px;height:38px;aspect-ratio:auto;border:1px solid #24282c;border-radius:0;background:#181b1f;box-shadow:none}.ucp-item:before{display:none}.ucp-item:hover{border-color:#3f8067;transform:none;box-shadow:none}.ucp-item.empty-slot{opacity:1;border-style:solid;background:#181b1f;border-color:#24282c}
.character-vehicle-popup{width:min(640px,calc(100% - 30px));overflow:hidden}.character-vehicle-popup-body{max-height:calc(100vh - 90px);overflow:auto;background:#22272b}.vehicle-popup-tuning{margin-top:24px}.vehicle-popup-tuning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.vehicle-item-grid{grid-template-columns:repeat(10,38px)}.character-vehicle-popup .vehicle-item{width:38px;height:38px}.character-vehicle-popup .vehicle-item img{max-width:33px;max-height:33px}
.vehicle-facts .tag.tuning-value{border:0!important;box-shadow:none;color:#fff!important;text-transform:none}.vehicle-facts .tag.tuning-stock{background:#555a61!important;color:#fff!important}.vehicle-facts .tag.tuning-pro{background:#3cb882!important;color:#fff!important}.vehicle-facts .tag.tuning-race{background:#d9b832!important;color:#181508!important}.vehicle-facts .tag.tuning-venom{background:#319ad7!important;color:#fff!important}.vehicle-facts .tag.tuning-custom{background:#a63dca!important;color:#fff!important}
.vehicle-performance-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.vehicle-performance-list>div{display:flex;align-items:center}.vehicle-performance-list dt{padding:7px 9px!important;border-radius:3px 0 0 3px;background:#34383b!important;color:#fff;font-size:11px;font-weight:800}.vehicle-performance-list dt:after{content:none}.vehicle-performance-list dd{min-height:29px!important;margin:0!important;padding:3px 8px!important;border-radius:0 3px 3px 0!important;font-size:10px!important;font-weight:700}

/* Store, admin and data tables */
.maintenance-stage{border:1px solid #34383e;border-radius:6px;background:radial-gradient(circle at 82% 24%,rgba(60,184,130,.11),transparent 28%),#1a1b1f;box-shadow:var(--shadow)}
.pp-package.featured{border-color:rgba(60,184,130,.55);background:radial-gradient(circle at 50% 0,rgba(60,184,130,.17),#1a1b1f 48%)}.pp-gem{color:var(--green);text-shadow:0 0 22px rgba(60,184,130,.35)}.popular{color:#102119;background:var(--green)}
.admin-section-tabs a{border-radius:4px}.admin-section-tabs a.active{border-color:rgba(60,184,130,.45);background:#202529;box-shadow:inset 0 -2px var(--green)}
.admin-table-wrap{border-radius:5px}.admin-table{border-spacing:0 5px}.admin-table tbody tr{background:#202327}.admin-table tbody tr:hover td{background:rgba(60,184,130,.035)}.admin-table code{color:#71d6ad}
.toast,dialog{border-radius:5px;background:#1a1b1f}.toast{border-left-color:var(--green)}dialog::backdrop{background:rgba(10,11,13,.82)}
.empty{border:1px dashed #383c42;border-radius:5px;background:#1d2023}footer{border-color:#303339;background:#1a1b1f;color:#747a82}

@media(prefers-reduced-motion:no-preference){.content>:not(dialog){animation:seeEnter .28s ease both}@keyframes seeEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(max-width:900px){.sidebar{padding-inline:14px}.nav-brand{flex-basis:150px}.sidebar nav a,.account-menu-toggle{padding-inline:8px;font-size:10px}}
@media(max-width:760px){.sidebar{position:fixed;min-height:100vh;width:min(290px,88vw);padding:22px 15px;display:flex;align-items:stretch;flex-direction:column;border-right:1px solid #35393f}.nav-brand{flex:0 0 auto}.sidebar nav{display:grid;width:100%}.app-shell{min-height:100vh}.content{padding:27px 16px 50px}.page-title h1{font-size:26px}.vehicle-popup-tuning-grid{grid-template-columns:1fr}.vehicle-item-grid{grid-template-columns:repeat(5,38px)}}