/* Exenz.IA Design System V1 — 010
   Camada central de tema/responsividade.
   Mantém compatibilidade com as views atuais enquanto migramos os estilos inline. */

:root{
  color-scheme: light;
  --exz-bg:#f5f4f0;
  --exz-surface:#ffffff;
  --exz-surface-2:#fbfaf7;
  --exz-text:#171717;
  --exz-muted:#74716c;
  --exz-border:#e7e2d8;
  --exz-header:#111111;
  --exz-header-text:#ffffff;
  --exz-accent:#c6a875;
  --exz-accent-strong:#a98b58;
  --exz-primary:#171717;
  --exz-primary-text:#ffffff;
  --exz-success:#177245;
  --exz-success-bg:#e6f5ed;
  --exz-warning:#8a6410;
  --exz-warning-bg:#fff2cf;
  --exz-danger:#9c2c2c;
  --exz-danger-bg:#fdeaea;
  --exz-info:#4051a3;
  --exz-info-bg:#eef1ff;
  --exz-shadow:0 10px 32px rgba(24,20,14,.06);
  --exz-radius-sm:10px;
  --exz-radius:14px;
  --exz-radius-lg:18px;
  --exz-space-1:4px;
  --exz-space-2:8px;
  --exz-space-3:12px;
  --exz-space-4:16px;
  --exz-space-5:20px;
  --exz-space-6:24px;
  --exz-space-8:32px;
  --exz-safe-bottom:env(safe-area-inset-bottom,0px);
}

html[data-theme="dark"]{
  color-scheme: dark;
  --exz-bg:#101112;
  --exz-surface:#17191b;
  --exz-surface-2:#1d2023;
  --exz-text:#f3f1ec;
  --exz-muted:#aaa7a0;
  --exz-border:#303338;
  --exz-header:#0b0c0d;
  --exz-header-text:#ffffff;
  --exz-accent:#d5b97a;
  --exz-accent-strong:#e0c78f;
  --exz-primary:#f3f1ec;
  --exz-primary-text:#151515;
  --exz-success:#72c99a;
  --exz-success-bg:#173325;
  --exz-warning:#e0bb63;
  --exz-warning-bg:#332b18;
  --exz-danger:#ee8d8d;
  --exz-danger-bg:#3a1c1c;
  --exz-info:#aab6ff;
  --exz-info-bg:#202747;
  --exz-shadow:0 12px 34px rgba(0,0,0,.22);
}

