@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* ============================================================
   Frugalizm Admin — Clean Frugal Editorial
   Açık tema varsayılan, koyu tema toggle ile.
   ============================================================ */

/* ── LIGHT TEMA (varsayılan) ── */
:root,
[data-theme="light"] {
  --admin-bg-base:      #FAFAF8;
  --admin-bg-surface:   #FFFFFF;
  --admin-bg-card:      #FFFFFF;
  --admin-bg-hover:     #F0EFE9;

  --admin-border:       #E5E3DB;
  --admin-border-2:     #D4D2C8;

  --admin-accent:       #2A7D5F;
  --admin-accent-hover: #3DAA80;
  --admin-accent-muted: rgba(42, 125, 95, 0.13);
  --admin-accent-light: #E8F5EE;

  --admin-text-primary:   #1A1A18;
  --admin-text-secondary: #5C5C58;
  --admin-text-muted:     #9C9B95;

  --admin-success: #16A34A;
  --admin-danger:  #DC2626;
  --admin-warning: #D97706;

  --admin-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --admin-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --admin-shadow-lg: 0 10px 30px rgba(0,0,0,0.12);

  color-scheme: light;
}

/* ── DARK TEMA (toggle) ── */
[data-theme="dark"] {
  --admin-bg-base:      #0F1210;
  --admin-bg-surface:   #141916;
  --admin-bg-card:      #1A2018;
  --admin-bg-hover:     #222B20;

  --admin-border:       #2A342A;
  --admin-border-2:     #344034;

  --admin-accent:       #3DAA80;
  --admin-accent-hover: #5BC49A;
  --admin-accent-muted: rgba(61, 170, 128, 0.20);
  --admin-accent-light: rgba(61, 170, 128, 0.14);

  --admin-text-primary:   #EAE9E4;
  --admin-text-secondary: #9C9B95;
  --admin-text-muted:     #5C6370;

  --admin-success: #22C55E;
  --admin-danger:  #EF4444;
  --admin-warning: #F59E0B;

  --admin-shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --admin-shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --admin-shadow-lg: 0 10px 30px rgba(0,0,0,0.5);

  color-scheme: dark;
}

:root {
  --font-admin:   'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Lora', Georgia, serif;
  --font-mono:    'IBM Plex Mono', 'Consolas', monospace;

  --sidebar-width: 248px;
  --topbar-height: 64px;
  --radius-sm: 8px;
  --radius-md: 12px;
}

/* ----------------------------------------
   Base
----------------------------------------- */
html, body {
  background-color: var(--admin-bg-base);
  color: var(--admin-text-primary);
}
body {
  font-family: var(--font-admin);
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Tema geçişi yumuşatma */
body, .admin-sidebar, .admin-topbar, .admin-main, .admin-card, .kpi-card, .theme-toggle, .table th {
  transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease;
}

::selection { background: var(--admin-accent); color: var(--admin-bg-base); }

a { color: var(--admin-text-primary); transition: color 150ms ease; }
a:hover { color: var(--admin-accent); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--admin-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-primary    { color: var(--admin-text-primary) !important; }
.text-secondary  { color: var(--admin-text-secondary) !important; }
.text-muted      { color: var(--admin-text-muted) !important; }
.text-accent     { color: var(--admin-accent) !important; }
.text-success    { color: var(--admin-success) !important; }
.text-danger     { color: var(--admin-danger) !important; }
.text-warning    { color: var(--admin-warning) !important; }

.display-font { font-family: var(--font-display); }
.mono-font { font-family: var(--font-mono); }

/* ----------------------------------------
   Layout shell
----------------------------------------- */
.admin-wrapper {
  display: flex;
  min-height: 100vh;
}

.admin-sidebar {
  width: var(--sidebar-width);
  background-color: var(--admin-bg-surface);
  border-right: 1px solid var(--admin-border);
  display: flex;
  flex-direction: column;
  position: fixed;
  height: 100vh;
  z-index: 100;
  overflow-y: auto;
}

.admin-main {
  flex: 1;
  margin-left: var(--sidebar-width);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--admin-bg-base);
}

.admin-topbar {
  height: var(--topbar-height);
  background-color: var(--admin-bg-surface);
  border-bottom: 1px solid var(--admin-border);
  display: flex;
  align-items: center;
  padding: 0 28px;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 50;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .admin-topbar {
    background-color: color-mix(in srgb, var(--admin-bg-surface) 88%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

.admin-content { padding: 28px; flex: 1; }

/* Sidebar brand */
.admin-brand {
  font-family: var(--font-admin);
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--admin-text-primary);
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  padding: 4px 8px;
}
.brand-logo { object-fit: contain; }
[data-theme="dark"] .brand-logo { filter: invert(1) brightness(1.4); }
.admin-brand .dot { color: var(--admin-accent); }
.admin-brand .admin-tag {
  font-family: var(--font-admin);
  font-style: normal;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--admin-accent);
  margin-left: 0.5rem;
  padding: 2px 6px;
  border: 1px solid var(--admin-accent);
  border-radius: 3px;
}

/* Tema toggle butonu */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--admin-border-2);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--admin-text-secondary);
  cursor: pointer;
  padding: 0;
  transition: all 150ms ease;
}
.theme-toggle:hover {
  color: var(--admin-accent);
  border-color: var(--admin-accent);
  background: var(--admin-accent-light);
}
.theme-toggle i { font-size: 1.05rem; transition: transform 150ms ease; }
.theme-toggle:hover i { transform: rotate(20deg); }
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: inline-block; }
[data-theme="dark"] .theme-toggle .icon-sun { display: inline-block; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }

/* Sidebar nav */
.sidebar-section-label {
  font-family: var(--font-admin);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--admin-text-muted);
  padding: 0 12px;
  margin-bottom: 8px;
  display: block;
}

.sidebar-link {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  color: var(--admin-text-secondary);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.92rem;
  border-radius: var(--radius-sm);
  margin-bottom: 2px;
  transition: all 150ms ease;
  position: relative;
}
.sidebar-link:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}
.sidebar-link.active {
  background-color: var(--admin-accent-muted);
  color: var(--admin-accent);
}
.sidebar-link.active::before {
  content: '';
  position: absolute;
  left: -3px; top: 8px; bottom: 8px;
  width: 3px;
  background: var(--admin-accent);
  border-radius: 2px;
}
.sidebar-link i {
  margin-right: 12px;
  font-size: 1.05rem;
  width: 18px;
  text-align: center;
}

/* ----------------------------------------
   Cards
----------------------------------------- */
.admin-card {
  background-color: var(--admin-bg-card);
  border: 1px solid var(--admin-border);
  border-radius: var(--radius-md);
  box-shadow: var(--admin-shadow-sm);
  padding: 22px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.admin-card:hover { border-color: var(--admin-border-2); box-shadow: var(--admin-shadow-md); }

.kpi-card {
  background-color: var(--admin-bg-card);
  border: 1px solid var(--admin-border);
  border-radius: var(--radius-md);
  box-shadow: var(--admin-shadow-sm);
  padding: 20px 22px;
  position: relative;
  overflow: hidden;
}
.kpi-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0%, var(--admin-accent-muted), transparent 50%);
  pointer-events: none;
}
.kpi-card .kpi-label {
  font-family: var(--font-admin);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--admin-text-secondary);
  margin-bottom: 0.75rem;
}
.kpi-card .kpi-value {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 2rem;
  color: var(--admin-text-primary);
  line-height: 1;
  letter-spacing: -0.01em;
}
.kpi-card .kpi-change {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 500;
}
.kpi-card .kpi-change.up      { color: var(--admin-success); }
.kpi-card .kpi-change.down    { color: var(--admin-danger); }
.kpi-card .kpi-change.flat    { color: var(--admin-warning); }

/* ----------------------------------------
   Buttons
----------------------------------------- */
.btn {
  font-family: var(--font-admin);
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: all 150ms ease;
}
.btn-accent {
  background-color: var(--admin-accent);
  color: var(--admin-bg-base);
  border: 1px solid var(--admin-accent);
  font-weight: 600;
}
.btn-accent:hover {
  background-color: var(--admin-accent-hover);
  border-color: var(--admin-accent-hover);
  color: var(--admin-bg-base);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px var(--admin-accent-muted);
}
.btn-outline-accent {
  background: transparent;
  color: var(--admin-accent);
  border: 1px solid var(--admin-accent);
}
.btn-outline-accent:hover {
  background-color: var(--admin-accent-light);
  color: var(--admin-accent);
}
.btn-dark {
  background-color: var(--admin-bg-card);
  border: 1px solid var(--admin-border);
  color: var(--admin-text-primary);
}
.btn-dark:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-border-2);
  color: var(--admin-accent);
}
.btn-link { color: var(--admin-text-secondary); }
.btn-link:hover { color: var(--admin-accent); }

