/* ===== Estoque (12/11) ===========================================
   Só forma e posição. A cor vem toda de classes que o tema ValorIA
   já pinta (.panel, .pill, .meter, .rs, .km-facts, .field, .kpis),
   de propósito: assim esta tela nasce no padrão e eu não preciso
   mexer no valoria-tema.css.
   ================================================================= */
.es-content{max-width:1500px}
.es-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}

.es-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.es-card{padding:16px 18px 14px;display:flex;flex-direction:column}
.es-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.es-top b{font-size:0.9375rem;letter-spacing:-.01em}
.es-top .pill{margin-left:auto}

.es-bar{height:10px;border-radius:6px;min-width:0;margin:0}
.es-nivel{margin:7px 0 13px;font-size:0.75rem;font-variant-numeric:tabular-nums}
.es-nivel em{font-style:normal;font-size:0.6875rem;margin-left:6px}

.es-facts{grid-template-columns:1fr 1fr;margin-bottom:12px}

.es-reasons{gap:6px;margin-bottom:14px}
.es-reasons .rs{line-height:1.45}

.es-edit{margin-top:auto;display:flex;flex-direction:column;gap:6px;
  font-size:0.625rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.es-edit input{width:100%;height:40px;border-radius:9px;padding:0 12px;border:1px solid;
  outline:none;font-size:0.875rem;font-weight:600;letter-spacing:0;text-transform:none;
  font-variant-numeric:tabular-nums;font-family:inherit}
.es-edit input:disabled{opacity:.55}

@media(max-width:1400px){.es-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1200px){.es-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .es-content{padding-bottom:100px}
  .es-grid{grid-template-columns:1fr}
}

/* Visualização real: estoque ainda vazio */
.es-vazio{padding:26px 22px;text-align:center;font-size:0.8125rem;line-height:1.6;margin-top:14px}
.es-vazio p{margin:0}
.es-vazio p+p{margin-top:6px;opacity:.75}