/* ============================================================
   RepHub 2026 — premium dark design system
   Pure visual layer. Loaded LAST on every page.
   No markup or logic changes; only tokens + component polish.
   ============================================================ */

:root,
:root[data-theme="dark"] {
  /* Core surfaces */
  --rh-bg: #09090b;
  --rh-nav: #0f0f11;
  --rh-card: #18181b;
  --rh-border: #27272a;
  --rh-hover: #202024;
  --rh-text: #fafafa;
  --rh-text-2: #a1a1aa;
  --rh-muted: #74747a;
  --rh-icon-off: #55555b;
  --rh-accent: #84cc16;
  --rh-accent-weak: #84cc161f;
  --rh-success: #22c55e;
  --rh-warning: #f59e0b;
  --rh-danger: #ef4444;
  --rh-premium: #a855f7;

  --rh-r-sm: 10px;
  --rh-r: 14px;
  --rh-r-lg: 16px;
  --rh-r-xl: 18px;
  --rh-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -16px rgba(0, 0, 0, .8);
  --rh-shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 24px 48px -24px rgba(0, 0, 0, .9);
  --rh-t: 200ms cubic-bezier(.2, .8, .2, 1);

  /* Remap legacy tokens so every old rule inherits the new palette */
  --bg: var(--rh-bg);
  --bg-2: var(--rh-nav);
  --panel: var(--rh-card);
  --panel-solid: var(--rh-card);
  --border: var(--rh-border);
  --border-soft: var(--rh-border);
  --text: var(--rh-text);
  --muted: var(--rh-text-2);
  --accent: var(--rh-accent);
  --accent-2: #a3e635;
  --accent-soft: var(--rh-accent-weak);
  --danger: var(--rh-danger);
  --radius: var(--rh-r);
  --shadow: var(--rh-shadow);
  --bd: var(--rh-accent);
}

/* ---------- Base ---------- */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--rh-bg) !important;
  color: var(--rh-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  letter-spacing: -0.01em;
}

h1, h2, h3, h4 {
  color: var(--rh-text);
  letter-spacing: -0.025em;
  font-weight: 700;
}
h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; }
h2 { font-size: clamp(20px, 2.5vw, 26px); }
h3 { font-size: 17px; }

p, .muted, .mk-muted, .mk-sub {
  color: var(--rh-text-2);
}

::selection { background: var(--rh-accent-weak); color: var(--rh-text); }

*:focus-visible {
  outline: 2px solid var(--rh-accent);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Scrollbars */
* { scrollbar-color: #2f2f34 transparent; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb {
  background: #2f2f34; border-radius: 999px; border: 3px solid transparent;
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover { background: #3f3f46; background-clip: content-box; }

/* Kill legacy glow / gradient backdrops */
body::before, body::after { display: none !important; }

/* ---------- Navbar ---------- */
.nav,
.rh-nav,
header.nav {
  position: sticky; top: 0; z-index: 90;
  background: color-mix(in srgb, var(--rh-nav) 88%, transparent);
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--rh-border);
  box-shadow: none;
  padding: 12px 24px;
}

.brand-mark { filter: none !important; }
.brand-text, .brand-word {
  font-weight: 700; letter-spacing: -0.02em; color: var(--rh-text);
}

.nav-links a {
  position: relative;
  color: var(--rh-text-2);
  font-size: 14px; font-weight: 500;
  padding: 8px 2px;
  transition: color var(--rh-t);
}
.nav-links a:hover { color: var(--rh-text); }
.nav-links a.active,
.nav-links a[aria-current="page"] { color: var(--rh-text); }
.nav-links a.active::after,
.nav-links a[aria-current="page"]::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -13px; height: 2px;
  background: var(--rh-accent);
  border-radius: 2px;
}

/* Nav search */
.nav-search, .search-box {
  background: var(--rh-bg);
  border: 1px solid var(--rh-border);
  border-radius: 12px;
  transition: border-color var(--rh-t), box-shadow var(--rh-t);
}
.nav-search:focus-within, .search-box:focus-within {
  border-color: var(--rh-accent);
  box-shadow: 0 0 0 3px var(--rh-accent-weak);
}
.nav-search input, .search-box input {
  background: transparent; border: 0; color: var(--rh-text);
}
.nav-search input::placeholder, .search-box input::placeholder,
input::placeholder, textarea::placeholder { color: var(--rh-muted); }

/* Header icon buttons (smaller, thin, muted) */
.icon-btn, .notif-btn, .lang-switch, .nav-icon {
  width: 34px; height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 10px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--rh-icon-off);
  transition: background var(--rh-t), color var(--rh-t), border-color var(--rh-t);
}
.icon-btn:hover, .notif-btn:hover, .lang-switch:hover, .nav-icon:hover {
  background: var(--rh-hover);
  color: var(--rh-text);
  border-color: var(--rh-border);
}
.icon-btn svg, .notif-btn svg, .nav-icon svg {
  width: 17px; height: 17px; stroke-width: 1.6;
}

