/* IT Envanter Pro — Nova Ops. Scoped, optional visual shell. */
.shell-card[data-shell-preview="nova"] .shell-preview {
  border-color:#3864b7;
  background:radial-gradient(circle at 70% 5%,#388afa 0,transparent 52%),linear-gradient(145deg,#0a1937,#07101e);
}
.shell-card[data-shell-preview="nova"] .shell-preview i{width:23%;background:#071329;border-right:1px solid #335f9c}
.shell-card[data-shell-preview="nova"] .shell-preview span{left:30%;right:10%;top:12px;height:8px;background:#d9eafa;box-shadow:0 17px 0 #2783f3}
.shell-card[data-shell-preview="nova"] .shell-preview b{left:30%;right:10%;top:47px;height:15px;background:#14284b;box-shadow:0 0 0 1px #4371b1}
.theme-card[data-choice="nova"]{--preview-bg:#091628;--preview-side:#07101c;--preview-accent:#368eff}

:root[data-theme="nova"]{
  --accent:#398fff;--accent2:#88bdff;--accent-rgb:57,143,255;--accent-deep:#1859c7;
  --brand-from:#5daeff;--brand-to:#184cc4;--hero-a:#1e68da;--hero-b:#08182c;
}
:root[data-mode="light"][data-theme="nova"]{
  --accent:#1956c5;--accent2:#174ba6;--accent-rgb:25,86,197;--accent-deep:#153d91;
}

:root[data-shell="nova"]{
  --bg:#07111f;--bg2:#0a1729;--panel:#0d1c30;--panel2:#12243b;--panel3:#172d49;
  --line:#25405e;--line2:#345777;--text:#f0f6ff;--muted:#a5bbd4;--soft:#d0dff0;
  --surface-0:var(--bg);--surface-1:#091628;--surface-2:var(--panel);--surface-3:var(--panel2);--surface-4:var(--panel3);
  --surface-input:#0b1b30;--surface-modal:#0d1b2e;--surface-soft:#102039;--surface-hover:#173251;
  --nav-text:#adbfda;--primary-text:var(--text);--secondary-text:var(--muted);--tertiary-text:#87a2c2;
  --topbar-rgb:8,20,38;--bottom-rgb:8,20,38;
  --shadow:0 22px 70px rgb(0 7 20 / .34);color-scheme:dark;
}
:root[data-mode="light"][data-shell="nova"]{
  --bg:#edf4fc;--bg2:#e7f0fa;--panel:#ffffff;--panel2:#f2f7fd;--panel3:#e6f0fb;
  --line:#cfdded;--line2:#b8cce4;--text:#10223c;--muted:#536c8a;--soft:#2d496a;
  --surface-0:var(--bg);--surface-1:#f8fbff;--surface-2:var(--panel);--surface-3:var(--panel2);--surface-4:var(--panel3);
  --surface-input:#ffffff;--surface-modal:#ffffff;--surface-soft:#f5f9fe;--surface-hover:#eaf2fc;
  --nav-text:#536c8a;--primary-text:var(--text);--secondary-text:var(--muted);--tertiary-text:#637d9b;
  --topbar-rgb:248,251,255;--bottom-rgb:248,251,255;
  --shadow:0 18px 50px rgb(22 58 110 / .11);color-scheme:light;
}
:root[data-shell="nova"] body{
  background:radial-gradient(circle at 63% 0%,rgb(46 115 235 / .17),transparent 37%),var(--bg);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root[data-mode="light"][data-shell="nova"] body{background:radial-gradient(circle at 63% 0%,rgb(93 160 255 / .16),transparent 39%),var(--bg)}
:root[data-shell="nova"] :is(.topbar,.sidebar,.login-card,.modal-head,.modal-foot){backdrop-filter:none}
:root[data-shell="nova"] :is(.hero h3,.section-title h3,.card-head h4,.login-visual h1,.login-card h2){letter-spacing:-.045em}

@media(min-width:901px){
  :root[data-shell="nova"] .app-shell{grid-template-columns:266px minmax(0,1fr)}
  :root[data-shell="nova"] .content{max-width:1660px;width:100%;padding:31px clamp(24px,3.1vw,52px) 110px}
}
:root[data-shell="nova"] .sidebar{
  background:linear-gradient(180deg,#08162a,#07101e 65%);border-right:1px solid #26446a;
  padding:23px 15px 16px;
}
:root[data-shell="nova"] .brand-row{min-height:72px;border-bottom:1px solid rgb(135 171 220 / .18);padding-bottom:25px}
:root[data-shell="nova"] .brand-logo-img{border-radius:14px;box-shadow:0 9px 25px rgb(37 115 239 / .2)}
:root[data-shell="nova"] .brand-row strong{font-size:calc(17px + var(--font-step,0px));letter-spacing:-.04em;color:#f4f8ff}
:root[data-shell="nova"] .brand-row small{color:#8fb2df}
:root[data-shell="nova"] .side-nav{gap:5px;padding-top:17px}
:root[data-shell="nova"] :is(.nav-item,.nav-group>summary){min-height:41px;color:#a8bdd9;border:1px solid transparent;border-radius:11px}
:root[data-shell="nova"] :is(.nav-item,.nav-group>summary):hover{background:#122b4b;color:#fff;border-color:#254d7f}
:root[data-shell="nova"] .nav-item.active{background:linear-gradient(100deg,#1c55aa,#123466);border-color:#3570bd;color:#fff;box-shadow:inset 3px 0 #8ec5ff,0 8px 20px rgb(2 12 32 / .25)}
:root[data-shell="nova"] .nav-group{border-top-color:rgb(140 177 221 / .13)}
:root[data-shell="nova"] .nav-submenu{border-left-color:#26486f}
:root[data-shell="nova"] .sidebar-foot{border-top-color:#274464}
:root[data-shell="nova"] .topbar{height:78px;background:rgb(var(--topbar-rgb)/.96);border-bottom:1px solid var(--line);box-shadow:0 7px 28px rgb(0 8 25 / .12)}
:root[data-shell="nova"] .topbar h2{font-weight:800;letter-spacing:-.04em}
:root[data-shell="nova"] .global-search-trigger{border:1px solid var(--line);background:var(--panel2);border-radius:12px}
:root[data-shell="nova"] .global-search-trigger:focus-visible,:root[data-shell="nova"] :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}

:root[data-shell="nova"] .hero{
  isolation:isolate;min-height:315px;padding:clamp(26px,3vw,45px);border:1px solid #4378be;border-radius:27px;
  background:radial-gradient(circle at 30% 8%,rgb(89 167 255 / .78),transparent 36%),
    radial-gradient(circle at 68% 88%,rgb(31 93 206 / .65),transparent 41%),
    linear-gradient(112deg,#0b2f6b 0%,#143c82 43%,#07182d 100%);
  box-shadow:0 28px 65px rgb(3 27 75 / .27);
}
:root[data-shell="nova"] .hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 49.85%,rgb(188 218 255 / .12) 50%,transparent 50.15%),
    linear-gradient(0deg,transparent 49.85%,rgb(188 218 255 / .10) 50%,transparent 50.15%);
  background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);
}
:root[data-shell="nova"] .hero:after{content:"";right:-90px;top:-115px;bottom:auto;width:470px;height:470px;border-radius:50%;border:1px solid rgb(191 225 255 / .26);box-shadow:0 0 0 58px rgb(159 213 255 / .055),0 0 0 125px rgb(159 213 255 / .04)}
:root[data-shell="nova"] .hero .eyebrow{position:relative;z-index:1;color:#d5e8ff;font-weight:850;letter-spacing:.16em}
:root[data-shell="nova"] .hero h3{position:relative;z-index:1;max-width:850px;margin:16px 0 12px;font-size:clamp(34px,3.3vw,54px);line-height:1.05;color:#fff;font-weight:850}
:root[data-shell="nova"] .hero h3 span{display:block}
:root[data-shell="nova"] .hero h3 .editorial-headline{color:#b8dbff}
:root[data-shell="nova"] .hero p{position:relative;z-index:1;max-width:610px;color:#e1edfb;font-size:calc(13px + var(--font-step,0px))}
:root[data-shell="nova"] .hero .quick-grid{position:relative;z-index:1;max-width:850px;margin-top:30px}
:root[data-shell="nova"] .quick{min-height:80px;border:1px solid rgb(194 223 255 / .28);background:rgb(5 20 47 / .55);color:#eef7ff;backdrop-filter:blur(7px);border-radius:13px}
:root[data-shell="nova"] .quick:hover{background:rgb(20 67 130 / .75);border-color:#add7ff;transform:translateY(-2px)}
:root[data-shell="nova"] .quick span{color:#9fceff}
:root[data-shell="nova"] .editorial-atlas-visual{display:none}

:root[data-shell="nova"] :is(.metric,.card,.list-card,.finance,.settings-card,.license-card,.release-card,.ds-dossier-card,.ops-count-card){background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 34px rgb(0 9 30 / .10)}
:root[data-shell="nova"] .metric{position:relative;overflow:hidden;padding:20px;border-radius:17px}
:root[data-shell="nova"] .metric:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent 85%)}
:root[data-shell="nova"] .metric .label{color:var(--muted);font-weight:750}
:root[data-shell="nova"] .metric strong{font-weight:850;letter-spacing:-.055em}
:root[data-shell="nova"] .section-title h3{font-weight:830}
:root[data-shell="nova"] .card-head{border-bottom-color:var(--line)}
:root[data-shell="nova"] :is(.btn,.ds-select-trigger,.ds-date-trigger,.search,.filter,.catalog-searchbox,.command-search){border-radius:11px}
:root[data-shell="nova"] .btn.primary{background:linear-gradient(125deg,#398fff,#1b62cf);border-color:#5aa7ff;color:#fff;box-shadow:0 8px 20px rgb(23 100 225 / .22)}
:root[data-shell="nova"] .btn.primary:hover{background:linear-gradient(125deg,#5aa7ff,#2675eb)}
:root[data-shell="nova"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,.search,.filter,.ds-select-trigger,.ds-date-trigger,.catalog-searchbox,.command-search){background:var(--surface-input);border-color:var(--line);color:var(--text)}
:root[data-shell="nova"] :is(input,textarea)::placeholder{color:var(--tertiary-text)}
:root[data-shell="nova"] .table th{background:var(--panel2);color:var(--muted);border-bottom-color:var(--line)}
:root[data-shell="nova"] .table td{border-bottom-color:var(--line)}
:root[data-shell="nova"] .table tbody tr:hover{background:var(--surface-hover)}
:root[data-shell="nova"] :is(.alert,.mobile-row,.detail-item,.ops-work-row,.catalog-list-card){background:var(--panel2);border-color:var(--line)}
:root[data-shell="nova"] :is(.modal,.ds-select-menu,.mobile-sheet){background:var(--surface-modal);border-color:var(--line)}
:root[data-shell="nova"] .modal-head{background:var(--surface-modal);border-bottom-color:var(--line)}
:root[data-shell="nova"] .modal-foot{background:var(--surface-modal);border-top-color:var(--line)}
:root[data-shell="nova"] .bottom-nav{background:rgb(var(--bottom-rgb)/.97);border-top-color:var(--line)}

:root[data-shell="nova"] .login-shell{background:radial-gradient(circle at 26% 34%,rgb(46 130 251 / .42),transparent 29%),linear-gradient(125deg,#0b2859,#071426 62%,#040d1a)}
:root[data-shell="nova"] .login-visual:after{border-color:rgb(170 213 255 / .24);box-shadow:0 0 0 75px rgb(87 159 255 / .06),0 0 0 160px rgb(87 159 255 / .035)}
:root[data-shell="nova"] .login-visual h1{letter-spacing:-.06em;color:#fff}
:root[data-shell="nova"] .login-visual h1 span{color:#9ccaff}
:root[data-shell="nova"] .login-visual p{color:#c7def7}
:root[data-shell="nova"] .login-card{background:#0c1c32;border:1px solid #3a648d;box-shadow:0 30px 80px rgb(0 9 32 / .4)}
:root[data-shell="nova"] .login-card :is(h2,strong){color:#f5f9ff}
:root[data-shell="nova"] .login-card p{color:#a6bfdc}

:root[data-mode="light"][data-shell="nova"] .sidebar{background:linear-gradient(180deg,#eaf3ff,#e2eefa);border-right-color:#c2d7f0}
:root[data-mode="light"][data-shell="nova"] .brand-row{border-bottom-color:#c6d9ef}
:root[data-mode="light"][data-shell="nova"] .brand-row strong{color:#102744}
:root[data-mode="light"][data-shell="nova"] .brand-row small{color:#536f92}
:root[data-mode="light"][data-shell="nova"] :is(.nav-item,.nav-group>summary){color:#365474}
:root[data-mode="light"][data-shell="nova"] :is(.nav-item,.nav-group>summary):hover{background:#d8eaff;color:#173b6d;border-color:#adcbea}
:root[data-mode="light"][data-shell="nova"] .nav-item.active{color:#fff}
:root[data-mode="light"][data-shell="nova"] .nav-submenu{border-left-color:#b6cfe9}
:root[data-mode="light"][data-shell="nova"] .sidebar-foot{border-top-color:#c2d7ee}
:root[data-mode="light"][data-shell="nova"] .quick{color:#eef7ff}
:root[data-mode="light"][data-shell="nova"] .login-card{background:#fff;border-color:#c8d9eb;box-shadow:0 30px 80px rgb(16 54 111 / .18)}
:root[data-mode="light"][data-shell="nova"] .login-card :is(h2,strong){color:#142b48}
:root[data-mode="light"][data-shell="nova"] .login-card p{color:#5d738e}

@media(max-width:900px){
  :root[data-shell="nova"] .hero{min-height:0;padding:25px 21px}
  :root[data-shell="nova"] .hero h3{font-size:clamp(29px,6vw,43px)}
  :root[data-shell="nova"] .hero:after{width:250px;height:250px;right:-130px;top:-85px}
  :root[data-shell="nova"] .quick{min-height:68px}
}
@media(max-width:560px){
  :root[data-shell="nova"] .hero{padding:24px 17px;border-radius:20px}
  :root[data-shell="nova"] .hero h3{font-size:31px}
  :root[data-shell="nova"] .hero .quick-grid{margin-top:22px}
  :root[data-shell="nova"] .metric{padding:15px}
}
@media(prefers-reduced-motion:reduce){:root[data-shell="nova"] .quick:hover{transform:none}}
@media print{:root[data-shell="nova"] body{background:#fff!important}:root[data-shell="nova"] .hero{background:#fff!important;color:#111!important;box-shadow:none!important}}