/* =====================================================================
   MemeOps · Redesign A — "Signal Terminal"
   Flat, square, hairline-divided trading terminal. Lime accent on near-black.
   Loaded last in <head>. Delete the <link> to memeops-theme-a.css to revert.
   ===================================================================== */

:root {
  --mo-bg: #0B0C0E;
  --mo-panel: #0E1013;
  --mo-control: #111316;
  --mo-raised: #16181C;
  --mo-line: #1E2126;
  --mo-line-strong: #2A2E35;
  --mo-text: #E8EAED;
  --mo-text-2: #9AA0A8;
  --mo-text-3: #7A818B;
  --mo-accent: var(--brand-primary, #C6F432);
  --mo-accent-hover: #D9FA6B;
  --mo-on-accent: #0B0C0E;
  --mo-rose: #FF5C7A;
  --mo-amber: #FFB547;
  --mo-cyan: #4DD8FF;
  --mo-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mo-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme: dark;
}

/* ---------- Base ---------- */
html body {
  background: var(--mo-bg) !important;
  color: var(--mo-text);
  font-family: var(--mo-sans);
}
html body *:not(.font-mono):not(code):not(pre):not(kbd):not(samp):not(svg):not(path) {
  font-family: var(--mo-sans) !important;
}
html body .font-mono, html body code, html body pre, html body kbd, html body samp {
  font-family: var(--mo-mono) !important;
}
::selection { background: var(--mo-accent); color: var(--mo-on-accent); }

/* Square everything except true circles (status dots, avatars, toggles) */
html body *:not(.rounded-full):not(.rounded-full *) { border-radius: 0 !important; }
html body .rounded-full { border-radius: 9999px !important; }

/* No glows, glass or decorative gradients */
html body .shadow, html body .shadow-sm, html body .shadow-md, html body .shadow-lg,
html body .shadow-xl, html body .shadow-2xl, html body [class*="shadow-brand"],
html body [class*="shadow-emerald"] { box-shadow: none !important; }
html body [class*="backdrop-blur"] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body [class*="bg-gradient-to"]:not(.bg-clip-text) { background-image: none !important; background-color: var(--mo-raised); }
html body .bg-clip-text.text-transparent {
  background: none !important; -webkit-text-fill-color: currentColor; color: var(--mo-accent) !important;
}
html body .cyber-pattern { background: var(--mo-bg) !important; animation: none !important; }

/* Hairline focus, never a blurry ring */
html body :focus-visible { outline: 1px solid var(--mo-accent) !important; outline-offset: 1px; }
html body input:focus, html body select:focus, html body textarea:focus {
  border-color: var(--mo-accent) !important; box-shadow: none !important; outline: none;
}
html body input::placeholder, html body textarea::placeholder { color: #6F7680 !important; }

/* Scrollbars */
html body ::-webkit-scrollbar { width: 6px; height: 6px; }
html body ::-webkit-scrollbar-track { background: transparent; }
html body ::-webkit-scrollbar-thumb { background: var(--mo-line-strong); border-radius: 0 !important; }
html body ::-webkit-scrollbar-thumb:hover { background: #3A3F46; }

/* ---------- Shell: floating icon rail (the original MemeOps sidebar, in A colours) + top header ---------- */
:root { --mo-rail-gutter: 80px; }

html body #mo-sidebar,
html body.sidebar-collapsed #mo-sidebar {
  position: fixed !important;
  left: 12px !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important;
  width: 64px !important; height: auto !important; max-height: 90vh !important;
  display: flex !important; flex-direction: column !important; justify-content: flex-start !important;
  padding: 16px 0 !important; margin: 0 !important;
  background: var(--mo-panel) !important;
  border: 1px solid var(--mo-line) !important; border-radius: 20px !important;
  box-shadow: none !important; backdrop-filter: none !important;
  z-index: 60 !important; overflow: visible !important;
}
/* Rail shows icons only: logo row, collapse toggle and footer stay hidden, as before */
html body #mo-sidebar .border-b,
html body #mo-sidebar > .footer-text,
html body #mo-sidebar button[onclick="toggleSidebar()"] { display: none !important; }

html body #mo-sidebar nav,
html body.sidebar-collapsed #mo-sidebar nav {
  display: flex !important; flex-direction: column !important; align-items: center;
  gap: 8px !important; padding: 0 10px !important; margin: 0 !important;
}
html body #mo-sidebar nav > * + * { margin-top: 0 !important; }
html body #mo-sidebar nav button,
html body.sidebar-collapsed #mo-sidebar nav button {
  position: relative;
  width: 44px !important; height: 44px !important;
  margin: 0 auto !important; padding: 0 !important;
  justify-content: center !important; gap: 0 !important;
  border-radius: 12px !important;
  color: var(--mo-text-2) !important; background: transparent !important;
  transition: color .15s ease, background-color .15s ease !important;
}
html body #mo-sidebar nav button svg { display: block !important; width: 20px !important; height: 20px !important; stroke-width: 1.75; }
html body #mo-sidebar nav button:hover { color: var(--mo-text) !important; background: var(--mo-raised) !important; }
html body #mo-sidebar nav button.text-brand-primary {
  color: var(--mo-accent) !important; background: rgba(198, 244, 50, .10) !important; box-shadow: none !important;
}