html,body{min-height:100%}
body{
  background:var(--exz-bg)!important;
  color:var(--exz-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
header{
  background:var(--exz-header)!important;
  color:var(--exz-header-text)!important;
}
header a{color:var(--exz-accent)!important}
main{width:min(100%,1280px)}
.card,.panel,.section,
[class*="card"],[class*="panel"],[class*="section"]{
  border-color:var(--exz-border)!important;
}
.card,.panel,.section{
  background:var(--exz-surface)!important;
  color:var(--exz-text)!important;
  box-shadow:var(--exz-shadow);
}
.k,.muted,.small{color:var(--exz-muted)!important}
a{color:var(--exz-accent-strong)}
input,select,textarea{
  background:var(--exz-surface)!important;
  color:var(--exz-text)!important;
  border-color:var(--exz-border)!important;
}
input::placeholder,textarea::placeholder{color:var(--exz-muted)!important;opacity:.8}
table{background:var(--exz-surface)!important;color:var(--exz-text)!important}
th{
  background:var(--exz-surface-2)!important;
  color:var(--exz-muted)!important;
  border-color:var(--exz-border)!important;
}
td{border-color:var(--exz-border)!important}
.btn{
  min-height:42px;
  border-radius:var(--exz-radius-sm)!important;
}
.btn:not(.secondary):not(.ok):not(.warn):not(.gold){
  background:var(--exz-primary)!important;
  color:var(--exz-primary-text)!important;
}
.secondary{background:var(--exz-surface-2)!important;color:var(--exz-text)!important}
.ok{background:var(--exz-success)!important;color:#fff!important}
.warn{background:var(--exz-danger)!important;color:#fff!important}
.gold{background:var(--exz-accent)!important;color:#171717!important}
.err,.critical{background:var(--exz-danger-bg)!important;color:var(--exz-danger)!important}
.okmsg{background:var(--exz-success-bg)!important;color:var(--exz-success)!important}
.hint{background:var(--exz-warning-bg)!important;color:var(--exz-warning)!important}
.badge{border:1px solid var(--exz-border)}
.badge.low{background:var(--exz-danger-bg);color:var(--exz-danger)}
.badge.ok{background:var(--exz-success-bg);color:var(--exz-success)}
.ABERTO,.RASCUNHO{background:var(--exz-info-bg)!important;color:var(--exz-info)!important}
.PAGO,.AUTORIZADA,.VALIDO{background:var(--exz-success-bg)!important;color:var(--exz-success)!important}
.VENCIDO,.REJEITADA,.ERRO,.INVALIDO{background:var(--exz-danger-bg)!important;color:var(--exz-danger)!important}
.NEGOCIADO,.VENCENDO{background:var(--exz-warning-bg)!important;color:var(--exz-warning)!important}
/* 015 — Fase G/H: badges de status específicos de módulo que não
   reaproveitavam os nomes genéricos acima (ABERTO/PAGO/VENCIDO/...),
   então ficavam com cor fixa e quebravam no tema escuro. Pedidos usa
   ORCAMENTO/APROVADO/FATURADO/CONCLUIDO/CANCELADO; Fiscal usa CANCELADA
   (as demais notas fiscais já reaproveitam RASCUNHO/AUTORIZADA/ERRO). */
.ORCAMENTO{background:var(--exz-info-bg)!important;color:var(--exz-info)!important}
.APROVADO{background:var(--exz-warning-bg)!important;color:var(--exz-warning)!important}
.FATURADO,.CONCLUIDO{background:var(--exz-success-bg)!important;color:var(--exz-success)!important}
.CANCELADO,.CANCELADA{background:var(--exz-danger-bg)!important;color:var(--exz-danger)!important}
.RECEBIDO{background:var(--exz-success-bg)!important;color:var(--exz-success)!important}
.brand span{color:var(--exz-accent)!important}

.exz-theme-switch{
  position:fixed;
  right:14px;
  bottom:calc(14px + var(--exz-safe-bottom));
  z-index:9999;
  width:46px;
  height:46px;
  border:1px solid var(--exz-border);
  border-radius:50%;
  background:var(--exz-surface);
  color:var(--exz-text);
  box-shadow:var(--exz-shadow);
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:18px;
}
.exz-theme-switch:focus-visible{outline:3px solid color-mix(in srgb,var(--exz-accent) 55%,transparent);outline-offset:2px}

@media (max-width:900px){
  main{margin-top:22px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(70px + var(--exz-safe-bottom))!important}
  header{gap:12px;align-items:flex-start;flex-wrap:wrap;padding:15px 16px!important}
  .top{gap:12px!important}
  .actions{gap:8px!important}
  .grid,.cards{gap:10px!important}
  .panel{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:680px}
  input,select,textarea,.btn{font-size:16px!important}
}

@media (max-width:600px){
  .top{flex-direction:column!important;align-items:stretch!important}
  .actions{width:100%}
  .actions .btn,.top>.btn,.top>.actions>.btn{flex:1 1 auto}
  .grid,.cards,.grid2,.grid3{grid-template-columns:1fr!important}
  .card{border-radius:16px!important;padding:17px!important}
  h1{font-size:clamp(24px,7vw,32px)!important;line-height:1.1}
  h2{font-size:20px!important}
  .section{padding:14px!important}
  .exz-theme-switch{right:12px;bottom:calc(12px + var(--exz-safe-bottom))}
}


.exz-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.exz-theme-control{position:relative;display:inline-flex;align-items:center}
.exz-theme-trigger{
  min-height:34px;padding:6px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);color:var(--exz-header-text);font-size:12px;font-weight:750;cursor:pointer
}
.exz-theme-trigger:hover{background:rgba(255,255,255,.11)}
.exz-theme-popover{
  position:absolute;right:0;top:calc(100% + 8px);z-index:9999;min-width:165px;padding:7px;
  border:1px solid var(--exz-border);background:var(--exz-surface);border-radius:12px;box-shadow:var(--exz-shadow)
}
.exz-theme-popover[hidden]{display:none!important}
.exz-theme-popover button{
  width:100%;border:0;background:transparent;color:var(--exz-text);padding:9px 10px;border-radius:9px;
  text-align:left;cursor:pointer;font-size:12px
}
.exz-theme-popover button:hover,.exz-theme-popover button.is-active{
  background:var(--exz-surface-2);font-weight:850
}
.exz-theme-menu,.exz-theme-switch{display:none!important}
@media(max-width:760px){
  .exz-header-actions{width:100%;justify-content:space-between}
  .exz-theme-control{margin-left:auto}
}

/* 013.2 — header global: mantém usuário + tema dentro da viewport */
header{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}
.exz-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:10px!important;min-width:0!important;max-width:calc(100% - 150px)!important
}
.exz-header-actions .user{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exz-header-actions .exz-theme-control{flex:0 0 auto!important;display:inline-flex!important;visibility:visible!important}
.exz-theme-trigger{display:inline-flex!important;align-items:center;white-space:nowrap!important}
@media(max-width:760px){
  header{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .exz-header-actions{width:100%!important;max-width:100%!important;justify-content:space-between!important}
  .exz-header-actions .user{max-width:60%}
  .exz-theme-trigger{font-size:11px!important;padding:6px 8px!important}
}

/* =====================================================================
   Consolidado de clientes.css, produtos.css e estoque.css (2026-08-10)
   Antes eram três arquivos separados por módulo, contrariando a regra
   de Design System centralizado do projeto. O conteúdo abaixo é o
   mesmo de antes, apenas reunido num único arquivo fonte — nenhuma
   classe foi renomeada, então nenhuma view precisou mudar de marcação,
   só o <link> que apontava para o arquivo separado.
   ===================================================================== */

/* --- ex-clientes.css --- */
/* Exenz.IA — Clientes & CRM V3 / módulo referência */
.exz-page{max-width:1240px;margin:30px auto;padding:0 20px 56px}
.exz-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.exz-page-head h1{margin:0;font-size:30px;line-height:1.1}
.exz-page-head .exz-subtitle{margin-top:7px;color:var(--exz-muted);font-size:13px}
.exz-actions{display:flex;gap:8px;flex-wrap:wrap}
.exz-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 14px;border:0;border-radius:var(--exz-radius-sm);background:var(--exz-primary);color:var(--exz-primary-text);font-weight:800;text-decoration:none;cursor:pointer}
.exz-btn--ghost{background:var(--exz-surface-2);color:var(--exz-text);border:1px solid var(--exz-border)}
.exz-btn--danger{background:var(--exz-danger);color:#fff}
.exz-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.exz-kpi{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);padding:16px;box-shadow:var(--exz-shadow)}
.exz-kpi span{font-size:12px;color:var(--exz-muted)}
.exz-kpi strong{display:block;margin-top:5px;font-size:26px}
.exz-filter-panel{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius);padding:12px;margin-bottom:14px}
.exz-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto;gap:9px;align-items:end}
.exz-filter-actions{display:flex;gap:8px}
.exz-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 2px}
.exz-results-head strong{font-size:13px}.exz-results-head span{font-size:12px;color:var(--exz-muted)}
.exz-table-wrap{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);overflow:hidden;box-shadow:var(--exz-shadow)}
.exz-table{width:100%;border-collapse:collapse}
.exz-table th,.exz-table td{padding:13px 14px;border-bottom:1px solid var(--exz-border);text-align:left;font-size:13px;vertical-align:middle}
.exz-table th{background:var(--exz-surface-2);color:var(--exz-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.exz-table tbody tr:last-child td{border-bottom:0}
.exz-table tbody tr:hover{background:color-mix(in srgb,var(--exz-surface-2) 72%,transparent)}
.exz-name{font-weight:850}.exz-sub{display:block;margin-top:3px;color:var(--exz-muted);font-size:11.5px}
.exz-status-muted{opacity:.55}
.exz-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:850;background:var(--exz-surface-2);border:1px solid var(--exz-border)}
.exz-badge.CLIENTE{background:var(--exz-success-bg);color:var(--exz-success)}
.exz-badge.NOVO,.exz-badge.PROSPECT{background:var(--exz-info-bg);color:var(--exz-info)}
.exz-badge.PRIMEIRA_VISITA,.exz-badge.EXPERIENCIA,.exz-badge.ACOMPANHAMENTO{background:var(--exz-warning-bg);color:var(--exz-warning)}
.exz-followup--late{color:var(--exz-danger);font-weight:800}
.exz-mobile-list{display:none}
.exz-mobile-card{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:16px;padding:15px;box-shadow:var(--exz-shadow)}
.exz-mobile-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.exz-mobile-card__name{font-weight:900;font-size:16px}
.exz-mobile-card__meta{margin-top:3px;color:var(--exz-muted);font-size:12px}
.exz-mobile-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.exz-mobile-card__item{background:var(--exz-surface-2);border:1px solid var(--exz-border);border-radius:11px;padding:9px}
.exz-mobile-card__item span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--exz-muted);margin-bottom:3px}
.exz-mobile-card__item strong{font-size:12px}
.exz-mobile-card__footer{display:flex;justify-content:flex-end;margin-top:12px}
.exz-empty{padding:36px 18px;text-align:center;color:var(--exz-muted)}
.exz-empty strong{display:block;color:var(--exz-text);font-size:16px;margin-bottom:5px}
.exz-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.exz-pagination__pages{display:flex;gap:6px;flex-wrap:wrap}
.exz-page-link{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--exz-border);border-radius:10px;background:var(--exz-surface);color:var(--exz-text);text-decoration:none;font-weight:750;font-size:12px}
.exz-page-link.is-active{background:var(--exz-primary);color:var(--exz-primary-text);border-color:var(--exz-primary)}
.exz-page-link.is-disabled{opacity:.4;pointer-events:none}
.exz-section{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);padding:20px;margin-bottom:14px;box-shadow:var(--exz-shadow)}
.exz-section h2{font-size:15px;margin:0 0 3px}.exz-section .sub{font-size:12px;color:var(--exz-muted);margin-bottom:16px}
.exz-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exz-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.exz-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.field{margin-bottom:12px}label.field-label{display:block;font-size:11.5px;font-weight:800;margin-bottom:6px;color:var(--exz-muted)}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{flex:1;min-width:120px;border:1px solid var(--exz-border);border-radius:13px;padding:11px;cursor:pointer;background:var(--exz-surface-2)}.pill input{display:none}.pill.selected{border-color:var(--exz-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--exz-accent) 20%,transparent)}.pill strong{display:block;font-size:12px}.pill small{color:var(--exz-muted)}
.inline{display:flex;gap:8px;align-items:center}.inline>*:first-child{flex:1}.hint{font-size:11px;color:var(--exz-muted);margin-top:5px;min-height:15px}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rule{border:1px solid var(--exz-border);border-radius:14px;padding:13px;cursor:pointer;background:var(--exz-surface-2)}.rule input{width:auto;margin-right:7px}.rule strong{font-size:12px}.rule small{display:block;color:var(--exz-muted);margin-top:4px}
.kv{display:grid;grid-template-columns:190px 1fr 190px 1fr}.kv div{padding:12px 14px;border-bottom:1px solid var(--exz-border);font-size:13px}.kv .k{background:var(--exz-surface-2);color:var(--exz-muted);font-size:11px;font-weight:800}
.danger-note{font-size:11px;color:var(--exz-warning);background:var(--exz-warning-bg);border:1px solid var(--exz-border);padding:9px 11px;border-radius:10px}
@media(max-width:1000px){.exz-kpis{grid-template-columns:repeat(3,1fr)}.exz-filters{grid-template-columns:1fr 1fr 1fr}.exz-grid4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .exz-page{margin:20px auto;padding:0 13px calc(72px + var(--exz-safe-bottom))}
  .exz-page-head{flex-direction:column}.exz-actions{width:100%}.exz-actions .exz-btn{flex:1}
  .exz-kpis{grid-template-columns:1fr 1fr}.exz-kpi{padding:13px}.exz-kpi strong{font-size:22px}
  .exz-filters{grid-template-columns:1fr}.exz-filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .exz-table-wrap{display:none}.exz-mobile-list{display:grid;gap:10px}
  .exz-mobile-card__grid{grid-template-columns:1fr 1fr}
  .exz-pagination{align-items:stretch}.exz-pagination__pages{justify-content:center}.exz-pagination>.exz-sub{width:100%;text-align:center}
  .exz-grid2,.exz-grid3,.exz-grid4,.rule-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.kv .k{border-bottom:0;padding-bottom:4px}.kv div:not(.k){padding-top:4px}.inline{align-items:stretch;flex-direction:column}
}
@media(max-width:420px){.exz-kpis{grid-template-columns:1fr 1fr}.exz-mobile-card__grid{grid-template-columns:1fr}}

