/* Operator console; tiles and table base styles come from style.css. */
.admin{max-width:1280px;margin:0 auto;padding:0 24px 40px}
.admin-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;height:auto;padding:20px 0;margin-bottom:24px;border-bottom:1px solid var(--line)}
.admin-header .brand-image{width:150px}
.admin-badge{font-size:11px;letter-spacing:.5px;padding:4px 9px;border-radius:5px;background:#283322;color:var(--accent)}
#admin-viewer{margin-left:auto;font-size:12px}
#admin-logout{padding:6px 12px;font-size:12px}
#admin-login .brand-image{width:180px}
.admin-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.admin-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.admin-toolbar h2{margin-right:auto}
.admin-toolbar input{width:280px;padding:9px 12px}
.admin-table td{padding:11px 15px}
.admin-table th{padding:0}
.admin-table th button{width:100%;text-align:inherit;background:none;border:0;border-radius:0;padding:12px 15px;color:var(--muted);font-size:11px}
.admin-table th[aria-sort=ascending] button::after{content:' ↑';color:var(--accent)}
.admin-table th[aria-sort=descending] button::after{content:' ↓';color:var(--accent)}
.admin-table .num{text-align:right;font-variant-numeric:tabular-nums}
.admin-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#403525;color:#f3c273;margin-left:6px}
.admin-pages{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0}
.admin-pages button{padding:6px 12px}
.admin-note{margin-top:16px}
@media(max-width:1000px){.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.admin{padding:0 16px 32px}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar input{width:100%}#admin-viewer{margin-left:0}}