/* ---- Settings ----------------------------------------------------------------- */
.settings { display: flex; flex: 1; min-height: 0; }
.settings-nav { width: 240px; flex-shrink: 0; border-right: 1px solid var(--glass-brd); padding: 18px 12px; overflow-y: auto; background: var(--glass); backdrop-filter: blur(var(--glass-blur)) saturate(150%); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(150%); }
.settings-nav .list-item { padding: 8px 12px; font-size: 13.5px; font-weight: 500; color: var(--text-2); }
.settings-nav .list-item svg { width: 17px; height: 17px; }
.settings-nav .list-item.active { color: var(--text); }
.settings-nav .list-item.active svg { color: var(--accent); }
.settings-body { flex: 1; min-width: 0; overflow-y: auto; }
.settings-body .sheet-inner { max-width: 720px; }
.set-section { margin-bottom: 30px; }
.set-section > .h2 { margin-bottom: 4px; }
.set-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.set-row:last-child { border-bottom: none; }
.set-row .grow .h3 { margin-bottom: 2px; }
@media (max-width: 760px) {
  .settings { flex-direction: column; }
  .settings-nav { width: 100%; display: flex; gap: 4px; overflow-x: auto; padding: 8px; border-right: none; border-bottom: 1px solid var(--border); }
  .settings-nav .list-item { width: auto; white-space: nowrap; }
  .settings-nav .eyebrow { display: none; }
}
.theme-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)); gap: 14px; }
.theme-card { border: 2px solid var(--border); border-radius: var(--r-lg); padding: 0; overflow: hidden; background: none; text-align: left; }
.theme-card.on { border-color: var(--accent); }
.theme-card .tc-art { height: 110px; display: flex; gap: 6px; padding: 10px; }
.theme-card .tc-art i { display: block; border-radius: 6px; }
.theme-card .tc-name { padding: 8px 12px; font-size: 13px; font-weight: 600; border-top: 1px solid var(--border); background: var(--surface); }

/* ---- Admin -------------------------------------------------------------------- */
.table { width: 100%; border-collapse: collapse; font-size: 13px; }
.table th { text-align: left; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); padding: 10px 12px; border-bottom: 1px solid var(--border); background: var(--surface-2); position: sticky; top: 0; }
.table td { padding: 11px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.table tr:hover td { background: var(--hover); }
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface); }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.stat { padding: 16px 18px; }
.stat .v { font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
.stat .k { font-size: 12.5px; color: var(--text-2); }
.bar-row { display: grid; grid-template-columns: 140px 1fr 70px; gap: 12px; align-items: center; font-size: 13px; padding: 5px 0; }
.bar-row .bar { height: 8px; border-radius: 4px; background: var(--surface-3); overflow: hidden; }
.bar-row .bar i { display: block; height: 100%; background: var(--accent); border-radius: 4px; }