/* User chip */
.chip, .chip-user {
  background: var(--rh-nav);
  border: 1px solid var(--rh-border);
  border-radius: 999px;
  color: var(--rh-text);
  transition: background var(--rh-t), border-color var(--rh-t);
}
.chip:hover, .chip-user:hover { background: var(--rh-hover); border-color: #34343a; }
.nav-role {
  color: var(--rh-text-2);
  font-size: 11px; font-weight: 600; letter-spacing: .02em;
}

/* ---------- Panels & cards ---------- */
.panel, .card, .rh-card, .mk-card, .mk-side, .mk-rail,
.settings-nav, .rh-settings-nav, .settings-section,
.ann-card, .adm-panel, .lb-card, .notif-pop, .menu-pop, .mn-sheet {
  background: var(--rh-card) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: var(--rh-r-lg) !important;
  box-shadow: var(--rh-shadow);
}

.panel, .rh-card, .card { padding: 24px; }

.panel:hover, .rh-card:hover, .mk-card:hover {
  border-color: #34343a !important;
  background: #1c1c20 !important;
}

.menu-pop, .notif-pop, .mn-sheet {
  box-shadow: var(--rh-shadow-lg);
  animation: rh-pop var(--rh-t) both;
}
@keyframes rh-pop {
  from { opacity: 0; transform: translateY(-6px) scale(.985); }
  to { opacity: 1; transform: none; }
}

/* ---------- Sidebar ---------- */
.mk-side, .rh-settings-side, .adm-nav, .ann-side {
  background: var(--rh-nav) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: var(--rh-r-lg) !important;
  padding: 14px !important;
}
.mk-side-title, .rh-settings-side-title, .adm-nav-title {
  color: var(--rh-muted);
  font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 10px 10px 6px;
}
.mk-side-link, .settings-nav button, .rh-settings-nav-btn, .adm-nav a {
  display: flex; align-items: center; gap: 10px;
  width: 100%;
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--rh-text-2);
  font-size: 14px; font-weight: 500;
  transition: background var(--rh-t), color var(--rh-t);
}
.mk-side-link svg, .settings-nav button svg, .adm-nav a svg {
  width: 17px; height: 17px; stroke-width: 1.6; color: var(--rh-icon-off);
  transition: color var(--rh-t);
}
.mk-side-link:hover, .settings-nav button:hover,
.rh-settings-nav-btn:hover, .adm-nav a:hover {
  background: var(--rh-hover); color: var(--rh-text);
}
.mk-side-link:hover svg, .adm-nav a:hover svg { color: var(--rh-text-2); }

.mk-side-link.on, .mk-side-link.is-active, .mk-side-link.active,
.settings-nav button.on, .rh-settings-nav-btn.on,
.adm-nav a.on, .adm-nav a.active {
  background: var(--rh-accent-weak) !important;
  color: var(--rh-accent) !important;
  border-color: color-mix(in srgb, var(--rh-accent) 22%, transparent) !important;
  box-shadow: none !important;
  font-weight: 600;
}
.mk-side-link.on svg, .settings-nav button.on svg, .adm-nav a.on svg {
  color: var(--rh-accent) !important;
}

