/* NOVA Zenith blue. The two welcome screens intentionally retain the original design. */

html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body{background:var(--page-bg);}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .phone{border:0;box-shadow:none;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body :is(button, .card, .ticket, .history-card, .admin-row,
  .admin-section-card, .admin-kpi, .file-shortcut, .settings-action, .stat,
  .count-pill, .week-hours-pill, .note-card, .sheet,
  .demo-bar, .employee-tabs, .admin-tabs, .employee-overview-empty,
  .order-card, .order-mode, .order-item-editor, .order-extra, .order-more-content,
  .order-more > summary, .orders-filter, .admin-order-kpis > div, .orders-empty, .supplier-shortcut,
  .stock-card, .stock-filters, .stock-summary > div, .stock-activity-row,
  .stock-sheet-item, .stock-supplier-link-row, .stock-mode, .stock-location-row,
  .stock-location-balances, .admin-orders-preview-empty,
  .admin-planning-kpis > div, .admin-planning-card, .planning-view-toggle,
  .planning-date-mode, .planning-prototype-note, .planning-empty,
  .employee-profile-card, .profile-stat, .supplier-manager-row,
  .planning-employee-choice, .badge, .install-banner, .toggle-row, .photo-picker,
  .order-product-links a, .order-action){border:0;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .note-card{background:var(--surface);}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body :is(.admin-toolbar, .stock-toolbar) :is(input,select){border:0;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body .field :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border:0;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body .field :is(input,select,textarea)[aria-invalid="true"]{outline:2px solid var(--danger);outline-offset:2px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body :is(input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tabs,
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tabs{
  padding:8px;gap:4px;border-radius:26px;
  background:color-mix(in srgb,var(--surface) 24%,transparent);
  box-shadow:0 8px 30px -12px rgba(15,23,42,.25);
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tabs{width:min(560px,calc(100% - 16px));grid-template-columns:.9fr 1.15fr 1.1fr 1.45fr .8fr .95fr;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab,
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab{
  min-height:64px;padding:10px 7px 12px;border-radius:18px;
  gap:6px;line-height:1.3;letter-spacing:0;
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab.active,
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab.active{box-shadow:none;background:var(--blue);color:#fff;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab span:last-child,
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab span:last-child{white-space:nowrap;overflow:visible;text-overflow:clip;}
@media(max-width:420px){
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tabs,
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tabs{padding:6px;gap:3px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab{font-size:9px;padding:10px 4px 12px;min-height:62px;border-radius:16px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab{font-size:10px;min-height:62px;border-radius:16px;}
}
@media(max-width:360px){
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tabs,
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tabs{width:calc(100% - 12px);padding:5px;gap:2px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab{font-size:8px;padding-inline:3px;overflow:visible;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab{font-size:9px;padding-inline:4px;}
}
@media(prefers-contrast:more){
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body :is(.card,.ticket,.admin-row,.stock-card,.sheet){outline:2px solid var(--ink-dim);outline-offset:-2px;}
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)){
 --nova-font:Inter,Arial,sans-serif;--nova-title:Inter,Arial,sans-serif;
 --nova-card:rgba(255,255,255,.7);--nova-radius:24px;
 --nova-shadow:0 12px 36px -24px #61758a55;--nova-highlight:inset 0 1px 0 #ffffffb3;
 --nova-accent:#257ca0;--nova-gradient:linear-gradient(120deg,#6381cd,#288fb0);
 --nova-bg:radial-gradient(ellipse at 90% 0%,#b9d8e9,transparent 55%),#edf4fa;
 --ink:#233b50;--ink-dim:#52697b;--ink-faint:#63778a;
 --bg:transparent;--surface:#f8fbff;--surface-2:#e5eef5;--surface-3:#d2e0eb;
 --blue:var(--nova-accent)!important;--blue-dim:#e0f3fb!important;--blue-text-on-dim:#245f81!important;
 --page-bg:#e9f1f8;--shadow-card:var(--nova-shadow);--shadow-xs:none;
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body{font-family:var(--nova-font);background:var(--nova-bg);background-attachment:fixed;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .phone{background:transparent;overflow:visible;border-radius:32px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .demo-wrap{max-width:490px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .screen{padding:22px 18px 125px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.greeting,.detail-title,.planning-heading h2,.orders-heading h2,.stock-heading h2){font-family:var(--nova-title);letter-spacing:-.04em;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .greeting{font-size:28px;font-weight:650;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .top-row{align-items:center;margin-bottom:24px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.card,.ticket,.history-card,.admin-row,.admin-section-card,.admin-kpi,.file-shortcut,.settings-action,.stat,.note-card,.order-card,.stock-card,.admin-order-preview,.admin-orders-preview-empty,.admin-planning-card,.employee-profile-card,.profile-stat,.planning-empty,.orders-empty,.employee-overview-empty,.next-planning-card,.planning-event,.supplier-shortcut),
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-order-kpis,.admin-planning-kpis,.stock-summary)>div{
 background:var(--nova-card);border-radius:var(--nova-radius);box-shadow:var(--nova-shadow),var(--nova-highlight);
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-row,.order-card){padding:21px;margin-bottom:14px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card{padding:19px;gap:12px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card-main>strong{font-size:16px;letter-spacing:-.025em;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card-main>span{margin-top:8px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card-quantity strong{font-size:27px;font-weight:550;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card-quantity strong span{font-size:11px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .section-label{margin-top:30px;font-size:13px;letter-spacing:.01em;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-kpi{padding:20px 8px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-kpi-value{font-size:30px;font-weight:500;letter-spacing:-.06em;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-kpi-label{font-size:11px;line-height:1.5;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.order-action,.stock-card-open,.orders-add,.admin-planning-add,.overview-primary){min-height:42px;padding-inline:16px;border-radius:13px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-tab,.employee-tab){min-height:62px;border-radius:18px;padding:10px 6px 12px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-tab.active,.employee-tab.active){box-shadow:0 5px 18px -10px var(--nova-accent);}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-tabs,.employee-tabs){
 background:rgba(255,255,255,.19);box-shadow:0 12px 34px -20px #20324955,inset 0 1px 0 #ffffff80;
 backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);
 padding:7px;border-radius:27px;
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tabs{width:min(620px,calc(100% - 18px));}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tabs{width:min(474px,calc(100% - 18px));}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .gauge{height:6px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .gauge-fill{background:var(--nova-gradient);}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.orders-filter,.stock-filters,.planning-view-toggle,.stock-mode,.order-mode,.planning-date-mode){background:rgba(255,255,255,.32);padding:5px;border-radius:16px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-toolbar,.stock-toolbar) :is(input,select){background:var(--nova-card);border-radius:15px;min-height:48px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .sheet{background:var(--surface);box-shadow:0 25px 100px #12233440;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .sheet-overlay{backdrop-filter:blur(9px);}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .note-card{padding:17px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .badge{padding:7px 11px;font-weight:600;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .edit-info-btn,html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .theme-inline{background:var(--nova-card);border-radius:50%;width:44px;height:44px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)){--nova-accent:#3B8FC4;--nova-gradient:linear-gradient(125deg,#56A4D3,#3B8FC4);--nova-bg:radial-gradient(ellipse at 76% 5%,#cfdfef,transparent 38%),linear-gradient(120deg,#eff4f8,#e2eaf2);--nova-card:linear-gradient(140deg,#ffffffeb,#f5faffd9);--nova-shadow:0 8px 13px -9px #516c8444,0 2px 4px #354f6e0c;--nova-radius:21px;--ink:#233344;--ink-dim:#586d80;--ink-faint:#667d90;--surface:#f7fbff;--surface-2:#e9f1f8;--surface-3:#d6e3ef;--blue-dim:#E6F2FA!important;--blue-text-on-dim:#256B96!important;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-kpi-value{color:#3B8FC4;font-weight:550;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .section-label{text-transform:uppercase;font-size:10px;letter-spacing:.09em;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card-quantity strong{color:#3B8FC4;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .gauge-fill{box-shadow:0 0 12px #3B8FC440;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect))[data-theme="dark"]{--nova-bg:radial-gradient(ellipse at 90% 0%,#294355,transparent 60%),#111a26;--nova-card:#223042db;--surface:#223042;--surface-2:#2b3b50;--surface-3:#425369;--ink:#f4f6fc;--ink-dim:#bdc9d7;--ink-faint:#aebed1;--nova-highlight:inset 0 1px 0 #ffffff18;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect))[data-theme="dark"] :is(.admin-tabs,.employee-tabs){background:#1d2e4529;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect))[data-theme="dark"] :is(.orders-filter,.stock-filters,.planning-view-toggle,.stock-mode,.order-mode,.planning-date-mode){background:#ffffff0a;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect))[data-theme="dark"]{--nova-bg:radial-gradient(ellipse at top,#244563,transparent 65%),#101c2b;--nova-card:linear-gradient(140deg,#233d54eb,#1a2e43e6);--nova-accent:#3B8FC4;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) #screen-roleselect{overflow:hidden;border-radius:28px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) body #screen-detail .dismiss-btn{border:1px solid currentColor;border-radius:999px;padding:7px 12px;color:var(--yellow-text-on-dim);background:transparent;}
@media(min-width:760px){
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .demo-wrap:has(#screen-admin.active){max-width:1100px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) #screen-admin{padding:25px 34px 126px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) #admin-panel-stock #admin-stock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) #admin-panel-orders #admin-orders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) #admin-panel-orders .order-card{margin:0;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) #admin-panel-overview.active{column-gap:24px;}
}
@media(max-width:420px){

html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .screen{padding:16px 14px 118px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .greeting{font-size:25px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-tabs,.employee-tabs){padding:5px;gap:2px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab{font-size:9px;padding-inline:3px;min-height:60px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab{font-size:10px;padding-inline:4px;min-height:60px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .stock-card{padding:16px;}
}
@media(max-width:360px){
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .admin-tab{font-size:8px;}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) .employee-tab{font-size:9px;}
}
html:has(.screen.active:not(#screen-nova-home):not(#screen-roleselect)) :is(.admin-tab.active,.employee-tab.active,.order-action,.stock-card-open,.orders-add,.admin-planning-add,.submit-btn,.overview-primary,.planning-day.selected){background:var(--nova-gradient);color:#fff;}