/* 관리자 — 방문 랭킹 (features/admin-visit-rank) v1 2026-09-28 · 색은 관리자 셸 토큰을 따른다(밝게·어둡게 공용) */
.avr { font-size: 12.5px; color: var(--text, #0f172a); }
.avr-bar { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 0 0 12px; }
.avr-grp { display: inline-flex; gap: 4px; }
.avr-grp button { padding: 4px 10px; border: 1px solid var(--border, #e2e8f0); border-radius: 6px;
  background: var(--surface, #fff); color: var(--text-secondary, #475569); font-size: 12px; cursor: pointer; }
.avr-grp button.on { background: var(--accent-indigo, #4f46e5); border-color: var(--accent-indigo, #4f46e5); color: #fff; }
.avr-sort { font-size: 12px; color: var(--text-secondary, #475569); }
.avr-sort select { margin-left: 4px; padding: 3px 6px; border: 1px solid var(--border, #e2e8f0); border-radius: 6px;
  background: var(--surface, #fff); color: var(--text, #0f172a); font-size: 12px; }
.avr-tiles { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.avr-t { flex: 1 1 110px; padding: 8px 10px; border: 1px solid var(--border, #e2e8f0); border-radius: 8px; background: var(--bg-subtle, #f8fafc); }
.avr-t i { display: block; font-style: normal; font-size: 11px; color: var(--text-secondary, #475569); }
.avr-t b { display: block; font-size: 17px; line-height: 1.25; }
.avr-tw { flex: 2 1 220px; }
.avr-wrap { overflow-x: auto; border: 1px solid var(--border, #e2e8f0); border-radius: 10px; background: var(--surface, #fff); }
.avr-tbl { width: 100%; border-collapse: collapse; }
.avr-tbl th, .avr-tbl td { padding: 7px 9px; border-bottom: 1px solid var(--border, #e2e8f0); text-align: left; white-space: nowrap; }
.avr-tbl th { font-size: 11.5px; font-weight: 600; color: var(--text-secondary, #475569); background: var(--bg-subtle, #f8fafc); }
.avr-tbl .r { text-align: right; font-variant-numeric: tabular-nums; }
.avr-tbl td small { margin-left: 4px; font-size: 10.5px; color: var(--text-secondary, #475569); }
.avr-tbl tr:last-child td { border-bottom: 0; }
.avr-rk { width: 28px; color: var(--text-secondary, #475569); font-variant-numeric: tabular-nums; }
.avr-nm { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.avr-small td { color: var(--text-secondary, #475569); font-style: italic; }
.avr-empty { text-align: center; color: var(--text-secondary, #475569); padding: 16px; }
.avr-spark { display: inline-flex; align-items: flex-end; gap: 2px; height: 22px; min-width: 60px; vertical-align: middle; }
.avr-spark i { display: block; width: 6px; min-height: 1px; border-radius: 2px 2px 0 0; background: var(--accent-teal, #0d9488); }
.avr-spark i.avr-na { height: 3px; background: var(--border, #e2e8f0); }
.avr-note { margin: 10px 0 0; font-size: 11.5px; line-height: 1.6; color: var(--text-secondary, #475569); }
.avr-err { padding: 8px 10px; border: 1px solid var(--danger-border, #fecaca); border-radius: 8px;
  background: var(--danger-bg, #fef2f2); color: var(--danger, #b91c1c); font-size: 11.5px; }
.avr-hid { font-size: 11px; color: var(--text-secondary, #475569); }