/* Sidebar info card */
.mk-why {
  background: var(--rh-card) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: var(--rh-r) !important;
  padding: 16px !important;
  color: var(--rh-text-2);
}

/* ---------- Buttons ---------- */
.btn, .mk-btn, button.rh-btn, .appd-btn, .rv-submit-btn {
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 16px;
  border: 1px solid var(--rh-border);
  background: var(--rh-card);
  color: var(--rh-text);
  transition: background var(--rh-t), border-color var(--rh-t), transform var(--rh-t), color var(--rh-t);
}
.btn:hover, .mk-btn:hover, .appd-btn:hover {
  background: var(--rh-hover);
  border-color: #3a3a41;
}
.btn:active, .mk-btn:active { transform: translateY(1px); }

.btn-primary, .mk-btn--primary, .btn.primary, .rv-submit-btn {
  background: var(--rh-accent) !important;
  color: #0a0a0a !important;
  border-color: var(--rh-accent) !important;
  box-shadow: none !important;
}
.btn-primary:hover, .mk-btn--primary:hover, .rv-submit-btn:hover {
  background: #a3e635 !important;
  border-color: #a3e635 !important;
}
.btn-ghost, .btn-secondary {
  background: var(--rh-nav) !important;
  color: var(--rh-text) !important;
  border-color: var(--rh-border) !important;
}
.btn-ghost:hover, .btn-secondary:hover {
  background: var(--rh-hover) !important;
  border-color: #3a3a41 !important;
  color: var(--rh-text) !important;
}
.btn-danger, .btn.danger {
  background: var(--rh-danger) !important; color: #fff !important;
  border-color: var(--rh-danger) !important;
}
.btn-success, .btn.success {
  background: var(--rh-success) !important; color: #06110a !important;
  border-color: var(--rh-success) !important;
}
.btn[disabled], button[disabled] { opacity: .5; cursor: not-allowed; }

/* ---------- Inputs ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea, select,
.rh-input, .adm-field input, .apply-field input, .mk-drop {
  background: var(--rh-nav);
  border: 1px solid var(--rh-border);
  border-radius: 12px;
  color: var(--rh-text);
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: border-color var(--rh-t), box-shadow var(--rh-t), background var(--rh-t);
}
input:hover, textarea:hover, select:hover { border-color: #34343a; }
input:focus, textarea:focus, select:focus, .rh-input:focus {
  outline: none;
  border-color: var(--rh-accent);
  box-shadow: 0 0 0 3px var(--rh-accent-weak);
}
label { color: var(--rh-text-2); font-size: 13px; font-weight: 500; }

/* ---------- Tables ---------- */
table, .adm-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}
table th, .adm-table th {
  text-align: left;
  color: var(--rh-muted);
  font-size: 11.5px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 10px 14px;
  border-bottom: 1px solid var(--rh-border);
  background: transparent;
}
table td, .adm-table td {
  padding: 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--rh-border) 70%, transparent);
  color: var(--rh-text);
}
table tbody tr, .adm-table tbody tr { transition: background var(--rh-t); }
table tbody tr:hover, .adm-table tbody tr:hover { background: var(--rh-hover); }
table tbody tr:last-child td { border-bottom: 0; }
table tbody tr td:first-child { border-radius: 12px 0 0 12px; }
table tbody tr td:last-child { border-radius: 0 12px 12px 0; }