/* --- ex-produtos.css --- */
/* Exenz.IA 012 — Produtos & Catálogo */
.prod-page{max-width:1240px;margin:30px auto;padding:0 20px 56px}
.prod-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.prod-head h1{margin:0;font-size:30px}.prod-sub{margin-top:6px;color:var(--exz-muted);font-size:13px}
.prod-actions{display:flex;gap:8px;flex-wrap:wrap}
.prod-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:var(--exz-radius-sm);background:var(--exz-primary);color:var(--exz-primary-text);text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer}
.prod-btn.ghost{background:var(--exz-surface);color:var(--exz-text);border-color:var(--exz-border)}
.prod-panel{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);box-shadow:var(--exz-shadow);padding:14px;margin-bottom:14px}
.prod-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:9px;align-items:end}
.prod-table-wrap{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);overflow:hidden;box-shadow:var(--exz-shadow)}
.prod-table{width:100%;border-collapse:collapse}.prod-table th,.prod-table td{padding:13px 14px;border-bottom:1px solid var(--exz-border);text-align:left;font-size:13px}
.prod-table th{background:var(--exz-surface-2);font-size:10.5px;text-transform:uppercase;color:var(--exz-muted);letter-spacing:.05em}
.prod-table tr:last-child td{border-bottom:0}.prod-name{font-weight:900}.prod-muted{display:block;color:var(--exz-muted);font-size:11.5px;margin-top:3px}
.prod-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--exz-surface-2);border:1px solid var(--exz-border);font-size:10.5px;font-weight:850}
.prod-badge.combo{background:var(--exz-warning-bg);color:var(--exz-warning)}
.prod-mobile{display:none}.prod-card{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:16px;padding:15px;box-shadow:var(--exz-shadow)}
.prod-card-head{display:flex;justify-content:space-between;gap:10px}.prod-card-name{font-size:16px;font-weight:900}
.prod-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.prod-card-item{padding:9px;border-radius:11px;background:var(--exz-surface-2);border:1px solid var(--exz-border)}
.prod-card-item span{display:block;color:var(--exz-muted);font-size:10px;text-transform:uppercase}.prod-card-item strong{font-size:12px}
.prod-card-foot{display:flex;justify-content:flex-end;margin-top:12px}
.prod-section{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);padding:20px;margin-bottom:14px;box-shadow:var(--exz-shadow)}
.prod-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prod-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.prod-empty{text-align:center;padding:36px 16px;color:var(--exz-muted)}
@media(max-width:900px){.prod-filters{grid-template-columns:1fr 1fr}.prod-grid3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.prod-page{margin:20px auto;padding:0 13px calc(72px + var(--exz-safe-bottom))}.prod-head{flex-direction:column}.prod-actions{width:100%}.prod-actions .prod-btn{flex:1}.prod-filters{grid-template-columns:1fr}.prod-table-wrap{display:none}.prod-mobile{display:grid;gap:10px}.prod-grid2,.prod-grid3{grid-template-columns:1fr}}