/* Hover label to the right of each icon */
html body #mo-sidebar nav .nav-text,
html body.sidebar-collapsed #mo-sidebar nav .nav-text {
  display: block !important;
  position: absolute; left: calc(100% + 18px); top: 50%; transform: translate(-4px, -50%);
  padding: 6px 10px; white-space: nowrap; pointer-events: none;
  background: var(--mo-raised); border: 1px solid var(--mo-line-strong); border-radius: 0 !important;
  color: var(--mo-text) !important; font-family: var(--mo-mono) !important; font-size: 12px; font-weight: 500;
  opacity: 0; transition: opacity .12s ease, transform .12s ease;
}
html body #mo-sidebar nav button:hover .nav-text,
html body #mo-sidebar nav button:focus-visible .nav-text { opacity: 1; transform: translate(0, -50%); }

/* Content column leaves room for the rail */
html body #mo-main,
html body.sidebar-collapsed #mo-main,
html body.page-landing-active #mo-main {
  margin-left: var(--mo-rail-gutter) !important; width: calc(100% - var(--mo-rail-gutter)) !important;
  background: transparent !important;
  padding-bottom: 32px;
}

/* Top header: sub-tabs on the left, CA paste / search / wallet on the right */
html body #global-top-header {
  position: sticky; top: 0; z-index: 55;
  min-height: 62px; padding: 0 24px !important;
  border-bottom: 1px solid var(--mo-line);
  background: var(--mo-bg) !important;
}
html body #global-top-header .liquid-group { margin: 0 !important; }

html body #mo-topbar-actions {
  flex: 1 1 auto; min-width: 0;
  display: flex; align-items: center; justify-content: flex-end; gap: 8px !important;
  margin-left: auto;
}
html body #mo-topbar-actions > div:first-child { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
html body #header-search-input-wrapper { flex: 0 1 380px; min-width: 180px; }
html body #header-search-input-wrapper > div:first-child {
  width: 100% !important; height: 38px; padding: 0 12px !important;
  background: var(--mo-control) !important; border: 1px solid var(--mo-line-strong) !important;
  box-shadow: none !important;
}
html body #header-search-input-wrapper > div:first-child:focus-within { border-color: var(--mo-accent) !important; }
html body #header-token-search-input { font-size: 13px !important; font-family: var(--mo-mono) !important; font-weight: 400 !important; }
html body #header-search-results { width: 100% !important; min-width: 280px; background: var(--mo-panel) !important; border-color: var(--mo-line-strong) !important; }

html body #header-paste-ca-btn,
html body #header-wallet-widget > button {
  height: 38px; min-height: 38px !important; padding: 0 12px !important;
  background: transparent !important; box-shadow: none !important;
  font-family: var(--mo-mono) !important; font-size: 12px !important;
}
html body #header-paste-ca-btn { border: 1px solid var(--mo-line-strong) !important; color: var(--mo-text-2) !important; }
html body #header-paste-ca-btn * { font-family: var(--mo-mono) !important; }
html body #header-paste-ca-btn:hover { color: var(--mo-text) !important; border-color: #3A3F46 !important; }
html body #header-wallet-widget > button { border: 1px solid var(--mo-accent) !important; color: var(--mo-accent) !important; }
html body #header-wallet-widget > button:hover { background: rgba(198, 244, 50, .06) !important; }
html body #header-wallet-widget > button * { font-family: var(--mo-mono) !important; }
html body #header-wallet-dropdown { background: var(--mo-panel) !important; border-color: var(--mo-line-strong) !important; }
html body #mo-topbar-actions .rounded-full, html body #mo-topbar-actions .rounded-xl,
html body #mo-topbar-actions .rounded-2xl { border-radius: 0 !important; }

