/* =========================================================
ANVIL0 — Admin panel visual layer ("Sand & Ink" redesign, wave 5)
Loaded ONLY by admin.html, AFTER css/styles.css and the page's own
inline <style> block (admin-sidebar/admin-table/modal rules). Same
pattern as the other v2 files: everything here is scoped under
body.admin-v2, so it cannot leak to any other page. Reuses the exact
same design tokens/fonts so the internal tool reads as part of the
same system as the storefront.

Status pills (.status-pill.on/.off) and the form-error banner keep
their semantic green/red — that's state, not brand accent, so it is
left alone on purpose.

Nothing here changes markup, ids, or JS-driven behavior — sidebar
tab switching, the product/post/order modals, and all admin actions
keep working exactly as before; this file only restyles the existing
DOM.
========================================================= */

body.admin-v2{
--hv-ink: #0e0d0c;
--hv-panel: #191715;
--hv-panel-2: #14120f;
--hv-line: #232019;
--hv-line-soft: #2b261d;
--hv-line-btn: #3a352c;
--hv-sand: #c9b494;
--hv-sand-hi: #d8c5a8;
--hv-sand-dark: #17130d;
--hv-paper: #ece7dd;
--hv-text-2: #d6cec1;
--hv-text-3: #b8ad9c;
--hv-text-4: #8d8272;

--hv-display: 'Archivo', 'Arial Narrow', sans-serif;
--hv-body: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--hv-mono: 'JetBrains Mono', 'Courier New', monospace;

/* Legacy variable bridge (see cart/account-v2.css note) — recolors
any leftover inline style="...var(--accent...)" without touching
markup. */
--accent: var(--hv-sand);
--accent-hi: var(--hv-sand-hi);
--accent-dim: var(--hv-line-btn);
--text-faint: var(--hv-text-4);
--text-muted: var(--hv-text-3);
--white: var(--hv-paper);
--panel: var(--hv-panel);
--panel-alt: var(--hv-panel-2);
--border: var(--hv-line-btn);
--border-soft: var(--hv-line);
--font-label: var(--hv-mono);

background: var(--hv-ink);
background-image: none;
}
body.admin-v2 #main-content,
body.admin-v2 .site-footer{
background: var(--hv-ink);
font-family: var(--hv-body);
color: var(--hv-paper);
}

/* ---------------------------------------------------------------
Header / nav — identical treatment to the other redesigned pages.
--------------------------------------------------------------- */
body.admin-v2 .site-header{
background: rgba(14,13,12,0.94);
border-bottom: 1px solid var(--hv-line);
}
body.admin-v2 .logo-word{
font-family: var(--hv-display);
font-weight: 800;
letter-spacing: 0.14em;
color: var(--hv-paper);
}
body.admin-v2 .logo-word b{ color: var(--hv-sand); }
body.admin-v2 .logo small{ font-family: var(--hv-mono); color: var(--hv-text-4); }
body.admin-v2 .main-nav a{
font-family: var(--hv-body);
font-weight: 500;
letter-spacing: 0.04em;
text-transform: none;
color: var(--hv-text-3);
}
body.admin-v2 .main-nav a:hover{ color: var(--hv-paper); }
body.admin-v2 .nav-icon-btn{ color: var(--hv-text-3); font-family: var(--hv-mono); }
body.admin-v2 .nav-icon-btn:hover{ color: var(--hv-paper); }
body.admin-v2 .cart-count{ background: var(--hv-sand); color: var(--hv-sand-dark); }
body.admin-v2 .lang-switch-menu{ background: var(--hv-panel); border: 1px solid var(--hv-line); }
body.admin-v2 .lang-switch-item:hover,
body.admin-v2 .lang-switch-item.active{ background: var(--hv-line); color: var(--hv-paper); }

body.admin-v2 .breadcrumb{
font-family: var(--hv-mono);
color: var(--hv-text-4);
border-bottom: 1px solid var(--hv-line);
}
body.admin-v2 .breadcrumb a{ color: var(--hv-text-4); }
body.admin-v2 .breadcrumb a:hover{ color: var(--hv-sand); }
body.admin-v2 .breadcrumb span{ color: var(--hv-text-3); }

body.admin-v2 .btn{
font-family: var(--hv-body);
border-radius: 999px;
letter-spacing: 0.02em;
text-transform: none;
}
body.admin-v2 .btn-primary{
background: var(--hv-sand);
color: var(--hv-sand-dark);
border: none;
font-weight: 600;
}
body.admin-v2 .btn-primary:hover{ background: var(--hv-sand-hi); }
body.admin-v2 .btn-outline{
background: transparent;
border: 1px solid var(--hv-line-btn);
color: var(--hv-text-2);
}
body.admin-v2 .btn-outline:hover{ border-color: var(--hv-sand); color: var(--hv-paper); }