/* ----------------------------------------
   Forms
----------------------------------------- */
.form-control, .form-select {
  background-color: var(--admin-bg-surface);
  border: 1px solid var(--admin-border);
  color: var(--admin-text-primary);
  font-family: var(--font-admin);
  border-radius: var(--radius-sm);
}
.form-control::placeholder { color: var(--admin-text-muted); }
.form-control:focus, .form-select:focus {
  background-color: var(--admin-bg-surface);
  color: var(--admin-text-primary);
  border-color: var(--admin-accent);
  box-shadow: 0 0 0 3px var(--admin-accent-muted);
  outline: none;
}
.form-label {
  font-family: var(--font-admin);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--admin-text-secondary);
  letter-spacing: 0.02em;
}
.form-check-input {
  background-color: var(--admin-bg-surface);
  border-color: var(--admin-border-2);
}
.form-check-input:checked {
  background-color: var(--admin-accent);
  border-color: var(--admin-accent);
}
.form-check-input:focus {
  border-color: var(--admin-accent);
  box-shadow: 0 0 0 3px var(--admin-accent-muted);
}

/* ----------------------------------------
   Tables
----------------------------------------- */
.table {
  color: var(--admin-text-primary);
  border-color: var(--admin-border);
  font-family: var(--font-admin);
  margin-bottom: 0;
}
.table th {
  color: var(--admin-text-secondary);
  font-weight: 600;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--admin-border);
  background-color: var(--admin-bg-hover) !important;
  padding: 14px 18px;
}
.table td {
  padding: 16px 18px;
  background-color: transparent !important;
  vertical-align: middle;
  border-color: var(--admin-border);
  font-size: 0.92rem;
}
.table-hover tbody tr:hover td {
  background-color: var(--admin-bg-hover) !important;
}

/* ----------------------------------------
   Badges & Status
----------------------------------------- */
.badge {
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  padding: 0.35em 0.7em;
  border-radius: 4px;
}
.bg-secondary {
  background-color: var(--admin-bg-hover) !important;
  color: var(--admin-text-secondary) !important;
  border: 1px solid var(--admin-border-2);
}
.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font-admin);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 4px 10px;
  border-radius: 100px;
  border: 1px solid;
}
.status-pill .dot { width: 6px; height: 6px; border-radius: 50%; }
.status-pill.success {
  color: var(--admin-success);
  border-color: rgba(22, 163, 74, 0.35);
  background: rgba(22, 163, 74, 0.08);
}
.status-pill.success .dot { background: var(--admin-success); }
.status-pill.warning {
  color: var(--admin-warning);
  border-color: rgba(217, 119, 6, 0.35);
  background: rgba(217, 119, 6, 0.08);
}
.status-pill.warning .dot { background: var(--admin-warning); }
.status-pill.muted {
  color: var(--admin-text-secondary);
  border-color: var(--admin-border-2);
  background: var(--admin-bg-hover);
}
.status-pill.muted .dot { background: var(--admin-text-muted); }

/* ----------------------------------------
   Dropdowns
----------------------------------------- */
.dropdown-menu {
  background-color: var(--admin-bg-card);
  border: 1px solid var(--admin-border);
  border-radius: var(--radius-sm);
  box-shadow: var(--admin-shadow-lg);
}
.dropdown-item, .dropdown-item-text {
  color: var(--admin-text-secondary);
  font-family: var(--font-admin);
  font-size: 0.88rem;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--admin-bg-hover);
  color: var(--admin-accent);
}
.dropdown-divider { border-color: var(--admin-border); }

/* ----------------------------------------
   Alerts
----------------------------------------- */
.alert {
  border: 1px solid var(--admin-border);
  background-color: var(--admin-bg-card);
  color: var(--admin-text-primary);
  border-radius: var(--radius-sm);
  font-family: var(--font-admin);
}
.alert-success {
  background-color: var(--admin-accent-light);
  border-color: rgba(22, 163, 74, 0.35);
  color: var(--admin-success);
}
.alert-danger {
  background-color: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.35);
  color: var(--admin-danger);
}

