/* Ultimul strat vizual: teme coerente și micro-animații. */
:root{--surface:color-mix(in srgb,var(--card) 92%,var(--bg));--surface-strong:color-mix(in srgb,var(--card) 78%,var(--green) 4%);--accent-soft:color-mix(in srgb,var(--green) 14%,transparent);--accent-border:color-mix(in srgb,var(--green) 34%,var(--border));--cursor-x:50vw;--cursor-y:50vh}
body::after{content:"";position:fixed;z-index:999999;left:var(--cursor-x);top:var(--cursor-y);width:260px;height:260px;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--green) 11%,transparent),transparent 68%);mix-blend-mode:screen;opacity:.8;transition:opacity .25s}
.sidebar,.topbar,.workspace{transition:background-color .35s,border-color .35s,color .35s}
.dashboard-panel,.vehicle-card,.garage-class-card,.stat-card,.item-index-card,.warehouse-card,.home-card,.command-section,.command-pulse>button{position:relative;isolation:isolate;overflow:hidden}
.dashboard-panel::after,.vehicle-card::after,.garage-class-card::after,.stat-card::after,.item-index-card::after,.warehouse-card::after,.home-card::after,.command-section::after,.command-pulse>button::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--spot-x,-200px) var(--spot-y,-200px),color-mix(in srgb,var(--green) 9%,transparent),transparent 68%);opacity:0;transition:opacity .25s}
.dashboard-panel:hover::after,.vehicle-card:hover::after,.garage-class-card:hover::after,.stat-card:hover::after,.item-index-card:hover::after,.warehouse-card:hover::after,.home-card:hover::after,.command-section:hover::after,.command-pulse>button:hover::after{opacity:1}
.vehicle-card,.garage-class-card,.stat-card,.item-index-card,.warehouse-card,.home-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.vehicle-card:hover,.garage-class-card:hover,.stat-card:hover,.item-index-card:hover,.warehouse-card:hover,.home-card:hover{transform:translateY(-4px);border-color:var(--accent-border);box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 0 1px var(--accent-soft)}
button{position:relative;overflow:hidden;transition:transform .16s ease,background-color .25s,border-color .25s,color .25s,box-shadow .25s}
button:not(:disabled):active{transform:scale(.97)}
.click-ripple{position:absolute;z-index:5;width:12px;height:12px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.38);transform:translate(-50%,-50%);animation:click-wave .55s ease-out forwards}
@keyframes click-wave{to{opacity:0;transform:translate(-50%,-50%) scale(16)}}
#dynamicWorkspace>section{animation:view-arrive .38s cubic-bezier(.2,.75,.2,1) both}
@keyframes view-arrive{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.vehicle-grid>.vehicle-card,.garage-classes-grid>.garage-class-card,.items-grid>.item-index-card{animation:card-arrive .4s ease both}
.vehicle-grid>:nth-child(2n),.garage-classes-grid>:nth-child(2n),.items-grid>:nth-child(2n){animation-delay:.035s}.vehicle-grid>:nth-child(3n),.garage-classes-grid>:nth-child(3n),.items-grid>:nth-child(3n){animation-delay:.07s}
@keyframes card-arrive{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.warehouse-hero,.homes-hero,.tools-hero,.items-hero,.garage-header{border-color:var(--accent-border)!important;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--green) 8%,var(--surface)))!important}
.tool-tab.active,.inventory-tab.active,.home-marker.active,.warehouse-marker.active{background:var(--accent-soft)!important;border-color:var(--accent-border)!important;color:var(--green)!important}
.settings-check{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.settings-check input{width:18px!important;height:18px;accent-color:var(--green)}
.tool-auto-button{color:var(--green)!important;background:var(--accent-soft)!important}
.global-search-dropdown{background:color-mix(in srgb,var(--bg) 94%,var(--card))!important;border-color:var(--accent-border)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important}
.global-search-result:hover,.global-search-result:focus-visible{background:var(--accent-soft)!important}
.counting-number{color:var(--green)!important;text-shadow:0 0 18px color-mix(in srgb,var(--green) 42%,transparent);font-variant-numeric:tabular-nums}
.count-complete{animation:number-settle .42s ease-out}
@keyframes number-settle{0%{filter:brightness(1.9);transform:scale(1.045)}100%{filter:none;transform:none}}
.command-hero-brand img,.brand-logo img{animation:logo-float 4.8s ease-in-out infinite}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.7deg)}}
.sidebar-footer-dot,.status-badge.status-active,.live-badge{animation:live-pulse 2.2s ease-in-out infinite}
@keyframes live-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 0%,transparent)}50%{filter:brightness(1.3);box-shadow:0 0 15px color-mix(in srgb,var(--green) 24%,transparent)}}
.warehouse-capacity-track i,.warehouse-list-copy i b,.inventory-weight i,.inventory-capacity-mini>div>i,.tax-bar i,.class-chart-fill{transform-origin:left;animation:bar-charge .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes bar-charge{from{transform:scaleX(0);filter:brightness(1.8)}to{transform:scaleX(1);filter:none}}
.topbar::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:190px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--green) 7%,transparent),transparent);animation:topbar-scan 9s linear infinite}
@keyframes topbar-scan{from{left:-220px}to{left:calc(100% + 220px)}}
.command-hero::after,.garage-header::after,.taxes-hero::after,.warehouse-hero::after,.homes-hero::after,.tools-hero::after,.items-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--green) 7%,transparent) 48%,transparent 61%);background-size:240% 100%;animation:hero-sheen 7s ease-in-out infinite}
@keyframes hero-sheen{0%,72%{background-position:160% 0;opacity:0}82%{opacity:1}100%{background-position:-80% 0;opacity:0}}
.vehicle-image-placeholder,.command-module-grid>button>span,.command-pulse>button>span{animation:icon-breathe 3.6s ease-in-out infinite}
@keyframes icon-breathe{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.035)}}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
*:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body::after{display:none}}
@media (pointer:coarse){body::after{display:none}}