:root {
  --izdari-green: #66bb6a;
  --izdari-green-dark: #2e7d32;
  --izdari-surface: #fff;
  --izdari-border: color-mix(in srgb, var(--body-fg) 13%, transparent);
  --izdari-muted: color-mix(in srgb, var(--body-fg) 62%, transparent);
}

#header {
  min-height: 54px;
  gap: 24px;
}

.izdari-admin-brand a {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-weight: 800;
  letter-spacing: .08em;
}

.izdari-admin-brand span {
  font-weight: 500;
  letter-spacing: .02em;
  opacity: .72;
  font-size: .74em;
}

.izdari-admin-global {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.izdari-admin-global a {
  color: var(--header-link-color);
  padding: 7px 9px;
  border-radius: 7px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}

.izdari-admin-global a:hover,
.izdari-admin-global a:focus-visible {
  background: rgba(255,255,255,.11);
}

.izdari-operations-dashboard #content {
  max-width: 1580px;
}

.izdari-operations-dashboard #content-main {
  float: none;
  width: auto;
}

.ops-hero,
.ops-panel,
.ops-kpi,
.ops-admin-modules {
  border: 1px solid var(--izdari-border);
  border-radius: 13px;
  background: var(--body-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.035);
}

.ops-hero {
  padding: 24px 26px;
  margin: 0 0 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--izdari-green) 10%, var(--body-bg)), var(--body-bg) 62%);
}

.ops-hero h1 {
  margin: 3px 0 7px;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 750;
}

.ops-hero p:last-child {
  margin: 0;
  color: var(--izdari-muted);
}

.ops-eyebrow,
.ops-panel-kicker {
  display: block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 10px;
  font-weight: 800;
  color: var(--izdari-green-dark);
}

.ops-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-shrink: 0;
}

.ops-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(145px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.ops-kpi {
  display: flex;
  min-height: 116px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  padding: 17px 18px;
  color: var(--body-fg) !important;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.ops-kpi::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--izdari-green);
}

.ops-kpi:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 18px rgba(0,0,0,.07);
  border-color: color-mix(in srgb, var(--izdari-green) 35%, var(--izdari-border));
}

.ops-kpi--warning::before { background: #f9a825; }
.ops-kpi--info::before { background: #42a5f5; }
.ops-kpi--pro::before { background: #8e5ad7; }
.ops-kpi--success::before { background: #43a047; }

.ops-kpi-label {
  font-size: 12px;
  color: var(--izdari-muted);
  font-weight: 650;
}

.ops-kpi strong {
  font-size: 28px;
  line-height: 1.2;
  margin: 5px 0 3px;
  font-variant-numeric: tabular-nums;
}

.ops-kpi small {
  color: var(--izdari-muted);
  font-size: 11px;
}

.ops-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}
.ops-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ops-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.ops-panel { padding: 0; overflow: hidden; }

.ops-panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px 13px;
  border-bottom: 1px solid var(--izdari-border);
}

.ops-panel-heading h2,
.ops-section-title h2 {
  margin: 2px 0 0;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 750;
}

.ops-panel-heading > a { font-size: 11px; white-space: nowrap; }

.ops-list { list-style: none; margin: 0; padding: 0; }
.ops-list li { padding: 11px 18px; border-bottom: 1px solid var(--izdari-border); }
.ops-list li:last-child { border-bottom: 0; }
.ops-list a, .ops-list span, .ops-list small { display: block; }
.ops-list span { color: var(--izdari-muted); margin-top: 2px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ops-list small { color: var(--izdari-muted); margin-top: 3px; font-size: 10px; }
.ops-empty { margin: 0; padding: 20px 18px; color: var(--izdari-muted); }

.ops-table-wrap { overflow-x: auto; }
.ops-table { width: 100%; border-collapse: collapse; }
.ops-table th, .ops-table td { padding: 10px 14px; border-bottom: 1px solid var(--izdari-border); text-align: left; vertical-align: top; }
.ops-table th { color: var(--izdari-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; background: color-mix(in srgb, var(--body-fg) 2.5%, transparent); }
.ops-table td { font-size: 11px; }
.ops-table td small { display: block; color: var(--izdari-muted); margin-top: 2px; }
.ops-table tbody tr:last-child td { border-bottom: 0; }

.ops-admin-modules { padding: 18px; margin-bottom: 20px; }
.ops-section-title { margin: 0 0 13px; }
.ops-admin-modules .module { margin-bottom: 12px; }
.ops-admin-modules .module:last-child { margin-bottom: 0; }

/* Change-form operational summaries. */
.izdari-admin-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  max-width: 900px;
}
.izdari-admin-summary a,
.izdari-admin-summary span {
  display: block;
  box-sizing: border-box;
  padding: 9px 11px;
  border: 1px solid var(--izdari-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--body-fg) 2.5%, transparent);
  text-decoration: none;
}
.izdari-admin-summary strong { display: block; font-size: 15px; color: var(--body-fg); }
.izdari-admin-summary small { display: block; color: var(--izdari-muted); margin-top: 2px; }

.izdari-admin-link-list { margin: 0; padding-left: 18px; }
.izdari-admin-link-list li { margin: 3px 0; }

@media (max-width: 1200px) {
  .ops-kpi-grid { grid-template-columns: repeat(3, 1fr); }
  .ops-grid--3 { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  #header { align-items: flex-start; }
  .izdari-admin-global { width: 100%; }
  .ops-hero { align-items: flex-start; flex-direction: column; }
  .ops-kpi-grid, .ops-grid--2 { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .ops-kpi-grid, .ops-grid--2 { grid-template-columns: 1fr; }
}