/* ----------------------------------------
   Auth layout brand
----------------------------------------- */
.auth-brand {
  font-family: var(--font-admin);
  font-style: normal;
  font-weight: 600;
  font-size: 1.9rem;
  color: var(--admin-text-primary);
  letter-spacing: -0.01em;
}
.auth-brand .dot { color: var(--admin-accent); }

/* ----------------------------------------
   Misc
----------------------------------------- */
.bg-light, .bg-white {
  background-color: var(--admin-bg-card) !important;
  color: var(--admin-text-primary) !important;
}
hr { border-color: var(--admin-border) !important; opacity: 1; }
.border, .border-top, .border-bottom, .border-start, .border-end {
  border-color: var(--admin-border) !important;
}

/* Scrollbar */
.admin-sidebar::-webkit-scrollbar { width: 6px; }
.admin-sidebar::-webkit-scrollbar-thumb { background: var(--admin-border); border-radius: 3px; }

/* ============================================================
   Post Form — pf-* component tokens
   ============================================================ */

/* Title (borderless, big) */
.pf-title-input {
  width: 100%; border: none; outline: none; background: transparent;
  font-size: 1.55rem; font-weight: 700; line-height: 1.3;
  color: var(--admin-text-primary); font-family: var(--font-admin);
  padding: 0; resize: none;
}
.pf-title-input::placeholder { color: var(--admin-text-muted); }

/* Slug pill */
.pf-slug {
  display: inline-flex; align-items: center; gap: 0.35rem;
  margin-top: 0.6rem; font-size: 0.76rem;
  color: var(--admin-text-muted); font-family: var(--font-mono);
  padding: 0.3rem 0.65rem; background: var(--admin-bg-hover);
  border-radius: var(--radius-sm); user-select: all; cursor: text;
}

/* Character counter */
.pf-counter {
  font-size: 0.7rem; color: var(--admin-text-muted);
  font-family: var(--font-mono); transition: color 150ms;
}
.pf-counter.warn { color: var(--admin-warning); }

/* Section header inside sidebar cards */
.pf-section-header {
  display: flex; align-items: center; gap: 0.45rem;
  font-size: 0.75rem; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--admin-text-secondary);
}
.pf-section-header > i { color: var(--admin-accent); font-size: 0.85rem; }

.pf-hint { font-size: 0.77rem; color: var(--admin-text-muted); line-height: 1.5; }