/* --- ex-estoque.css --- */
/* Exenz.IA 013 — Estoque */
.stock-page{max-width:1240px;margin:30px auto;padding:0 20px 60px}
.stock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.stock-head h1{margin:0;font-size:30px}.stock-sub{margin-top:6px;color:var(--exz-muted);font-size:13px}
.stock-actions{display:flex;gap:8px;flex-wrap:wrap}
.stock-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:var(--exz-radius-sm);background:var(--exz-primary);color:var(--exz-primary-text);text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer}
.stock-btn.ghost{background:var(--exz-surface);color:var(--exz-text);border-color:var(--exz-border)}
.stock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.stock-kpi{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);padding:16px;box-shadow:var(--exz-shadow)}
.stock-kpi span{color:var(--exz-muted);font-size:12px}.stock-kpi strong{display:block;font-size:24px;margin-top:5px}
.stock-panel{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);box-shadow:var(--exz-shadow);padding:14px;margin-bottom:14px}
.stock-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px;align-items:end}
.stock-table-wrap{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);overflow:hidden;box-shadow:var(--exz-shadow)}
.stock-table{width:100%;border-collapse:collapse}.stock-table th,.stock-table td{padding:13px 14px;border-bottom:1px solid var(--exz-border);text-align:left;font-size:13px}
.stock-table th{background:var(--exz-surface-2);font-size:10.5px;text-transform:uppercase;color:var(--exz-muted);letter-spacing:.05em}
.stock-name{font-weight:900}.stock-muted{display:block;color:var(--exz-muted);font-size:11.5px;margin-top:3px}
.stock-low{color:var(--exz-danger);font-weight:900}.stock-ok{color:var(--exz-success);font-weight:800}
.stock-mobile{display:none}.stock-card{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:16px;padding:15px;box-shadow:var(--exz-shadow)}
.stock-card-head{display:flex;justify-content:space-between;gap:10px}.stock-card-name{font-size:16px;font-weight:900}
.stock-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stock-card-item{padding:9px;border-radius:11px;background:var(--exz-surface-2);border:1px solid var(--exz-border)}
.stock-card-item span{display:block;color:var(--exz-muted);font-size:10px;text-transform:uppercase}.stock-card-item strong{font-size:12px}
.stock-card-foot{display:flex;justify-content:flex-end;margin-top:12px}
.stock-section{background:var(--exz-surface);border:1px solid var(--exz-border);border-radius:var(--exz-radius-lg);padding:20px;margin-bottom:14px;box-shadow:var(--exz-shadow)}
.stock-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stock-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.stock-kpis{grid-template-columns:1fr 1fr}.stock-filters{grid-template-columns:1fr 1fr}.stock-grid3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.stock-page{margin:20px auto;padding:0 13px calc(72px + var(--exz-safe-bottom))}.stock-head{flex-direction:column}.stock-actions{width:100%}.stock-actions .stock-btn{flex:1}.stock-filters{grid-template-columns:1fr}.stock-table-wrap{display:none}.stock-mobile{display:grid;gap:10px}.stock-grid2,.stock-grid3{grid-template-columns:1fr}}