/* ---------- Badges / pills ---------- */
.badge-chip, .vbadge, .adm-pill, .pill, .mk-tag, .tag, .apply-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11.5px; font-weight: 600;
  border: 1px solid var(--rh-border);
  background: var(--rh-hover);
  color: var(--rh-text-2);
  line-height: 1.6;
}
.badge-verified, .is-verified, .pill-verified, .status-verified,
.adm-pill.ok, .pill.ok, .pill.approved {
  color: var(--rh-success) !important;
  background: color-mix(in srgb, var(--rh-success) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--rh-success) 34%, transparent) !important;
}
.badge-pending, .pill-pending, .status-pending, .adm-pill.warn, .pill.pending {
  color: var(--rh-warning) !important;
  background: color-mix(in srgb, var(--rh-warning) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--rh-warning) 34%, transparent) !important;
}
.badge-banned, .pill-banned, .status-banned, .adm-pill.bad,
.pill.rejected, .pill.banned {
  color: var(--rh-danger) !important;
  background: color-mix(in srgb, var(--rh-danger) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--rh-danger) 34%, transparent) !important;
}
.badge-premium, .pill-premium, .status-premium, .premium {
  color: var(--rh-premium) !important;
  background: color-mix(in srgb, var(--rh-premium) 15%, transparent) !important;
  border-color: color-mix(in srgb, var(--rh-premium) 36%, transparent) !important;
}
.dot-online, .status-online .chip-dot, .chip-dot {
  background: var(--rh-success) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rh-success) 20%, transparent) !important;
}
.dot-offline { background: var(--rh-icon-off) !important; box-shadow: none !important; }

/* ---------- Marketplace cards ---------- */
.mk-card, .listing-card, .vendor-card, .rh-mp-card {
  background: var(--rh-card);
  border: 1px solid var(--rh-border);
  border-radius: var(--rh-r-lg);
  overflow: hidden;
  transition: transform var(--rh-t), border-color var(--rh-t),
              background var(--rh-t), box-shadow var(--rh-t);
}
.mk-card:hover, .listing-card:hover, .vendor-card:hover, .rh-mp-card:hover {
  transform: translateY(-2px) scale(1.01);
  border-color: #3a3a41;
  box-shadow: var(--rh-shadow-lg);
}
.mk-card img, .listing-card img, .rh-mp-media img {
  border-radius: 0;
  transition: transform 300ms cubic-bezier(.2, .8, .2, 1);
}
.mk-card:hover img, .listing-card:hover img { transform: scale(1.03); }
.rh-mp-media, .mk-card-media {
  background: var(--rh-nav);
  border-bottom: 1px solid var(--rh-border);
}
.mk-price, .price-cell, .listing-price {
  color: var(--rh-text); font-weight: 700; letter-spacing: -0.02em;
}

/* Favorite button */
.mk-fav, .vendor-fav {
  background: rgba(9, 9, 11, .72) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: 10px !important;
  color: var(--rh-text-2) !important;
  backdrop-filter: blur(6px);
  transition: color var(--rh-t), background var(--rh-t), transform var(--rh-t);
}
.mk-fav:hover, .vendor-fav:hover { color: var(--rh-danger) !important; transform: scale(1.06); }
.mk-fav.on, .vendor-fav.on { color: var(--rh-danger) !important; }

/* Category chips / filter row */
.mk-cats button, .mp-filters button, .seg button {
  border-radius: 999px;
  border: 1px solid var(--rh-border);
  background: var(--rh-nav);
  color: var(--rh-text-2);
  padding: 7px 14px;
  font-size: 13px; font-weight: 500;
  transition: all var(--rh-t);
}
.mk-cats button:hover, .mp-filters button:hover, .seg button:hover {
  background: var(--rh-hover); color: var(--rh-text);
}
.mk-cats button.on, .mp-filters button.on, .seg button.on,
.mk-cats button.is-active {
  background: var(--rh-accent-weak);
  border-color: color-mix(in srgb, var(--rh-accent) 30%, transparent);
  color: var(--rh-accent);
  font-weight: 600;
}