/* Bottom status bar → terminal footer */
html body .global-status-bar {
  left: var(--mo-rail-gutter) !important; right: 0 !important;
  background: var(--mo-bg) !important; backdrop-filter: none !important;
  border-top: 1px solid var(--mo-line) !important;
  padding: 6px 24px !important;
  font-family: var(--mo-mono) !important; font-size: 11px !important; color: var(--mo-text-3) !important;
}
html body .global-status-bar * { font-family: var(--mo-mono) !important; }
html body .global-status-bar .font-semibold { font-weight: 500 !important; color: var(--mo-text-2) !important; text-transform: uppercase; letter-spacing: 1px; }

/* Background chrome */
html body #starfield-container { background: var(--mo-bg) !important; }
html body #starfield-container::before, html body #starfield-container::after { display: none !important; }
body.page-landing-active { background: var(--mo-bg) !important; }
body.page-landing-active #starfield-container {
  background-image:
    linear-gradient(var(--mo-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--mo-line) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  opacity: .5;
}
#debug-error-console { font-family: var(--mo-mono) !important; }

/* ---------- Surfaces ---------- */
html body .card-uiverse,
html body .card-uiverse-board {
  padding: 0 !important;
  background: var(--mo-panel) !important; background-image: none !important;
  border: 1px solid var(--mo-line) !important;
  box-shadow: none !important; transform: none !important;
  transition: border-color .15s ease !important;
}
html body .card-uiverse:hover { border-color: var(--mo-line-strong) !important; transform: none !important; box-shadow: none !important; }
html body .card-uiverse-board:hover { border-color: var(--mo-line) !important; }
html body .card-uiverse__content,
html body .card-uiverse-board__content { background: transparent !important; }

html body .glass-card {
  background: var(--mo-panel) !important;
  border: 1px solid var(--mo-line) !important;
  box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .glass-card:hover { border-color: var(--mo-line-strong) !important; box-shadow: none !important; }
html body .glow-hover:hover { box-shadow: none !important; }

/* Page headings: tighter, terminal-like */
html body #mo-main h1 { letter-spacing: -0.01em; }
html body #mo-main h1.text-3xl, html body #mo-main h1.text-4xl { font-size: 26px !important; line-height: 1.2 !important; }

/* Small uppercase labels get the A treatment */
html body #mo-main .uppercase.tracking-wider,
html body #mo-main .uppercase.tracking-widest { letter-spacing: 1.5px !important; color: var(--mo-text-3); }

/* Figures read as data */
html body #mo-main :is(div, span, p).text-2xl:is(.font-bold, .font-extrabold),
html body #mo-main :is(div, span, p).text-3xl:is(.font-bold, .font-extrabold) {
  font-family: var(--mo-mono) !important; letter-spacing: -0.5px;
}

