/* ===== Página de Estoque ===== */
#estoquePanel { min-height: 100vh; background: #f4f4f6; }

.est-topbar {
  display: flex; align-items: center; justify-content: space-between;
  background: #1a1a1a; color: #fff; padding: 12px 22px; flex-wrap: wrap; gap: 10px;
}
.est-brand { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 18px; }
.est-brand .logo-arts { color: #fff; }
.est-brand .logo-comercial { color: #c0000c; }
.est-tag {
  background: #c0000c; color: #fff; font-size: 11px; font-weight: 700;
  padding: 2px 8px; border-radius: 6px; margin-left: 6px; letter-spacing: .5px;
}
.est-top-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.est-user { font-size: 13px; color: #ccc; }
.est-btn-ghost {
  background: transparent; border: 1.5px solid #555; color: #eee;
  padding: 7px 14px; border-radius: 8px; font-size: 13px; cursor: pointer; text-decoration: none;
}
.est-btn-ghost:hover { background: #2a2a2a; }

.est-main { max-width: 1100px; margin: 0 auto; padding: 24px 22px 60px; }
.est-header h1 { margin: 0; font-size: 24px; }
.est-header p { margin: 4px 0 0; color: #888; font-size: 14px; }

.est-filters {
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 20px 0 16px;
}
.est-filters input[type="text"], .est-filters select {
  padding: 9px 12px; border: 1.5px solid #ddd; border-radius: 8px; font-size: 14px;
}
.est-filters input[type="text"] { flex: 1; min-width: 220px; }
.est-check { font-size: 13px; color: #555; display: flex; align-items: center; gap: 6px; }

.est-chip {
  display: inline-block; background: #eef1f5; color: #333; border-radius: 6px;
  padding: 2px 8px; font-size: 12px; margin: 2px 0;
}
.est-chip-empty { color: #bbb; font-size: 12px; font-style: italic; }

.est-low { color: #c0000c; }
.est-badge {
  background: #c0000c; color: #fff; font-size: 10px; font-weight: 700;
  padding: 1px 6px; border-radius: 5px; vertical-align: middle;
}

.est-move-types { display: flex; gap: 6px; margin-bottom: 16px; flex-wrap: wrap; }
.est-type {
  flex: 1; min-width: 80px; padding: 8px 6px; border: 1.5px solid #ddd; background: #fff;
  border-radius: 8px; font-size: 13px; cursor: pointer; color: #555;
}
.est-type.active { border-color: #c0000c; background: #fff0f0; color: #c0000c; font-weight: 700; }

.est-mov { padding: 8px 0; border-bottom: 1px solid #f0f0f0; }
.est-mov-meta { font-size: 12px; color: #999; margin-top: 2px; }

.est-loc-row {
  display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0f0f0;
}
.est-loc-off { opacity: .5; }

/* Toast (reaproveita estilo do admin caso exista, com fallback) */
.toast {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px);
  background: #222; color: #fff; padding: 12px 22px; border-radius: 10px; font-size: 14px;
  opacity: 0; pointer-events: none; transition: all .25s; z-index: 9999;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.toast.success { background: #2e7d32; }
.toast.error { background: #c0000c; }

@media print { .est-topbar, .est-filters, .btn-edit, .btn-delete { display: none !important; } }

/* ===== Modern UI 2.0 — consistência com o novo tema ===== */
.est-btn-ghost { border-radius: 10px; transition: background .15s, transform .12s; }
.est-btn-ghost:hover { transform: translateY(-1px); }
.est-chip { border-radius: 999px; padding: 3px 10px; }
.est-badge { border-radius: 999px; }
.est-filters input[type="text"], .est-filters select, .est-filters input[type="date"] {
  border-radius: 10px; background: #fbfbfd;
  transition: border-color .15s, box-shadow .15s;
}
.est-filters input:focus, .est-filters select:focus {
  border-color: #c0000c; box-shadow: 0 0 0 3px rgba(192,0,12,.12); outline: none;
}
.est-type { border-radius: 10px; transition: border-color .12s, background .12s; }