/* Tasko admin readability pass: keep the existing layout while making operational data comfortable to scan. */
body { font-size: 16px; line-height: 1.55; }

.eyebrow { font-size: 12px; }
.admin-shell { grid-template-columns: 252px minmax(0, 1fr); }
.sidebar { padding: 20px 16px; }
.product-brand strong { font-size: 18px; }
.product-brand small { font-size: 12px; }
.sidebar nav { gap: 5px; }
.sidebar nav button { padding: 11px 12px; font-size: 15px; line-height: 1.4; }
.sidebar-foot { gap: 10px; }
.sidebar-foot a, .text-button { font-size: 14px; }
.viewer strong { font-size: 14px; }
.viewer small { font-size: 12px; }

.content { padding-top: 30px; }
.topbar h1 { font-size: clamp(31px, 3vw, 39px); }
.topbar p:last-child { font-size: 16px; line-height: 1.55; }
.secondary { padding: 10px 14px; font-size: 14px; }
.loading, .notice { font-size: 15px; line-height: 1.5; }

.metric { padding: 18px; }
.metric > span { font-size: 12px; }
.metric strong { font-size: 30px; }
.metric small { font-size: 14px; line-height: 1.45; }

.panel { padding: 18px; }
.panel-heading { margin-bottom: 15px; }
.panel-heading h2 { font-size: 19px; }
.panel-heading small, .panel-copy { font-size: 14px; }
.chip, .status { padding: 6px 9px; font-size: 11px; }

.table-wrap { border-radius: 13px; }
table { font-size: 14px; }
th, td { padding: 12px 13px; }
th { font-size: 12px; line-height: 1.35; }
td strong { font-size: 14px; }
td small { font-size: 13px; line-height: 1.45; }
.action { padding: 8px 10px; font-size: 12px; }

.filters label, .form-grid label, fieldset { font-size: 13px; }
.checkbox-grid label { font-size: 13px; }
input, select, textarea { padding: 11px 12px; font-size: 15px; }
.info-card h3 { font-size: 15px; }
.info-card p { font-size: 14px; line-height: 1.5; }
.kv { font-size: 14px; line-height: 1.45; }
.empty { padding: 28px 16px; font-size: 14px; }
.bar-row > div:first-child { font-size: 13px; }
.system-card h3 { font-size: 15px; }
.system-card p { font-size: 13px; line-height: 1.5; }
#dialog-copy { font-size: 14px; }
.dialog-actions button { font-size: 13px; }

@media (max-width: 900px) {
  .admin-shell { grid-template-columns: 1fr; }
  .sidebar { position: relative; height: auto; }
}