/* ---------- Tabs ---------- */
html body .liquid-group {
  --radius: 0px;
  gap: 2px; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html body .liquid-group button, html body .liquid-group label {
  height: 32px; padding: 0 12px !important;
  display: inline-flex; align-items: center;
  border: 1px solid transparent !important;
  font-family: var(--mo-mono) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .3px; color: var(--mo-text-3) !important; background: transparent !important;
  box-shadow: none !important; transform: none !important;
}
html body .liquid-group button:hover, html body .liquid-group label:hover { color: var(--mo-text) !important; }
html body .liquid-group button.liquid-active, html body .liquid-group label.liquid-active {
  background: var(--mo-raised) !important; color: var(--mo-text) !important;
  border-color: var(--mo-line-strong) !important; font-weight: 700 !important; box-shadow: none !important;
}
html body #global-top-header .liquid-group { margin: 0 !important; padding: 8px 0 !important; }

/* ---------- Buttons ---------- */
html body .bg-brand-primary,
html body .bg-emerald-500.text-white, html body .bg-emerald-600.text-white {
  color: var(--mo-on-accent) !important;
}
html body .bg-brand-primary .text-white { color: inherit !important; }
html body button.bg-brand-primary, html body a.bg-brand-primary {
  font-family: var(--mo-mono) !important; font-weight: 700 !important; letter-spacing: .5px;
  box-shadow: none !important;
}
html body button.bg-brand-primary *, html body a.bg-brand-primary * { font-family: var(--mo-mono) !important; }
html body button.bg-brand-primary:hover, html body a.bg-brand-primary:hover { background-color: var(--mo-accent-hover) !important; }

html body .btn-uiverse-trade,
html body .btn-uiverse-vamp {
  --color: var(--mo-accent);
  height: 30px; padding: 0 10px !important;
  border: 1px solid var(--mo-line-strong) !important;
  background: var(--mo-control) !important; box-shadow: none !important;
  color: var(--mo-accent) !important;
  font-family: var(--mo-mono) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .5px;
}
html body .btn-uiverse-trade:hover, html body .btn-uiverse-vamp:hover {
  border-color: var(--mo-accent) !important; background: var(--mo-control) !important;
  color: var(--mo-accent) !important; box-shadow: none !important;
}
html body .btn-uiverse-trade:before, html body .btn-uiverse-vamp:before,
html body .btn-uiverse-deploy:before { display: none !important; }

html body .btn-uiverse-deploy {
  --color: var(--mo-accent);
  min-height: 44px;
  border: 1px solid var(--mo-accent) !important; background: rgba(198, 244, 50, .06) !important; box-shadow: none !important;
  color: var(--mo-accent) !important; transition: background-color .15s, color .15s !important;
  font-family: var(--mo-mono) !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase;
}
html body .btn-uiverse-deploy * { color: inherit !important; font-family: var(--mo-mono) !important; }
html body .btn-uiverse-deploy:hover { background: var(--mo-accent-hover) !important; color: var(--mo-on-accent) !important; box-shadow: none !important; }
html body .btn-uiverse-deploy:disabled { background: var(--mo-raised) !important; color: var(--mo-text-3) !important; }

html body .btn-uiverse-3d { box-shadow: none !important; text-shadow: none !important; font-family: var(--mo-mono) !important; }

html body .neon-checkbox { --primary: var(--mo-accent); --primary-dark: #93B816; --primary-light: #E3FF8A; }

/* Custom selects (MemeOps' own dropdown component) */
html body .custom-select-trigger {
  background: var(--mo-control) !important; border: 1px solid var(--mo-line-strong) !important;
  box-shadow: none !important;
}
html body .custom-select-options {
  background: var(--mo-panel) !important; border: 1px solid var(--mo-line-strong) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.5) !important; backdrop-filter: none !important;
}
html body .custom-select-option:hover, html body .custom-select-option.selected { background: var(--mo-raised) !important; }

/* Modals */
html body .modal-overlay-fixed { background: rgba(5, 6, 7, .78) !important; backdrop-filter: none !important; }

/* Toasts */
html body #toast-container > * { font-family: var(--mo-mono) !important; font-size: 12px !important; }

/* Progress bars: 2px lines like the bonding bars in A */
html body #mo-main .h-1\.5.rounded-full, html body #mo-main .h-2.rounded-full { border-radius: 0 !important; }

/* ---------- Trenches cards ---------- */
html body [id^="trenches-list-"] .card-uiverse { border-width: 0 0 1px 0 !important; background: transparent !important; }
html body [id^="trenches-list-"] .card-uiverse:hover { background: var(--mo-control) !important; }
html body [id^="trenches-list-"] .card-uiverse .w-20.h-20 { border-width: 1px !important; border-color: var(--mo-line-strong) !important; }
html body [id^="trenches-list-"] { gap: 0 !important; }
/* Narrower columns next to the sidebar: let the token info shrink instead of clipping MC/LIQ */
html body [id^="trenches-list-"] .card-uiverse__content > div:first-child { gap: 8px; }
html body [id^="trenches-list-"] .card-uiverse__content > div:first-child > div:first-child { flex: 1 1 auto; min-width: 0; gap: 10px; }
html body [id^="trenches-list-"] .card-uiverse__content > div:first-child > div:first-child > div:last-child { min-width: 0; }
html body [id^="trenches-list-"] .card-uiverse__content > div:first-child > div:last-child { flex: none; }
html body [id^="trenches-list-"] .card-uiverse .w-20.h-20 { width: 60px !important; height: 60px !important; font-size: 15px !important; }
html body [id^="trenches-list-"] .card-uiverse .w-12.h-1 { width: 32px !important; flex: 0 1 32px; }
html body [id^="trenches-list-"] .card-uiverse .relative.shrink-0 { align-self: flex-start; }
html body [id^="trenches-list-"] .token-age-counter { white-space: nowrap; }
html body [id^="trenches-list-"] .card-uiverse .gap-2.text-\[10px\] { gap: 6px !important; flex-wrap: wrap; }
html body .liquid-group.hidden { display: none !important; }
html body [id^="trenches-list-"] > * + * { margin-top: 0 !important; }

/* ---------- Settings panel follows the same palette ---------- */
html body #page-settings.mos-root {
  --mos-bg: var(--mo-bg);
  --mos-panel: var(--mo-panel);
  --mos-control: var(--mo-control);
  --mos-line: var(--mo-line);
  --mos-line-strong: var(--mo-line-strong);
  --mos-text: var(--mo-text);
  --mos-text-2: var(--mo-text-2);
  --mos-text-3: var(--mo-text-3);
  --mos-neg: var(--mo-rose);
  --mos-neg-rgb: 255, 92, 122;
}
html body #page-settings .mos-h1 { color: var(--mo-text) !important; }