/* ---------------------------------------------------------------
Toolbar + sidebar
--------------------------------------------------------------- */
body.admin-v2 .admin-toolbar h1{
font-family: var(--hv-display);
font-weight: 700;
color: var(--hv-paper);
text-transform: none;
}
body.admin-v2 .admin-sidebar{
background: var(--hv-panel);
border: 1px solid var(--hv-line);
}
body.admin-v2 .admin-nav-btn{ font-family: var(--hv-mono); color: var(--hv-text-3); }
body.admin-v2 .admin-nav-btn:hover{ background: var(--hv-panel-2); color: var(--hv-paper); }
body.admin-v2 .admin-nav-btn.active{
background: var(--hv-panel-2);
color: var(--hv-sand);
box-shadow: inset 3px 0 0 var(--hv-sand);
}
body.admin-v2 .admin-nav-btn .nav-badge{
background: var(--hv-sand);
color: var(--hv-sand-dark);
font-family: var(--hv-mono);
}

/* ---------------------------------------------------------------
Tables
--------------------------------------------------------------- */
body.admin-v2 .admin-table-wrap{
background: var(--hv-panel);
border: 1px solid var(--hv-line);
}
body.admin-v2 table.admin-table th{
font-family: var(--hv-mono);
color: var(--hv-text-4);
border-bottom: 1px solid var(--hv-line);
}
body.admin-v2 table.admin-table td{
font-family: var(--hv-body);
color: var(--hv-text-3);
border-bottom: 1px solid var(--hv-line);
}
body.admin-v2 table.admin-table td.strong{ color: var(--hv-paper); }
body.admin-v2 .admin-empty,
body.admin-v2 .admin-loading{ font-family: var(--hv-body); color: var(--hv-text-4); }

/* ---------------------------------------------------------------
Modals (product / post / order detail)
--------------------------------------------------------------- */
body.admin-v2 .modal-box{
background: var(--hv-panel-2);
border: 1px solid var(--hv-line-btn);
}
body.admin-v2 .modal-box h2{
font-family: var(--hv-display);
color: var(--hv-paper);
font-weight: 700;
text-transform: none;
}
body.admin-v2 .field label,
body.admin-v2 .field-row label{
font-family: var(--hv-mono);
color: var(--hv-text-3);
letter-spacing: 0.08em;
}
body.admin-v2 .field input,
body.admin-v2 .field select,
body.admin-v2 .field textarea,
body.admin-v2 .field-row input,
body.admin-v2 .field-row select{
background: var(--hv-ink);
border: 1px solid var(--hv-line-btn);
color: var(--hv-paper);
border-radius: 10px;
font-family: var(--hv-body);
}
body.admin-v2 .field input:focus,
body.admin-v2 .field select:focus,
body.admin-v2 .field textarea:focus,
body.admin-v2 .field-row input:focus,
body.admin-v2 .field-row select:focus{ outline: none; border-color: var(--hv-sand); }
body.admin-v2 .checkbox-row{ font-family: var(--hv-body); color: var(--hv-text-3); }

body.admin-v2 .order-detail-head .meta{ color: var(--hv-text-4); font-family: var(--hv-mono); }
body.admin-v2 .order-detail-block{
background: var(--hv-panel);
border: 1px solid var(--hv-line);
}
body.admin-v2 .order-detail-block h4,
body.admin-v2 .order-detail-block .heading-caption{ font-family: var(--hv-mono); color: var(--hv-text-4); }
body.admin-v2 .order-detail-block p{ font-family: var(--hv-body); color: var(--hv-text-3); }
body.admin-v2 .order-detail-block p.strong{ color: var(--hv-paper); }
body.admin-v2 .order-edit-heading{ font-family: var(--hv-mono); color: var(--hv-text-4); }
body.admin-v2 .order-items-table-wrap{ border: 1px solid var(--hv-line); }
body.admin-v2 table.order-items-table th{
font-family: var(--hv-mono);
color: var(--hv-text-4);
border-bottom: 1px solid var(--hv-line);
}
body.admin-v2 table.order-items-table td{
font-family: var(--hv-body);
color: var(--hv-text-3);
border-bottom: 1px solid var(--hv-line);
}
body.admin-v2 table.order-items-table td.strong{ color: var(--hv-paper); }
body.admin-v2 table.order-items-table tfoot td{ border-top: 1px solid var(--hv-line); color: var(--hv-paper); }
body.admin-v2 .order-items-mini{ color: var(--hv-text-4); }

body.admin-v2 .cover-upload-preview{
background: var(--hv-panel);
background-image: none;
border: 1px solid var(--hv-line);
}
body.admin-v2 .cover-upload-preview svg{ stroke: var(--hv-line-btn); }

body.admin-v2 .toast-note{
background: var(--hv-panel-2);
border: 1px solid var(--hv-line-btn);
color: var(--hv-paper);
font-family: var(--hv-body);
}

/* ---------------------------------------------------------------
Footer — identical treatment to the other redesigned pages.
--------------------------------------------------------------- */
body.admin-v2 .site-footer{ border-top: 1px solid var(--hv-line); background: var(--hv-ink); }
body.admin-v2 .site-footer .footer-bottom p{
font-family: var(--hv-mono);
font-size: 10px;
letter-spacing: 0.1em;
color: var(--hv-text-4);
}
body.admin-v2 .site-footer .footer-bottom a{ color: var(--hv-text-3); }
body.admin-v2 .site-footer .footer-bottom a:hover{ color: var(--hv-sand); }