/* ===== MimaMenu – Overview page styles ===== */
:root{
  --em-bg:#f6f8fb;
  --em-card:#ffffff;
  --em-border:#e7ebf0;
  --em-text:#172033;
  --em-muted:#6b7280;
  --em-primary:#2563eb;
  --em-primary-600:#1e40af;
  --em-green:#10b981;
  --em-green-600:#059669;
  --em-blue:#3b82f6;
  --em-ghost:#eef2f7;
  --em-shadow:0 10px 28px rgba(18, 38, 63, .07);
}

.wp-admin .wrap{ color:var(--em-text); }
.wp-admin .wrap h1{ margin-bottom:8px; }
.em-overview-wrap{ max-width:1600px; }
.em-overview-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:8px; }
.em-overview-subtitle{ margin:6px 0 0; color:var(--em-muted); font-size:13px; }
.em-overview-head-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.em-section-label{ margin-top:8px; font-size:12px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.08em; }

/* Grid */
.em-grid{ display:grid; gap:16px; }
.em-grid-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.em-grid-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.em-grid-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width:1200px){ .em-grid-4{ grid-template-columns: repeat(2,1fr);} }
@media (max-width:960px){ .em-grid-4,.em-grid-3,.em-grid-2{ grid-template-columns: 1fr; } .em-overview-head{ flex-direction:column; } }

/* Card */
.em-card{
  background:var(--em-card);
  border:1px solid var(--em-border);
  border-radius:16px;
  box-shadow:var(--em-shadow);
  padding:18px;
}
.em-card.big{ padding:0; overflow:hidden; }
.em-card-title{
  font-weight:700;
  font-size:16px;
  padding:16px 18px;
  border-bottom:1px solid var(--em-border);
}
.em-meta{ margin-top:10px; color:var(--em-text); }

/* KPI */
.em-kpi{ position:relative; overflow:hidden; min-height:140px; }
.em-kpi::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#dbeafe; }
.em-kpi-value{ font-size:36px; font-weight:800; line-height:1; margin-bottom:8px; letter-spacing:-.02em; }
.em-kpi-label{ color:var(--em-text); font-size:15px; font-weight:700; }
.em-kpi-sub{ margin-top:8px; font-size:13px; color:var(--em-muted); }
.em-kpi-actions{ margin-top:14px; display:flex; gap:8px; flex-wrap:wrap; }
.em-order-kpi.em-accent-blue::before{ background:#3b82f6; }
.em-order-kpi.em-accent-amber::before{ background:#f59e0b; }
.em-order-kpi.em-accent-green::before{ background:#10b981; }
.em-order-kpi.em-accent-purple::before{ background:#8b5cf6; }

/* Buttons */
.em-btn, .em-btn-sm{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; border:1px solid transparent; cursor:pointer;
  text-decoration:none; font-weight:700;
  transition:.15s ease-in-out;
}
.em-btn{ height:40px; padding:0 14px; font-size:13px; }
.em-btn-sm{ height:30px; padding:0 10px; font-size:12px; }

.em-btn-green, .em-btn.em-btn-green{ background:var(--em-green); color:#fff; }
.em-btn-green:hover{ background:var(--em-green-600); color:#fff; }
.em-btn-blue, .em-btn.em-btn-blue{ background:var(--em-blue); color:#fff; }
.em-btn-blue:hover{ background:#2563eb; color:#fff; }
.em-btn-ghost, .em-btn-sm.em-ghost{
  background:var(--em-ghost); color:var(--em-text); border-color:var(--em-border);
}
.em-btn-ghost:hover, .em-btn-sm.em-ghost:hover{ background:#e9eef6; }
.em-btn-sm.em-blue{ background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.em-btn-sm.em-blue:hover{ background:#dbeafe; }

/* Chips & badges */
.em-chip{
  display:inline-block; padding:6px 10px; font-size:12px; border-radius:999px;
  background:var(--em-ghost); border:1px solid var(--em-border); margin:4px 6px 0 0;
}
.em-chiprow{ display:flex; flex-wrap:wrap; gap:6px; }

/* Table */
.em-table{ width:100%; border-collapse:separate; border-spacing:0; }
.em-table thead th{
  background:#fafbfc; color:#334155; font-weight:700; font-size:13px;
  border-bottom:1px solid var(--em-border); padding:12px 14px; text-align:left;
}
.em-table tbody td{
  padding:12px 14px; border-bottom:1px solid var(--em-border); font-size:13px;
}
.em-table tbody tr:hover{ background:#fbfdff; }

/* Vertical button list */
.em-actions-col{ display:flex; flex-direction:column; gap:10px; }
.em-stat-list{ display:flex; flex-direction:column; gap:10px; }
.em-stat-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--em-border); border-radius:12px; background:#fbfcfe; }
.em-stat-row span{ color:var(--em-muted); }
.em-stat-row strong{ font-size:15px; }

/* Small utilities */
.em-muted{ color:var(--em-muted); }