/* ---------- Phone: sidebar becomes a top bar with a scrolling menu ---------- */
@media (max-width: 767px) {
  html body #mo-sidebar,
  html body.sidebar-collapsed #mo-sidebar {
    position: sticky !important; top: 0 !important; left: 0 !important; bottom: auto !important; transform: none !important;
    width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important;
    padding: 0 !important; background: var(--mo-bg) !important;
    border: 0 !important; border-bottom: 1px solid var(--mo-line) !important; border-radius: 0 !important;
  }
  html body #mo-sidebar .border-b { display: flex !important; align-items: center !important; border: 0 !important; border-bottom: 1px solid var(--mo-line) !important; margin: 0 !important; }
  html body #mo-sidebar .brand-logo-wrapper { display: flex !important; width: auto !important; margin: 0 !important; gap: 10px !important; }
  html body #mo-sidebar .brand-logo-wrapper > div {
    width: 26px !important; height: 26px !important; background: var(--mo-accent) !important; color: var(--mo-on-accent) !important;
    font-family: var(--mo-mono) !important; font-weight: 700; font-size: 15px;
  }
  html body #mo-sidebar .brand-text {
    display: inline !important; font-family: var(--mo-mono) !important; font-weight: 700 !important;
    font-size: 15px !important; letter-spacing: 3px !important; text-transform: uppercase; color: var(--mo-text) !important;
  }
  html body #mo-sidebar nav .nav-text, html body.sidebar-collapsed #mo-sidebar nav .nav-text {
    position: static; transform: none; opacity: 1; padding: 0; background: none; border: 0;
    font-family: var(--mo-sans) !important; font-size: 14px; color: inherit !important; pointer-events: auto;
  }
  html body #mo-sidebar nav button.text-brand-primary { color: var(--mo-text) !important; background: var(--mo-raised) !important; }
  html body #mo-sidebar > div:first-child { min-width: 0; }
  html body #mo-sidebar .border-b, html body.sidebar-collapsed #mo-sidebar .border-b { height: 54px; padding: 0 16px !important; justify-content: space-between !important; }
  html body.sidebar-collapsed #mo-sidebar .brand-logo-wrapper,
  html body.sidebar-collapsed #mo-sidebar .nav-text { display: flex !important; }
  html body #mo-sidebar button[onclick="toggleSidebar()"] { display: none !important; }
  html body #mo-sidebar nav, html body.sidebar-collapsed #mo-sidebar nav {
    flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto;
    padding: 4px 12px !important; scrollbar-width: none;
  }
  html body #mo-sidebar nav::-webkit-scrollbar { display: none; }
  html body #mo-sidebar nav::before { display: none; }
  html body #mo-sidebar nav, html body.sidebar-collapsed #mo-sidebar nav { align-items: center; gap: 2px !important; }
  html body #mo-sidebar nav button, html body.sidebar-collapsed #mo-sidebar nav button {
    width: auto !important; height: 40px !important; padding: 0 12px !important; margin: 0 !important; flex: none; justify-content: center !important; border-radius: 0 !important;
  }
  html body #mo-sidebar nav button svg { display: none !important; }
  html body #mo-sidebar nav button.text-brand-primary { box-shadow: inset 0 -2px 0 var(--mo-accent) !important; }
  html body #mo-sidebar > .footer-text { display: none !important; }

  html body #mo-main, html body.sidebar-collapsed #mo-main, html body.page-landing-active #mo-main { margin-left: 0 !important; width: 100% !important; }
  html body #global-top-header { position: static; flex-wrap: wrap; padding: 8px 16px !important; min-height: 0; }
  html body #global-top-header > div:first-child { max-width: 100%; overflow-x: auto; }
  html body #mo-topbar-actions { flex: 1 1 100%; flex-wrap: wrap; justify-content: stretch; }
  html body #mo-topbar-actions > div:first-child { flex: 1 1 100%; min-width: 0; }
  html body #header-search-input-wrapper { flex: 1 1 0; min-width: 0; max-width: none; }
  html body #header-token-search-input { min-width: 0; width: 100%; }
  html body #header-wallet-widget { flex: 1 1 auto; }
  html body #header-wallet-widget > button { width: 100%; justify-content: center; }

  html body .global-status-bar, html body.sidebar-collapsed .global-status-bar {
    left: 0 !important; flex-direction: row !important; flex-wrap: wrap; gap: 4px 12px !important; padding: 6px 16px !important;
  }
  html body #lbl-solana-status { display: none; }
}