/* ── Status segment control ────────────────────────────────── */
.pf-status-seg {
  display: flex;
  border: 1px solid var(--admin-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.pf-status-seg input[type="radio"] { display: none; }
.pf-seg-label {
  flex: 1; text-align: center; padding: 0.45rem 0.2rem;
  font-size: 0.77rem; font-weight: 500; cursor: pointer;
  color: var(--admin-text-secondary);
  border-right: 1px solid var(--admin-border);
  transition: all 140ms ease;
  white-space: nowrap;
}
.pf-seg-label:last-of-type { border-right: none; }
.pf-seg-label:hover { background: var(--admin-bg-hover); color: var(--admin-text-primary); }
.pf-status-seg input[type="radio"]:checked + .pf-seg-label {
  background: var(--admin-accent); color: var(--admin-bg-base); font-weight: 700;
}

/* ── Featured toggle row ───────────────────────────────────── */
.pf-toggle-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0.6rem 0.85rem;
  background: var(--admin-bg-hover);
  border-radius: var(--radius-sm);
  border: 1px solid var(--admin-border);
  transition: border-color 140ms;
}
.pf-toggle-row:has(.form-check-input:checked) { border-color: var(--admin-accent); }
.pf-toggle-label { font-size: 0.85rem; font-weight: 600; color: var(--admin-text-primary); }
.pf-toggle-hint  { font-size: 0.71rem; color: var(--admin-text-muted); }
.form-check-input.pf-switch { cursor: pointer; width: 2.2em; height: 1.2em; }
.form-check-input.pf-switch:checked {
  background-color: var(--admin-accent);
  border-color: var(--admin-accent);
}

/* ── Select with leading icon ──────────────────────────────── */
.pf-select-wrap { position: relative; }
.pf-select-icon {
  position: absolute; left: 0.7rem; top: 50%; transform: translateY(-50%);
  color: var(--admin-text-muted); font-size: 0.85rem;
  pointer-events: none; z-index: 1;
}
.pf-select-padded { padding-left: 2rem; }

/* ── Tag count badge ───────────────────────────────────────── */
.pf-tag-count {
  font-size: 0.65rem; font-weight: 700;
  color: var(--admin-accent); background: var(--admin-accent-light);
  padding: 0.1em 0.55em; border-radius: 100px;
}

/* ── Market instrument row ─────────────────────────────────── */
.mi-row {
  background: var(--admin-bg-hover);
  border: 1px solid var(--admin-border);
  border-radius: var(--radius-sm);
  padding: 0.6rem 0.7rem;
  transition: border-color 140ms;
}
.mi-row:focus-within { border-color: var(--admin-border-2); }
.mi-sent-grp {
  display: flex; border: 1px solid var(--admin-border);
  border-radius: var(--radius-sm); overflow: hidden; flex: 1;
}
.mi-sent-btn {
  flex: 1; border: none; background: transparent;
  font-size: 0.7rem; font-weight: 600; padding: 0.32rem 0.15rem;
  cursor: pointer; color: var(--admin-text-muted);
  border-right: 1px solid var(--admin-border);
  transition: all 120ms ease; white-space: nowrap;
}
.mi-sent-btn:last-child { border-right: none; }
.mi-sent-btn:hover { background: var(--admin-bg-card); color: var(--admin-text-primary); }
.mi-sent-btn.bull.active { background: rgba(22,163,74,.18); color: #16a34a; }
.mi-sent-btn.bear.active { background: rgba(220,38,38,.18); color: #dc2626; }
.mi-sent-btn.neut.active { background: var(--admin-bg-card); color: var(--admin-text-secondary); }

/* ── Icon button (note toggle, remove) ────────────────────── */
.pf-icon-btn {
  background: transparent; border: 1px solid var(--admin-border);
  border-radius: var(--radius-sm);
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.72rem; cursor: pointer;
  color: var(--admin-text-muted); transition: all 120ms ease; flex-shrink: 0;
}
.pf-icon-btn:hover { color: var(--admin-text-primary); border-color: var(--admin-border-2); background: var(--admin-bg-card); }
.pf-icon-btn.active { color: var(--admin-accent); border-color: var(--admin-accent); background: var(--admin-accent-light); }
.pf-icon-btn.danger:hover { color: var(--admin-danger); border-color: var(--admin-danger); }

/* ── Cover image drop zone ─────────────────────────────────── */
.pf-drop-zone {
  border: 2px dashed var(--admin-border);
  border-radius: var(--radius-md);
  position: relative; cursor: pointer;
  transition: all 150ms ease; overflow: hidden;
}
.pf-drop-zone:hover, .pf-drop-zone.drag-over {
  border-color: var(--admin-accent); background: var(--admin-accent-light);
}
.pf-drop-input {
  position: absolute; inset: 0; opacity: 0;
  cursor: pointer; width: 100%; height: 100%;
}
.pf-drop-body {
  display: flex; flex-direction: column;
  align-items: center; padding: 1.4rem 1rem;
  gap: 0.25rem; pointer-events: none;
}
.pf-drop-icon { font-size: 1.75rem; color: var(--admin-text-muted); transition: color 150ms; }
.pf-drop-zone:hover .pf-drop-icon, .pf-drop-zone.drag-over .pf-drop-icon { color: var(--admin-accent); }
.pf-drop-text { font-size: 0.83rem; font-weight: 600; color: var(--admin-text-secondary); }
.pf-drop-hint { font-size: 0.7rem; color: var(--admin-text-muted); }
.pf-drop-status {
  min-height: 1.2rem; text-align: center;
  font-size: 0.75rem; padding: 0 1rem 0.6rem; pointer-events: none;
}
/* Cover preview */
.pf-cover-preview { position: relative; margin-top: 0.75rem; border-radius: var(--radius-sm); overflow: hidden; }
.pf-cover-preview img { width: 100%; max-height: 180px; object-fit: cover; display: block; }
.pf-cover-remove {
  position: absolute; top: 0.45rem; right: 0.45rem;
  background: rgba(0,0,0,.55); color: #fff; border: none;
  border-radius: 50%; width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.65rem; cursor: pointer; transition: background 150ms;
}
.pf-cover-remove:hover { background: var(--admin-danger); }
.admin-sidebar::-webkit-scrollbar-thumb:hover { background: var(--admin-border-2); }