/* AKG unified visual layer, using Sales as the reference.
   Shared identity and controls stay consistent; module content remains specific. */
:root {
  --akg-brand: #0b2a67;
  --akg-brand-hover: #153b7b;
  --akg-canvas: #f4f7fb;
  --akg-surface: #ffffff;
  --akg-line: #dbe3ee;
  --akg-ink: #17213a;
  --akg-muted: #7b8799;
  --akg-radius: 13px;
  --akg-radius-card: 15px;
  --akg-shadow: 0 6px 18px rgba(23, 54, 93, .055);
}

/* One heading rhythm and alignment across dashboards and modules. */
.production-heading {
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin: 0 0 20px !important;
  color: var(--akg-ink) !important;
}
.production-heading h1,
.production-heading-actions h1,
.module-page-heading h1,
.dashboard-title-row h1,
.page-heading h1 {
  color: var(--akg-ink) !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}
.production-heading p,
.module-page-heading p,
.dashboard-title-row p,
.page-heading p { color: var(--akg-muted) !important; }

/* Production summary cards now use the Sales dashboard card treatment. */
.production-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}
.production-kpi {
  position: relative !important;
  min-height: 112px !important;
  padding: 17px 18px 14px !important;
  overflow: hidden !important;
  color: var(--akg-ink) !important;
  background: var(--akg-surface) !important;
  border: 1px solid #e3e7ee !important;
  border-radius: var(--akg-radius-card) !important;
  box-shadow: var(--akg-shadow) !important;
}
.production-kpi::before {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  content: "";
  background: #9aa7ba;
}
.production-kpi::after {
  width: 78px !important;
  height: 78px !important;
  top: -34px !important;
  right: -27px !important;
  background: #f0f3f7 !important;
}
.production-kpi.blue::before { background: #2f69dc; }
.production-kpi.navy::before { background: #0b2a67; }
.production-kpi.orange::before { background: #b85b00; }
.production-kpi.purple::before { background: #684f97; }
.production-kpi.green::before { background: #198447; }
.production-kpi.red::before { background: #b42318; }
.production-kpi span { color: #737f93 !important; font-size: 12px !important; font-weight: 650 !important; }
.production-kpi strong { margin: 13px 0 8px !important; color: #17365d !important; font-size: 27px !important; line-height: 1 !important; }
.production-kpi small { color: #7b8799 !important; font-size: 11px !important; opacity: 1 !important; }
.production-kpi.blue strong { color: #255ed4 !important; }
.production-kpi.orange strong { color: #b85b00 !important; }
.production-kpi.purple strong { color: #684f97 !important; }
.production-kpi.green strong { color: #14843e !important; }
.production-kpi.red strong { color: #ad3d38 !important; }

/* Match card, panel, filter and button shapes while preserving status colors. */
.production-panel,
.production-summary-grid > div,
.production-progress-panel {
  border-color: var(--akg-line) !important;
  border-radius: var(--akg-radius-card) !important;
  box-shadow: var(--akg-shadow) !important;
}
.production-panel h2,
.production-panel-head h2 { color: var(--akg-ink) !important; }
.production-table-wrap { border-color: var(--akg-line) !important; border-radius: var(--akg-radius) !important; }
.production-table th { background: #f8fafc !important; color: #46536a !important; }
.production-table th,
.production-table td { border-bottom-color: #e8edf4 !important; }
.production-form-actions .btn,
.production-heading-buttons .btn,
.production-action-cell .btn { min-height: 38px !important; border-radius: 9px !important; }

/* Use one visual scale for sidebar symbols throughout every module. */
.sidebar-icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  display: inline-grid !important;
  place-items: center !important;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

@media (max-width: 1100px) {
  .production-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 650px) {
  .production-heading { flex-direction: column !important; }
  .production-kpi-grid { grid-template-columns: 1fr !important; }
  .production-heading h1,
  .module-page-heading h1,
  .dashboard-title-row h1,
  .page-heading h1 { font-size: 23px !important; }
}

/* Complete Sales styling for vendor and HR summary cards and controls. */
.vendor-total-card,.hr-stats article {
  position:relative!important; overflow:hidden!important; box-sizing:border-box;
  background:var(--akg-surface)!important; color:var(--akg-ink)!important;
  border:1px solid #e3e7ee!important; border-top:4px solid #2f69dc!important;
  border-radius:var(--akg-radius-card)!important; box-shadow:var(--akg-shadow)!important;
  min-height:112px; padding:17px 18px 14px!important;
}
.vendor-total-card small,.hr-stats article span {color:#737f93!important;font-size:12px!important;font-weight:650!important}
.vendor-total-card strong,.hr-stats article strong {color:#255ed4!important;font-size:27px!important;line-height:1.1!important}
.vendor-total-card em {color:var(--akg-muted)!important;font-size:11px!important}
.vendor-total-icon {background:#f0f3f7!important;color:var(--akg-brand)!important}
.hr-stats article:nth-child(2) {border-top-color:#198447!important}
.hr-stats article:nth-child(2) strong {color:#14843e!important}
.hr-stats article:nth-child(3) {border-top-color:#b85b00!important}
.hr-stats article .hr-status {font-size:17px!important;color:#b85b00!important}
.hr-heading h1 {font-size:27px!important;font-weight:800!important;color:var(--akg-ink)!important}
.hr-button,.hr-search button {background:var(--akg-brand)!important;border-radius:9px!important;min-height:38px;box-sizing:border-box}
.hr-button:hover,.hr-search button:hover {background:var(--akg-brand-hover)!important}
.hr-card,.hr-form {border-color:var(--akg-line)!important;border-radius:var(--akg-radius-card)!important;box-shadow:var(--akg-shadow)!important}
.hr-grid a {color:var(--akg-ink)!important}
.hr-form input,.hr-form select,.hr-search input {border-color:var(--akg-line)!important;border-radius:9px!important;min-height:38px}
.hr-form input:focus,.hr-form select:focus,.hr-search input:focus {outline:2px solid #b9cdf3;outline-offset:1px}
.hr-table th {background:#f8fafc!important;color:#46536a!important}
@media(max-width:650px) {
 .hr-heading h1 {font-size:23px!important}
 .hr-stats,.hr-grid {grid-template-columns:1fr!important}
 .hr-search {flex-wrap:wrap}
 .hr-search input {min-width:0}
 .vendor-total-card {width:100%!important}
}

/* Preserve readable date fields and bounded forms in both languages. */
input[placeholder="dd/mm/yyyy"] { direction:ltr; text-align:left; min-width:0; box-sizing:border-box; }
.hr-form,.portal-form-layout,.vendor-form-grid { min-width:0; }
@media(max-width:650px) {
 .hr-form {box-sizing:border-box;width:100%;padding:18px;}
 .hr-form p>* {min-width:0;}
 .workspace-actions,.hr-actions {flex-wrap:wrap;}
 .portal-form-grid input,.portal-form-grid select,.portal-form-grid textarea {min-width:0;max-width:100%;box-sizing:border-box;}
}