/* Admin · Activity — page-specific only. */

.ac-banner {
  background: var(--adm-warn-bg); border: 1px solid var(--adm-warn-bd); color: var(--adm-warn-fg);
  border-radius: 14px; padding: 14px 18px; font-size: 13.5px; line-height: 1.6;
}
.ac-banner strong { font-family: "Poppins", sans-serif; }

.ac-scope { display: flex; flex-direction: column; gap: 6px; }
.ac-scope > span {
  font-family: "Poppins", sans-serif; font-weight: 700; font-size: 10.5px; letter-spacing: 0.09em;
  text-transform: uppercase; color: var(--adm-muted); padding-left: 2px;
}
.ac-scope .adm-select { min-width: 220px; padding: 9px 13px; }

/* Tracks measured against real content: the action sentence is the only value that needs to grow.
   "06 Aug, 14:52" ~118px, name ~150px, type pill ~92px, product ~150px, IP ~118px. */
.ac-table { --adm-cols: 118px minmax(140px, 1fr) 92px minmax(240px, 2.2fr) minmax(140px, 1fr) 118px; }

.ac-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.ac-bars { display: flex; flex-direction: column; gap: 11px; }
.ac-bar-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(80px, 200px) 44px; gap: 14px; align-items: center; font-size: 14px; }

@media (max-width: 1100px) { .ac-two { grid-template-columns: minmax(0, 1fr); } }

/* KPI row inside the wide column is tighter than a page-level rollup. */
.ac-kpis { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }

/* Breakdown rows: icon, label, bar, figure. */
.ac-prod-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) minmax(70px, 180px) 44px; gap: 12px; align-items: center; font-size: 14px; }
.ac-prod-icon { display: flex; align-items: center; justify-content: center; }

.ac-mix { display: flex; flex-direction: column; gap: 11px; }
.ac-mix-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) 44px; gap: 12px; align-items: center; font-size: 14px; }

.ac-banner--bad { background: var(--adm-bad-bg); border-color: var(--adm-bad-bd); color: var(--adm-bad-fg); }
.ac-empty-inline { display: flex; flex-direction: column; gap: 8px; text-align: left; padding: 20px 2px; line-height: 1.6; }
.ac-empty-inline strong { font-family: "Poppins", sans-serif; font-size: 15px; color: var(--adm-ink); }