/* ============================================================
   Material & Production Management — Custom Styles
   ============================================================ */

:root {
  --primary: #1a3a5c;
  --secondary: #2d6a9f;
  --accent: #f39c12;
}

/* Sidebar brand */
.brand-link { background: #122840 !important; }
.main-sidebar { background: #1a3a5c !important; }

/* Stat cards */
.info-box { border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
.info-box-icon { border-radius: 10px 0 0 10px; }
.small-box { border-radius: 10px; overflow: hidden; }
.small-box .icon { top: 5px; right: 10px; }
.small-box:hover .icon { animation: pulse 0.5s ease; }
@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.1)} }

/* Card styles */
.card { border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.07); border: none; }
.card-header { border-radius: 10px 10px 0 0 !important; }

/* Table tweaks */
.table th { font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.03em; color: #555; }
.table td { vertical-align: middle; }
.table-hover tbody tr:hover { background: #f0f7ff; }

/* Stock status badges */
.badge-stock-ok      { background: #28a745; color:#fff; }
.badge-stock-low     { background: #ffc107; color:#333; }
.badge-stock-negative{ background: #dc3545; color:#fff; }

/* Mix design grid */
.mix-design-table input[type="number"] {
  width: 100px;
  text-align: right;
}

/* Consumption preview table */
#consumption-preview { font-size: 0.88rem; }
#consumption-preview th { background: #f4f6f9; }

/* Form aesthetics */
.form-control:focus, .custom-select:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem rgba(45,106,159,0.25);
}
.btn-primary { background: var(--secondary); border-color: var(--secondary); }
.btn-primary:hover { background: var(--primary); border-color: var(--primary); }

/* Login page */
.login-card-body .input-group-text { background: #f4f6f9; }

/* Responsive DataTables */
@media (max-width: 576px) {
  .content-header h1 { font-size: 1.2rem; }
}

/* Unit conversion badge */
.unit-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 20px;
  background: #e9f0fb;
  color: var(--secondary);
  font-size: 0.82rem;
  font-weight: 600;
}

/* Production category colors */
.badge-concrete { background: #3498db; color:#fff; }
.badge-road     { background: #8e44ad; color:#fff; }

/* No design warning */
.no-design-warning {
  padding: 10px 15px;
  background: #fff3cd;
  border-left: 4px solid #ffc107;
  border-radius: 0 8px 8px 0;
  font-size: 0.88rem;
}

/* Sidebar active */
.nav-sidebar .nav-link.active { background: rgba(255,255,255,0.15) !important; }
.nav-sidebar .nav-link:hover  { background: rgba(255,255,255,0.08) !important; }