/* ---------- Profiles ---------- */
.profile-banner {
  background: linear-gradient(180deg, #17171a, #0f0f11) !important;
  border: 1px solid var(--rh-border) !important;
  border-bottom: 0 !important;
  border-radius: var(--rh-r-xl) var(--rh-r-xl) 0 0 !important;
  height: 190px;
}
.profile-banner::after { display: none !important; }
.profile-head {
  background: var(--rh-card) !important;
  border: 1px solid var(--rh-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--rh-r-xl) var(--rh-r-xl) !important;
  padding: 20px 28px 28px !important;
}
.profile-head .avatar-lg {
  border: 4px solid var(--rh-bg) !important;
  box-shadow: var(--rh-shadow-lg) !important;
  background: var(--rh-hover) !important;
  color: var(--rh-accent) !important;
}
.profile-stats strong { color: var(--rh-text); }
.social-row a { color: var(--rh-accent); }

/* Stat cards */
.stats, .adm-stat, .stat-card {
  background: var(--rh-card);
  border: 1px solid var(--rh-border);
  border-radius: var(--rh-r-lg);
  padding: 20px 22px;
  transition: background var(--rh-t), border-color var(--rh-t);
}
.adm-stat:hover, .stat-card:hover { background: #1c1c20; border-color: #34343a; }

/* ---------- Toggles ---------- */
.toggle-row, .rh-toggle-row {
  background: var(--rh-nav) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  transition: background var(--rh-t);
}
.toggle-row:hover, .rh-toggle-row:hover { background: var(--rh-hover) !important; }
.toggle-row input[type=checkbox] { background: #2a2a30 !important; border-color: var(--rh-border) !important; }
.toggle-row input[type=checkbox]:checked { background: var(--rh-accent) !important; }
.toggle-row input[type=checkbox]:checked::after { background: #0a0a0a !important; }

/* ---------- Notifications / menus ---------- */
.notif-item {
  border-radius: 12px;
  border: 1px solid transparent;
  transition: background var(--rh-t);
}
.notif-item:hover { background: var(--rh-hover); }
.notif-ic { color: var(--rh-icon-off); }

/* ---------- Footer ---------- */
footer, .foot, .footer {
  background: var(--rh-nav);
  border-top: 1px solid var(--rh-border);
  color: var(--rh-text-2);
}

/* ---------- Hero (flat, no bright gradients) ---------- */
.hero, .mp-hero, .mk-head, .mp-create-banner {
  background: var(--rh-nav) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: var(--rh-r-xl) !important;
  box-shadow: none !important;
}
.mk-head { padding: 26px 28px; margin-bottom: 22px; }
.mk-eyebrow {
  color: var(--rh-accent);
  font-size: 11.5px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
}

/* ---------- Motion ---------- */
a, button, .mk-card, .panel, .rh-card, .chip, input, select, textarea {
  transition-duration: 200ms;
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .mk-rail { display: none !important; }
}
@media (max-width: 860px) {
  .mk-shell, .mk-shell--3, .settings-shell, .rh-settings {
    grid-template-columns: 1fr !important;
  }
  .mk-side, .rh-settings-side {
    position: static !important;
    overflow-x: auto;
  }
  .nav { padding: 10px 14px; }
  .wrap, .mk-wrap { padding: 18px 14px; }
}

/* ---------- Fixes: nav search sizing, chip overflow, select truncation ---------- */
.nav-search {
  flex: 1 1 auto;
  min-width: 200px;
  max-width: 420px;
  padding: 0 6px 0 10px;
}
.nav-search input { width: 100%; min-width: 0; padding: 8px 6px; font-size: 13.5px; }
.nav-search kbd, .nav-search .kbd {
  background: var(--rh-hover); border: 1px solid var(--rh-border);
  color: var(--rh-muted); border-radius: 6px; font-size: 11px; padding: 2px 6px;
}

.mk-cats { display: flex; flex-wrap: wrap; gap: 8px; overflow: visible; }
.mk-filters { flex-wrap: wrap; gap: 10px; }
.mk-drop, select { padding-right: 30px; text-overflow: ellipsis; min-width: 170px; }

/* nav search: override higher-specificity legacy rules */
header.nav .nav-lead { min-width: 0; padding-right: 16px; }
header.nav .nav-search {
  flex: 1 1 auto; min-width: 0; max-width: 340px;
  height: 38px; padding: 0 10px;
  background: var(--rh-bg); border: 1px solid var(--rh-border); border-radius: 12px;
  box-shadow: none;
}
header.nav .nav-search:focus-within {
  border-color: var(--rh-accent); box-shadow: 0 0 0 3px var(--rh-accent-weak);
}
header.nav .nav-search svg { color: var(--rh-icon-off); width: 16px; height: 16px; }
header.nav .nav-search input { color: var(--rh-text); font-size: 13.5px; }
header.nav .nav-search input::placeholder { color: var(--rh-muted); }
header.nav .nav-search kbd {
  color: var(--rh-muted); border: 1px solid var(--rh-border);
  background: var(--rh-hover); border-radius: 6px;
}
header.nav .nav-links { flex: 0 1 auto; }

/* ==========================================================================
   v8 — flat, glow-free navbar
   ========================================================================== */
header.nav {
  gap: 20px;
  padding: 10px 24px !important;
  background: color-mix(in srgb, #0F0F11 92%, transparent) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--rh-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: saturate(140%) blur(12px);
}
header.nav .brand-mark {
  width: 26px !important; height: 26px !important;
  filter: none !important;
  box-shadow: none !important;
}
header.nav .brand-word { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.02em; }

header.nav .nav-links { gap: 26px !important; }
header.nav .nav-links a {
  font-size: 14px !important; font-weight: 500 !important;
  color: var(--rh-text-2);
  padding: 8px 2px !important;
}
header.nav .nav-links a:hover { color: var(--rh-text); }
header.nav .nav-links a.active { color: var(--rh-text) !important; font-weight: 600 !important; }
header.nav .nav-links a.active::after {
  left: 0; right: 0; bottom: -10px;
  height: 2px !important; border-radius: 2px;
  background: var(--rh-accent);
  box-shadow: none !important;
}

header.nav .nav-search {
  height: 36px;
  border-radius: 10px !important;
  background: #09090B !important;
  border: 1px solid var(--rh-border) !important;
  box-shadow: none !important;
  max-width: 300px;
}
header.nav .nav-search:focus-within {
  border-color: color-mix(in srgb, var(--rh-accent) 55%, transparent) !important;
  box-shadow: 0 0 0 3px var(--rh-accent-weak) !important;
}
header.nav .nav-search kbd {
  background: #18181B; border: 1px solid var(--rh-border); color: var(--rh-muted);
}

/* user chip: flat, no glow */
header.nav .chip-user {
  gap: 10px !important;
  padding: 4px 12px 4px 4px !important;
  background: #18181B !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
header.nav .chip-user:hover { background: #202024 !important; border-color: #34343a !important; }
header.nav .chip-user img,
header.nav .chip-user .chip-dot {
  width: 30px !important; height: 30px !important;
  border: 1px solid var(--rh-border) !important;
  box-shadow: none !important;
  filter: none !important;
}
header.nav .chip-user .uname { font-size: 13.5px !important; font-weight: 600 !important; color: var(--rh-text); }
header.nav .nav-role {
  font-size: 9.5px !important; font-weight: 700 !important; letter-spacing: .08em;
  padding: 1.5px 6px !important;
  box-shadow: none !important;
}
header.nav .chip-user svg { color: var(--rh-icon-off); }

/* strip remaining accent glows in the header */
header.nav *,
header.nav *::before,
header.nav *::after { text-shadow: none !important; }
header.nav .nav-search { max-width: 340px; flex: 1 1 260px; padding: 0 10px; }
header.nav .nav-search input { font-size: 13px !important; }

/* Search fields: no inner input box (flat, single border) */
.search-box input,
.nav-search input,
.search-wrap input,
#search-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.search-box input:focus,
.nav-search input:focus,
#search-input:focus { outline: none !important; box-shadow: none !important; }