/* Administrator console. Reuses widgets, cards, bars and tables from app.css; only layout lives here. */
.console-scope { margin: -4px 0 12px; }
.console-scope a { margin-right: 4px; }
.console-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.console-kpis .widget.kpi .body { flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 4px; }
.kpi-sub { line-height: 1.3; }
.console-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.console-grid .bar { grid-template-columns: minmax(0, 150px) 1fr 40px; }
.console-grid .bar > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.console-block { margin-bottom: 12px; }
.console-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.console-reports { list-style: none; margin: 0; padding: 0; }
.console-reports li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--line-2); transition: background .2s var(--ease); }
.console-reports li:first-child { border-top: 0; }
.console-reports li:hover { background: var(--sheet-2); }
.console-reports li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.console .pad { padding: 8px 16px 14px; margin: 0; }
@media (max-width: 1100px) { .console-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .console-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .console-grid { grid-template-columns: minmax(0, 1fr); }
  .console-grid .bar { grid-template-columns: minmax(0, 110px) 1fr 36px; }
  .console-reports li { flex-wrap: wrap; }
  .console .toolbar select { flex: 1 1 100%; }
}