/* ---------- Radar loader: no square frame ----------
   The global radius reset above turns the loader's outer ring into a square box.
   Drop that frame (border, fill, glow) but keep a round clip so the sweep and dots stay circular. */
html body .loader.loader.loader {
  border-radius: 50% !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ---------- Super Tools · operational wallet actions: one tidy button row ---------- */
html body #super-tools-wallet-card-wrapper #super-tools-wallet-addr { font-family: var(--mo-mono) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .01em; margin-right: 6px; }
html body #super-tools-wallet-card-wrapper button[onclick^="copySuperToolsWalletAddress"],
html body #super-tools-wallet-card-wrapper button[onclick^="viewSuperToolsPrivateKey"],
html body #super-tools-wallet-card-wrapper button[onclick^="promptDeleteSuperToolsWallet"] {
  height: 30px !important; min-width: 30px; padding: 0 12px !important; gap: 7px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 0 !important; border: 1px solid var(--mo-line-strong) !important;
  background: transparent !important; color: var(--mo-text-2) !important;
  font-family: var(--mo-mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .08em; text-transform: uppercase;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease !important;
}
html body #super-tools-wallet-card-wrapper button[onclick^="copySuperToolsWalletAddress"] { width: 30px !important; padding: 0 !important; }
html body #super-tools-wallet-card-wrapper button[onclick^="copySuperToolsWalletAddress"] svg,
html body #super-tools-wallet-card-wrapper button[onclick^="viewSuperToolsPrivateKey"] svg,
html body #super-tools-wallet-card-wrapper button[onclick^="promptDeleteSuperToolsWallet"] svg { width: 14px !important; height: 14px !important; stroke-width: 1.75; }
html body #super-tools-wallet-card-wrapper button[onclick^="copySuperToolsWalletAddress"]:hover,
html body #super-tools-wallet-card-wrapper button[onclick^="viewSuperToolsPrivateKey"]:hover {
  color: var(--mo-text) !important; border-color: #4A505A !important; background: var(--mo-raised) !important;
}
html body #super-tools-wallet-card-wrapper button[onclick^="promptDeleteSuperToolsWallet"]:hover {
  color: var(--mo-rose) !important; border-color: rgba(255, 92, 122, .55) !important; background: rgba(255, 92, 122, .08) !important;
}

/* ---------- Clicks always land on the button, never on its (re-rendered) icon ---------- */
html body button > svg.lucide, html body #mo-sidebar nav button * { pointer-events: none; }

/* ---------- User menu (top right): account, Settings, Support, Sign out ---------- */
html body #nav-btn-settings, html body #nav-btn-support { display: none !important; }   /* moved into the user menu */
.mo-um { position: relative; flex-shrink: 0; z-index: 45; }
.mo-um-btn { display: inline-flex; align-items: center; gap: 9px; height: 38px; padding: 0 10px 0 5px; background: transparent; border: 1px solid var(--mo-line-strong, #2A2E35); color: var(--mo-text, #E8EAED); font: 500 12px var(--mo-mono, monospace); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.mo-um-btn:hover, .mo-um-btn[aria-expanded="true"] { border-color: #4A505A; background: var(--mo-raised, #16181C); }
.mo-um-av { width: 28px; height: 28px; flex: 0 0 28px; display: inline-flex; align-items: center; justify-content: center; background: var(--mo-accent, #C6F432); color: var(--mo-on-accent, #0B0C0E); font: 600 13px var(--mo-mono, monospace); }
.mo-um-av-lg { width: 36px; height: 36px; flex-basis: 36px; font-size: 15px; }
.mo-um-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mo-um-chev { color: var(--mo-text-3, #7A818B); transition: transform .15s ease; }
.mo-um-btn[aria-expanded="true"] .mo-um-chev { transform: rotate(180deg); }
.mo-um-menu { position: absolute; right: 0; top: calc(100% + 8px); width: 248px; background: var(--mo-panel, #0E1013); border: 1px solid var(--mo-line-strong, #2A2E35); box-shadow: 0 16px 40px rgba(0, 0, 0, .45); padding: 6px; z-index: 80; }
.mo-um-menu[hidden] { display: none; }
.mo-um-head { display: flex; align-items: center; gap: 11px; padding: 10px 10px 12px; border-bottom: 1px solid var(--mo-line, #1E2126); margin-bottom: 6px; }
.mo-um-head b { display: block; font: 600 13px var(--mo-mono, monospace); color: var(--mo-text, #E8EAED); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mo-um-head small { display: block; font-size: 11.5px; color: var(--mo-text-3, #7A818B); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }
.mo-um-menu > button { display: flex; align-items: center; gap: 11px; width: 100%; height: 38px; padding: 0 10px; background: transparent; border: 0; color: var(--mo-text-2, #9AA0A8); font: 500 13px var(--mo-sans, system-ui); text-align: left; cursor: pointer; transition: background-color .12s ease, color .12s ease; }
.mo-um-menu > button svg { flex: 0 0 16px; }
.mo-um-menu > button:hover, .mo-um-menu > button:focus-visible { background: var(--mo-raised, #16181C); color: var(--mo-text, #E8EAED); outline: none; }
.mo-um-menu > button.mo-um-out:hover { color: var(--mo-rose, #FF5C7A); background: rgba(255, 92, 122, .07); }
.mo-um-sep { height: 1px; background: var(--mo-line, #1E2126); margin: 6px 0; }
#page-landing .mo-um-btn { height: 40px; }
@media (max-width: 767px) { .mo-um-name { display: none; } .mo-um-btn { padding-right: 8px; } }
.mo-um-av { overflow: hidden; }
.mo-um-av img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- Settings → Profile photo ---------- */
#mo-profile-card { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 20px 22px; background: var(--mo-panel, #0E1013); border: 1px solid var(--mo-line, #1E2126); }
#mo-profile-card.is-busy { opacity: .6; pointer-events: none; }
#mo-profile-card .mo-pf-av { width: 72px; height: 72px; flex: 0 0 72px; font-size: 28px; }
#mo-profile-card .mo-pf-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
#mo-profile-card .mo-pf-k { font: 500 11px var(--mo-mono, monospace); letter-spacing: .16em; text-transform: uppercase; color: var(--mo-text-3, #7A818B); }
#mo-profile-card .mo-pf-info b { font: 600 17px var(--mo-mono, monospace); color: var(--mo-text, #E8EAED); }
#mo-profile-card .mo-pf-info small { font-size: 12.5px; color: var(--mo-text-3, #7A818B); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mo-profile-card .mo-pf-acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#mo-profile-card .mo-pf-btn { height: 34px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid var(--mo-line-strong, #2A2E35); background: transparent; color: var(--mo-text-2, #9AA0A8); font: 500 12px var(--mo-mono, monospace); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: border-color .15s ease, color .15s ease, background-color .15s ease; }
#mo-profile-card .mo-pf-btn:hover { color: var(--mo-text, #E8EAED); border-color: #4A505A; }
#mo-profile-card .mo-pf-btn.is-main { background: var(--mo-accent, #C6F432); border-color: var(--mo-accent, #C6F432); color: var(--mo-on-accent, #0B0C0E); }
#mo-profile-card .mo-pf-btn.is-main:hover { background: var(--mo-accent-hover, #D9FA6B); }
#mo-profile-card #mo-pf-remove:hover { color: var(--mo-rose, #FF5C7A); border-color: rgba(255, 92, 122, .55); }
#mo-profile-card .mo-pf-hint { width: 100%; font-size: 11.5px; color: var(--mo-text-3, #7A818B); }
@media (min-width: 900px) { #mo-profile-card .mo-pf-hint { width: auto; margin-left: 4px; } }