/* Workspace shell: the ERP-style frame for every signed-in /app page -- a dark grouped
   navigation rail on the inline-start edge and a light top bar for the account controls.
   Loaded last on workspace pages only (injected by tools/build-netlify-alpha.mjs), and
   every rule is scoped to html[data-listingmind-workspace-auth] -- the attribute the
   workspace auth guard owns -- so marketing pages can never pick any of it up even if
   this file were linked there by mistake. Markup: _partials/workspace-nav.html. */

:root {
  --lm-rail-width: 248px;
  --lm-rail-bg: #0f2a31;
  --lm-rail-text: #c9d8d6;
  --lm-rail-muted: rgba(213, 226, 225, .6);
  --lm-rail-active-bg: rgba(255, 255, 255, .12);
  --lm-rail-hover-bg: rgba(255, 255, 255, .07);
  --lm-accent: #008f76;
  --lm-canvas: #eef2f2;
  --lm-topbar-line: #d9e2e1;
  --lm-icon-dashboard: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%229%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%225%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%2212%22 width=%227%22 height=%229%22 rx=%221.5%22/%3E%3Crect x=%223%22 y=%2216%22 width=%227%22 height=%225%22 rx=%221.5%22/%3E%3C/svg%3E");
  --lm-icon-opportunities: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m20 20-4-4%22/%3E%3C/svg%3E");
  --lm-icon-trends: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 17l6-6 4 4 8-8%22/%3E%3Cpath d=%22M15 7h6v6%22/%3E%3C/svg%3E");
  --lm-icon-listing-analysis: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 11l2 2 4-4%22/%3E%3Crect x=%224%22 y=%223%22 width=%2216%22 height=%2218%22 rx=%222%22/%3E%3C/svg%3E");
  --lm-icon-similar-products: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12l-8 8-9-9V3h8z%22/%3E%3Ccircle cx=%227.5%22 cy=%227.5%22 r=%221.5%22/%3E%3C/svg%3E");
  --lm-icon-products: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 8l-9-5-9 5 9 5z%22/%3E%3Cpath d=%22M3 8v8l9 5 9-5V8%22/%3E%3Cpath d=%22M12 13v8%22/%3E%3C/svg%3E");
  --lm-icon-my-reports: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z%22/%3E%3Cpath d=%22M14 3v6h6%22/%3E%3Cpath d=%22M8 13h8M8 17h5%22/%3E%3C/svg%3E");
  --lm-icon-stores: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 9l1.5-5h13L20 9%22/%3E%3Cpath d=%22M4 9h16v11H4z%22/%3E%3Cpath d=%22M9 20v-6h6v6%22/%3E%3C/svg%3E");
  --lm-icon-credits: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%225%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M2 10h20%22/%3E%3C/svg%3E");
  --lm-icon-downloads: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3v12m-5-5 5 5 5-5%22/%3E%3Cpath d=%22M4 21h16%22/%3E%3C/svg%3E");
  --lm-icon-support: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6V14%22/%3E%3Cpath d=%22M12 17.5v.01%22/%3E%3C/svg%3E");
  --lm-icon-account: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1 7 17M17 7l2.1-2.1%22/%3E%3C/svg%3E");
  --lm-icon-help: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 19.5V5a2 2 0 0 1 2-2h14v16H6a2 2 0 0 0-2 2z%22/%3E%3Cpath d=%22M8 7h8%22/%3E%3C/svg%3E");
  --lm-icon-lang: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18M12 3c2.5 2.7 3.8 5.7 3.8 9s-1.3 6.3-3.8 9c-2.5-2.7-3.8-5.7-3.8-9S9.5 5.7 12 3z%22/%3E%3C/svg%3E");
  --lm-icon-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m20 20-4-4%22/%3E%3C/svg%3E");
  --lm-icon-bell: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8a6 6 0 1 1 12 0c0 7 3 8 3 8H3s3-1 3-8%22/%3E%3Cpath d=%22M10 20a2 2 0 0 0 4 0%22/%3E%3C/svg%3E");
  --lm-icon-menu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6h16M4 12h16M4 18h16%22/%3E%3C/svg%3E");
  --lm-icon-close: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E");
}

html[data-listingmind-workspace-auth] body {
  background: var(--lm-canvas);
}

/* ---------- Rail items (shared by the desktop rail and the phone drawer) ---------- */

html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 2px;
  padding: 14px 12px 18px;
  background: var(--lm-rail-bg);
  color: var(--lm-rail-text);
}

html[data-listingmind-workspace-auth] .workspace-rail-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 8px 12px;
  color: #fff;
  text-decoration: none;
}

html[data-listingmind-workspace-auth] .workspace-rail-brand img {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  flex: none;
}

html[data-listingmind-workspace-auth] .workspace-rail-brand span {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

html[data-listingmind-workspace-auth] .workspace-rail-brand strong {
  font-size: 15px;
  font-weight: 700;
}

html[data-listingmind-workspace-auth] .workspace-rail-brand small {
  font-size: 12px;
  font-weight: 400;
  color: var(--lm-rail-muted);
}

html[data-listingmind-workspace-auth] .workspace-nav-group {
  display: block;
  margin: 16px 12px 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--lm-rail-muted);
}

html[dir="rtl"][data-listingmind-workspace-auth] .workspace-nav-group {
  letter-spacing: 0;
  font-size: 12px;
}

html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a[data-workspace-tool],
html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-footer a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  margin: 0;
  padding: 0 12px;
  border-radius: 6px;
  color: var(--lm-rail-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  background: transparent;
}

html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a[data-workspace-tool]::before,
html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-footer a::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--lm-icon) center / contain no-repeat;
  mask: var(--lm-icon) center / contain no-repeat;
}

html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a[data-workspace-tool]:hover,
html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-footer a:hover {
  background: var(--lm-rail-hover-bg);
  color: #fff;
}

html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a[data-workspace-tool][aria-current="page"] {
  background: var(--lm-rail-active-bg);
  color: #fff;
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--lm-accent);
}

html[dir="rtl"][data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a[data-workspace-tool][aria-current="page"] {
  box-shadow: inset -3px 0 0 var(--lm-accent);
}

html[data-listingmind-workspace-auth] .workspace-nav a:focus-visible,
html[data-listingmind-workspace-auth] .workspace-nav button:focus-visible {
  outline: 2px solid #9ff0dc;
  outline-offset: 1px;
}

html[data-listingmind-workspace-auth] [data-workspace-tool="dashboard"] { --lm-icon: var(--lm-icon-dashboard); }
html[data-listingmind-workspace-auth] [data-workspace-tool="opportunities"] { --lm-icon: var(--lm-icon-opportunities); }
html[data-listingmind-workspace-auth] [data-workspace-tool="trends"] { --lm-icon: var(--lm-icon-trends); }
html[data-listingmind-workspace-auth] [data-workspace-tool="listing-analysis"] { --lm-icon: var(--lm-icon-listing-analysis); }
html[data-listingmind-workspace-auth] [data-workspace-tool="similar-products"] { --lm-icon: var(--lm-icon-similar-products); }
html[data-listingmind-workspace-auth] [data-workspace-tool="products"] { --lm-icon: var(--lm-icon-products); }
html[data-listingmind-workspace-auth] [data-workspace-tool="my-reports"] { --lm-icon: var(--lm-icon-my-reports); }
html[data-listingmind-workspace-auth] [data-workspace-tool="stores"] { --lm-icon: var(--lm-icon-stores); }
html[data-listingmind-workspace-auth] [data-workspace-tool="credits"] { --lm-icon: var(--lm-icon-credits); }
html[data-listingmind-workspace-auth] [data-workspace-tool="downloads"] { --lm-icon: var(--lm-icon-downloads); }
html[data-listingmind-workspace-auth] [data-workspace-tool="support"] { --lm-icon: var(--lm-icon-support); }
html[data-listingmind-workspace-auth] [data-workspace-tool="account"] { --lm-icon: var(--lm-icon-account); }
html[data-listingmind-workspace-auth] .workspace-nav-footer .workspace-help-link { --lm-icon: var(--lm-icon-help); }
html[data-listingmind-workspace-auth] .workspace-nav-footer .lang-switch-link { --lm-icon: var(--lm-icon-lang); }

html[data-listingmind-workspace-auth] .workspace-nav-footer {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

html[data-listingmind-workspace-auth] .workspace-nav-footer a {
  min-height: 34px;
  font-size: 13.5px;
}

/* The old page-level section sidebars duplicate the rail, so pages run full width. */
html[data-listingmind-workspace-auth] .dashboard-sidebar {
  display: none;
}

html[data-listingmind-workspace-auth] .dashboard-shell {
  display: block;
}

/* ---------- Top bar ---------- */

html[data-listingmind-workspace-auth] .topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 60px;
  padding: 8px 24px;
  background: #fff;
  border-bottom: 1px solid var(--lm-topbar-line);
  backdrop-filter: none;
}

html[data-listingmind-workspace-auth] .topbar .website-account-badge {
  width: auto;
  margin-inline-start: auto;
  margin-inline-end: 0;
}

/* ---------- Desktop: fixed rail ---------- */

@media (min-width: 1024px) {
  html[data-listingmind-workspace-auth] body {
    padding-inline-start: var(--lm-rail-width);
  }

  html[data-listingmind-workspace-auth] .topbar > .brand {
    display: none;
  }

  html[data-listingmind-workspace-auth] .workspace-nav {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 30;
    width: var(--lm-rail-width);
    margin: 0;
    background: var(--lm-rail-bg);
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-toggle {
    display: none;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .2) transparent;
  }
}

/* ---------- Tablet and phone: menu button + slide-in drawer ---------- */

@media (max-width: 1023.98px) {
  html[data-listingmind-workspace-auth] .topbar {
    padding: 8px 12px;
    gap: 8px;
  }

  html[data-listingmind-workspace-auth] .topbar > .brand {
    order: 0;
    min-width: 0;
  }

  html[data-listingmind-workspace-auth] .topbar > .brand img {
    width: 34px;
    height: 34px;
    border-radius: 8px;
  }

  html[data-listingmind-workspace-auth] .topbar > .brand strong {
    font-size: 16px;
  }

  html[data-listingmind-workspace-auth] .topbar > .brand small {
    display: none;
  }

  html[data-listingmind-workspace-auth] .workspace-nav {
    order: -1;
    display: block;
    width: auto;
    flex: none;
    margin: 0;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-toggle {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid var(--lm-topbar-line);
    border-radius: 8px;
    background: #fff;
    color: #13262b;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-toggle::after {
    content: "";
    width: 20px;
    height: 20px;
    border: 0;
    transform: none;
    background: currentColor;
    -webkit-mask: var(--lm-icon-menu) center / contain no-repeat;
    mask: var(--lm-icon-menu) center / contain no-repeat;
  }

  html[data-listingmind-workspace-auth] .workspace-nav.is-open .workspace-nav-toggle::after {
    transform: none;
    -webkit-mask-image: var(--lm-icon-close);
    mask-image: var(--lm-icon-close);
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-toggle > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links {
    display: none;
    margin: 0;
    border: 0;
    border-radius: 0;
  }

  html[data-listingmind-workspace-auth] .workspace-nav.is-open .workspace-nav-links {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 40;
    display: flex;
    width: min(300px, 86vw);
    overflow-y: auto;
    padding-top: 72px;
    box-shadow: 0 0 0 100vmax rgba(8, 22, 26, .5);
  }

  /* The toggle stays reachable above the open drawer so it doubles as the close button. */
  html[data-listingmind-workspace-auth] .workspace-nav.is-open .workspace-nav-toggle {
    position: fixed;
    top: 8px;
    inset-inline-start: 12px;
    z-index: 41;
    background: var(--lm-rail-bg);
    border-color: rgba(255, 255, 255, .25);
    color: #fff;
  }

  html[data-listingmind-workspace-auth] .workspace-nav.is-open .workspace-rail-brand {
    position: absolute;
    top: 14px;
    inset-inline-start: 68px;
    padding: 0;
  }

  /* styles.css's old phone menu spreads link text with space-between and full width. */
  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a {
    justify-content: flex-start;
    text-align: start;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links a[data-workspace-tool],
  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-footer a {
    min-height: 44px;
    width: auto;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-links > .workspace-rail-brand {
    width: auto;
  }
}

@media (max-width: 640px) {
  /* Logo only: the account name, Profile and Sign out need the width more. */
  html[data-listingmind-workspace-auth] .topbar > .brand > span {
    display: none;
  }

  html[data-listingmind-workspace-auth] .topbar .website-account-badge {
    min-width: 0;
    gap: 6px;
  }

  html[data-listingmind-workspace-auth] .topbar .website-account-badge .account-summary {
    min-width: 0;
    max-width: 96px;
  }
}

@media print {
  html[data-listingmind-workspace-auth] body {
    padding-inline-start: 0;
    background: #fff;
  }

  html[data-listingmind-workspace-auth] .workspace-nav,
  html[data-listingmind-workspace-auth] .topbar {
    display: none;
  }
}

/* =====================================================================================
   Shared components: type, colour, panels, buttons, fields and chips, brought to the
   ERP prototype's look across every workspace page. Each page keeps its own layout;
   these rules only restyle the building blocks they share.
   ===================================================================================== */

html[data-listingmind-workspace-auth] {
  /* Page stylesheets read these; redefining them here re-themes their components too.
     --green is darker than the marketing site's so white button text passes WCAG AA. */
  --green: #007a65;
  --green-dark: #006454;
  --ink: #13262b;
  --muted: #53686d;
  --line: #d9e2e1;
  --soft: #f6f8f8;
  --teal-soft: #e6f3f0;
  --card: #ffffff;
  --lm-font: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --lm-font-ar: "IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", Tahoma, sans-serif;
  --lm-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}

html[data-listingmind-workspace-auth] body {
  color: var(--ink);
  font-family: var(--lm-font);
  font-size: 14px;
  line-height: 1.5;
}

html[dir="rtl"][data-listingmind-workspace-auth] body {
  font-family: var(--lm-font-ar);
}

html[data-listingmind-workspace-auth] body :is(button, input, select, textarea, h1, h2, h3, h4, p, li, td, th, label, a, span, small, strong) {
  font-family: inherit;
}

/* Headings: workspace pages are working screens, not landing pages. */
html[data-listingmind-workspace-auth] body :is(main, .shell, .dashboard-content) h1 {
  font-size: clamp(22px, 1.4vw + 12px, 28px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.01em;
}

html[data-listingmind-workspace-auth] body :is(main, .shell, .dashboard-content) h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
}

html[data-listingmind-workspace-auth] body :is(main, .shell, .dashboard-content) h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

html[data-listingmind-workspace-auth] .eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
}

html[dir="rtl"][data-listingmind-workspace-auth] .eyebrow {
  letter-spacing: 0;
}

/* Panels and cards: flat, hairline border, 8px corners. */
html[data-listingmind-workspace-auth] .panel {
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: none;
}

/* Buttons. */
html[data-listingmind-workspace-auth] .button,
html[data-listingmind-workspace-auth] a.secondary,
html[data-listingmind-workspace-auth] button.secondary,
html[data-listingmind-workspace-auth] button.primary,
html[data-listingmind-workspace-auth] a.primary {
  min-height: 40px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  box-shadow: none;
}

html[data-listingmind-workspace-auth] .button.primary,
html[data-listingmind-workspace-auth] button.primary,
html[data-listingmind-workspace-auth] a.primary {
  border: 1px solid var(--green);
  background: var(--green);
  color: #fff;
}

html[data-listingmind-workspace-auth] .button.primary:hover,
html[data-listingmind-workspace-auth] button.primary:hover:not(:disabled),
html[data-listingmind-workspace-auth] a.primary:hover {
  border-color: var(--green-dark);
  background: var(--green-dark);
}

html[data-listingmind-workspace-auth] .button.secondary,
html[data-listingmind-workspace-auth] a.secondary,
html[data-listingmind-workspace-auth] button.secondary {
  border: 1px solid #c9d4d3;
  background: #fff;
  color: var(--ink);
}

html[data-listingmind-workspace-auth] .button.secondary:hover,
html[data-listingmind-workspace-auth] a.secondary:hover,
html[data-listingmind-workspace-auth] button.secondary:hover:not(:disabled) {
  background: #f5f8f8;
}

/* Form fields. */
html[data-listingmind-workspace-auth] body :is(main, .shell, .dashboard-content) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]), select, textarea) {
  border-color: #c9d4d3;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
}

html[data-listingmind-workspace-auth] body :is(main, .shell, .dashboard-content) :is(input, select, textarea):focus-visible {
  outline: 2px solid rgba(0, 122, 101, .35);
  outline-offset: 1px;
  border-color: var(--green);
}

html[data-listingmind-workspace-auth] body :is(main, .shell, .dashboard-content) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--green);
}

/* Numbers line up in tables and figures. */
html[data-listingmind-workspace-auth] body :is(td, th, .kpi-value, .metric-value) {
  font-variant-numeric: tabular-nums;
}

/* Verdict pills on My Products: square-cornered chips like the rest of the ERP. */
html[data-listingmind-workspace-auth] .products-pill {
  border-radius: 4px;
  font-weight: 600;
}

/* Footer: a quiet strip at the bottom of the working area. */
html[data-listingmind-workspace-auth] .footer {
  font-size: 13px;
  color: var(--muted);
  background: transparent;
  border-top: 1px solid var(--line);
}

html[data-listingmind-workspace-auth] .footer a {
  font-weight: 500;
  color: var(--muted);
}

html[data-listingmind-workspace-auth] .footer a:hover {
  color: var(--green-dark);
}

/* Pill-shaped controls from the old look, squared to the ERP's 6px buttons / 4px chips. */
html[data-listingmind-workspace-auth] .topbar .account-signout-button,
html[data-listingmind-workspace-auth] .topbar .account-profile-dropdown .nav-dropdown-trigger,
html[data-listingmind-workspace-auth] .ticket-view-button,
html[data-listingmind-workspace-auth] .products-filter,
html[data-listingmind-workspace-auth] .quiet-link,
html[data-listingmind-workspace-auth] .cost-source-link,
html[data-listingmind-workspace-auth] .sourcing-kit-btn,
html[data-listingmind-workspace-auth] .checklist label {
  border-radius: 6px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .status-pill,
html[data-listingmind-workspace-auth] .signal-chips span,
html[data-listingmind-workspace-auth] .products-tool-chip,
html[data-listingmind-workspace-auth] .products-stage-pill {
  border-radius: 4px;
  font-weight: 600;
}

/* Opportunity Explorer styles every <button> as a green pill. */
html[data-listingmind-workspace-auth] .shell button:not(.workspace-nav-toggle) {
  border-radius: 6px;
  font-weight: 600;
}

/* =====================================================================================
   Workspace page components (shared by the redesigned screens)
   ===================================================================================== */

/* Every workspace page starts at the same place: a full-width working area. */
html[data-listingmind-workspace-auth] .dashboard-shell.shell {
  max-width: 1400px;
  margin: 0;
  padding: 20px 24px 40px;
}

@media (max-width: 640px) {
  html[data-listingmind-workspace-auth] .dashboard-shell.shell {
    padding: 16px 16px 32px;
  }
}

/* Page header: breadcrumb, title, actions. */
html[data-listingmind-workspace-auth] .ws-page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 20px;
}

html[data-listingmind-workspace-auth] .ws-page-title h1 {
  margin: 2px 0 0;
}

html[data-listingmind-workspace-auth] .ws-crumb {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .ws-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

html[data-listingmind-workspace-auth] .ws-identity {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  min-width: 0;
}

html[data-listingmind-workspace-auth] .ws-identity .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #13262b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

html[data-listingmind-workspace-auth] .ws-identity-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
}

html[data-listingmind-workspace-auth] .ws-identity-text strong {
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-identity-text small {
  color: var(--muted);
  font-size: 13px;
}

/* KPI tiles. */
html[data-listingmind-workspace-auth] .ws-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

html[data-listingmind-workspace-auth] .ws-kpi {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
}

html[data-listingmind-workspace-auth] a.ws-kpi:hover {
  border-color: #a9c9c2;
}

html[data-listingmind-workspace-auth] .ws-kpi-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

html[dir="rtl"][data-listingmind-workspace-auth] .ws-kpi-label {
  letter-spacing: 0;
}

html[data-listingmind-workspace-auth] .ws-kpi-value {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}

/* The credits tile keeps user-profile.js's .profile-credit-balance hook; undo that
   class's old card-footer layout so it matches the other tiles. */
html[data-listingmind-workspace-auth] .ws-kpis .ws-kpi.profile-credit-balance {
  grid-column: auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 4px;
  padding: 14px 16px;
  border-top: 1px solid var(--line);
  text-align: start;
}

html[data-listingmind-workspace-auth] .ws-kpis .ws-kpi.profile-credit-balance .ws-kpi-value {
  color: var(--ink);
  font-size: 26px;
}

html[data-listingmind-workspace-auth] .ws-kpis .ws-kpi.profile-credit-balance .ws-kpi-label {
  font-size: 12px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-kpis .ws-kpi.profile-credit-balance .ws-kpi-sub {
  font-size: 13px;
  font-weight: 400;
}

html[data-listingmind-workspace-auth] .ws-kpis .ws-kpi.profile-credit-balance:hover strong {
  text-decoration: none;
}

html[data-listingmind-workspace-auth] .ws-kpi-sub {
  min-height: 1.4em;
  overflow: hidden;
  color: var(--muted);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Panels holding tables or lists: header strip + flush content. */
html[data-listingmind-workspace-auth] .panel.ws-table-panel {
  padding: 0;
  margin: 0 0 16px;
  overflow: hidden;
}

html[data-listingmind-workspace-auth] .ws-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #e3eaea;
}

html[data-listingmind-workspace-auth] .ws-panel-head h2 {
  margin: 0;
  font-size: 15px;
}

html[data-listingmind-workspace-auth] .ws-panel-head > a {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

html[data-listingmind-workspace-auth] .ws-panel-head > a:hover {
  text-decoration: underline;
}

html[data-listingmind-workspace-auth] .ws-panel-empty,
html[data-listingmind-workspace-auth] .ws-table-panel .empty-state {
  margin: 0;
  padding: 18px 16px;
  border: 0;
  background: transparent;
  color: var(--muted);
}

html[data-listingmind-workspace-auth] .ws-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  gap: 16px;
  align-items: start;
}

html[data-listingmind-workspace-auth] .ws-overview-grid > .panel {
  margin: 0;
}

html[data-listingmind-workspace-auth] .ws-overview-grid + .panel {
  margin-top: 16px;
}

/* Data grid. */
html[data-listingmind-workspace-auth] .ws-table-scroll {
  overflow-x: auto;
}

html[data-listingmind-workspace-auth] .ws-grid {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

html[data-listingmind-workspace-auth] .ws-grid th {
  padding: 9px 14px;
  border-bottom: 1px solid #e3eaea;
  background: #f6f8f8;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-align: start;
  text-transform: uppercase;
  white-space: nowrap;
}

html[dir="rtl"][data-listingmind-workspace-auth] .ws-grid th {
  letter-spacing: 0;
}

html[data-listingmind-workspace-auth] .ws-grid td {
  height: 46px;
  padding: 6px 14px;
  border-bottom: 1px solid #edf1f1;
  vertical-align: middle;
}

html[data-listingmind-workspace-auth] .ws-grid tbody tr:last-child td {
  border-bottom: 0;
}

html[data-listingmind-workspace-auth] .ws-grid tbody tr:hover td {
  background: #f7fbfa;
}

html[data-listingmind-workspace-auth] .ws-cell-name {
  min-width: 140px;
  max-width: 260px;
}

html[data-listingmind-workspace-auth] .ws-row-link {
  display: -webkit-box;
  overflow: hidden;
  color: var(--ink);
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html[data-listingmind-workspace-auth] .ws-row-link:hover {
  color: var(--green-dark);
  text-decoration: underline;
}

html[data-listingmind-workspace-auth] .ws-cell-date {
  color: var(--muted);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .ws-grid .ws-chip-row {
  min-width: 200px;
}

/* Chips: one colour language for verdicts and statuses everywhere. */
html[data-listingmind-workspace-auth] .ws-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

html[data-listingmind-workspace-auth] .ws-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 9px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

html[data-listingmind-workspace-auth] .ws-chip-good { background: #e2f4ee; color: #0b5e48; }
html[data-listingmind-workspace-auth] .ws-chip-info { background: #e5eefb; color: #1d4f91; }
html[data-listingmind-workspace-auth] .ws-chip-warn { background: #fdf0dc; color: #7a4b00; }
html[data-listingmind-workspace-auth] .ws-chip-bad { background: #fbe5e2; color: #9a2a1c; }
html[data-listingmind-workspace-auth] .ws-chip-neutral { background: #edf1f1; color: #3b5157; white-space: nowrap; }

/* Dashboard: recent reports as rows. */
html[data-listingmind-workspace-auth] .ws-table-panel .compact-report-list {
  gap: 0;
}

html[data-listingmind-workspace-auth] .ws-table-panel .compact-report-item {
  padding: 10px 16px;
  border-bottom: 1px solid #edf1f1;
}

html[data-listingmind-workspace-auth] .ws-table-panel .compact-report-item:last-child {
  border-bottom: 0;
}

html[data-listingmind-workspace-auth] .compact-report-link,
html[data-listingmind-workspace-auth] .compact-report-title {
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .recent-work-count {
  color: var(--muted);
  font-size: 13px;
}

/* Dashboard: start-research tiles. */
html[data-listingmind-workspace-auth] .ws-table-panel .research-shortcuts {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0;
}

html[data-listingmind-workspace-auth] .ws-table-panel .research-shortcut {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-content: start;
  gap: 4px 12px;
  min-height: 0;
  padding: 16px;
  border: 0;
  border-inline-end: 1px solid #edf1f1;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  transform: none;
}

html[data-listingmind-workspace-auth] .ws-table-panel .research-shortcut::before {
  content: "";
  grid-row: span 2;
  width: 20px;
  height: 20px;
  background: var(--green);
  -webkit-mask: var(--lm-icon) center / contain no-repeat;
  mask: var(--lm-icon) center / contain no-repeat;
}

html[data-listingmind-workspace-auth] .ws-table-panel .research-shortcut:hover {
  background: #f7fbfa;
}

html[data-listingmind-workspace-auth] .ws-table-panel .research-shortcut strong {
  color: var(--ink);
  font-size: 14.5px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-table-panel .research-shortcut span {
  color: var(--muted);
  font-size: 13px;
}

/* Phones: data-grid rows become stacked cards instead of a sideways-scrolling table. */
@media (max-width: 640px) {
  html[data-listingmind-workspace-auth] .ws-grid thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  html[data-listingmind-workspace-auth] .ws-grid,
  html[data-listingmind-workspace-auth] .ws-grid tbody,
  html[data-listingmind-workspace-auth] .ws-grid tr,
  html[data-listingmind-workspace-auth] .ws-grid td {
    display: block;
  }

  html[data-listingmind-workspace-auth] .ws-grid tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding: 12px 16px;
    border-bottom: 1px solid #edf1f1;
  }

  html[data-listingmind-workspace-auth] .ws-grid tbody tr:last-child {
    border-bottom: 0;
  }

  html[data-listingmind-workspace-auth] .ws-grid td {
    height: auto;
    padding: 0;
    border: 0;
  }

  html[data-listingmind-workspace-auth] .ws-grid tbody tr:hover td {
    background: transparent;
  }

  html[data-listingmind-workspace-auth] .ws-grid td.ws-cell-name {
    flex: 1 1 100%;
    max-width: none;
  }

  html[data-listingmind-workspace-auth] .ws-grid .ws-chip-row {
    min-width: 0;
  }
}

/* Filter toolbar across the top of a table panel. */
html[data-listingmind-workspace-auth] .ws-toolbar.report-filters {
  margin: 0;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #e3eaea;
  border-radius: 0;
  background: #fff;
}

html[data-listingmind-workspace-auth] .ws-toolbar label > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-reports-panel .reports-filter-summary {
  margin: 0;
  padding: 8px 16px;
  border-bottom: 1px solid #edf1f1;
  background: #fbfcfc;
  font-weight: 500;
}

html[data-listingmind-workspace-auth] .ws-reports-panel .empty-state {
  margin: 0;
  padding: 18px 16px;
}

/* Quiet (tertiary) buttons used in rows and toolbars. */
html[data-listingmind-workspace-auth] .quiet {
  border-color: #c9d4d3;
  border-radius: 6px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] a.quiet {
  display: inline-flex;
  align-items: center;
}

html[data-listingmind-workspace-auth] .ws-grid .report-row-actions .quiet {
  min-height: 32px;
  padding: 4px 10px;
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .ws-grid .report-title-link {
  color: var(--ink);
  font-weight: 600;
  text-decoration: none;
}

html[data-listingmind-workspace-auth] .ws-grid .report-title-link:hover {
  color: var(--green-dark);
  text-decoration: underline;
}

/* user-profile.css pins the actions column to the right; pin it to the inline end. */
html[data-listingmind-workspace-auth] .ws-grid th:last-child,
html[data-listingmind-workspace-auth] .ws-grid .report-actions-cell {
  right: auto;
  inset-inline-end: 0;
}

html[data-listingmind-workspace-auth] .ws-grid.reports-table th:nth-child(1) { width: 44%; }
html[data-listingmind-workspace-auth] .ws-grid.reports-table th:nth-child(5) { width: 16%; }

@media (max-width: 640px) {
  html[data-listingmind-workspace-auth] .ws-grid.reports-table {
    min-width: 0;
    table-layout: auto;
  }

  html[data-listingmind-workspace-auth] .ws-grid.reports-table td:first-child {
    flex: 1 1 100%;
  }

  html[data-listingmind-workspace-auth] .ws-grid .report-actions-cell {
    position: static;
    flex: 1 1 100%;
    box-shadow: none;
    background: transparent;
  }

  html[data-listingmind-workspace-auth] .ws-grid.reports-table td:nth-child(3):not(:empty) {
    color: var(--muted);
  }
}

/* Numeric columns (ledgers, prices). */
html[data-listingmind-workspace-auth] .ws-grid .ws-num {
  text-align: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .ws-grid .ws-num-pos { color: #0b5e48; font-weight: 600; }
html[data-listingmind-workspace-auth] .ws-grid .ws-num-neg { color: var(--ink); font-weight: 600; }

html[data-listingmind-workspace-auth] .ws-kpi-value-sm {
  font-size: 18px;
  line-height: 1.6;
}

/* Form panels (Settings): titled strip, padded body. */
html[data-listingmind-workspace-auth] .ws-form-panel .form-grid,
html[data-listingmind-workspace-auth] .ws-form-panel .account-setting-facts,
html[data-listingmind-workspace-auth] .ws-form-panel .ws-form-note,
html[data-listingmind-workspace-auth] .ws-form-panel .message {
  margin-inline: 16px;
}

html[data-listingmind-workspace-auth] .ws-form-panel .form-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-top: 16px;
}

html[data-listingmind-workspace-auth] .ws-form-panel label {
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-form-panel input[readonly] {
  background: #f6f8f8;
  color: var(--muted);
}

html[data-listingmind-workspace-auth] .ws-form-panel .account-setting-facts {
  margin-top: 16px;
}

html[data-listingmind-workspace-auth] .ws-form-panel .detail-card {
  border-radius: 6px;
  background: #fbfcfc;
}

html[data-listingmind-workspace-auth] .ws-form-panel .detail-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

html[data-listingmind-workspace-auth] .ws-form-panel .detail-card strong {
  font-size: 16px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-form-panel .message {
  margin-top: 12px;
  margin-bottom: 14px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-form-note {
  margin-block: 12px 16px;
  color: var(--muted);
}

/* Danger zone: same panel, red hairline. */
html[data-listingmind-workspace-auth] .danger-zone {
  border-color: #efc3bd;
}

html[data-listingmind-workspace-auth] .danger-zone h2 {
  font-size: 15px;
}

html[data-listingmind-workspace-auth] .danger-zone .eyebrow {
  color: #9a2a1c;
}

html[data-listingmind-workspace-auth] .danger-zone label {
  font-weight: 500;
}

html[data-listingmind-workspace-auth] .danger-zone .danger {
  border-radius: 6px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .empty-state {
  border-inline-start-width: 0;
  border-left: 0;
}

html[data-listingmind-workspace-auth] .danger-zone label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
}

html[data-listingmind-workspace-auth] .danger-zone label input {
  flex: 1 1 100%;
  margin-top: 4px;
}

/* Numbered how-it-works steps. */
html[data-listingmind-workspace-auth] .ws-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ws-step;
}

html[data-listingmind-workspace-auth] .ws-steps li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 2px 12px;
  padding: 16px;
  border-inline-end: 1px solid #edf1f1;
  counter-increment: ws-step;
}

html[data-listingmind-workspace-auth] .ws-steps li::before {
  content: counter(ws-step);
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e2f4ee;
  color: #0b5e48;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-steps strong {
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-steps span {
  color: var(--muted);
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .ws-note-strip {
  margin: 0;
  padding: 12px 16px;
  border-top: 1px solid #edf1f1;
  background: #fbfcfc;
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .ws-note-strip strong {
  color: var(--ink);
  font-weight: 600;
}

/* ---------- My Products ---------- */

html[data-listingmind-workspace-auth] .products-page {
  gap: 0;
}

html[data-listingmind-workspace-auth] .products-page > #listView {
  gap: 0;
}

html[data-listingmind-workspace-auth] .products-page > #detailView,
html[data-listingmind-workspace-auth] .products-page > #compareView {
  gap: 16px;
}

html[data-listingmind-workspace-auth] .products-back {
  font-size: 13px;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .products-lede {
  margin-top: 6px;
  font-size: 13.5px;
}

/* Stage filters as tabs across the top of the table panel. */
html[data-listingmind-workspace-auth] .ws-tabs.products-filters {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  padding: 0 16px;
  border-bottom: 1px solid #e3eaea;
}

html[data-listingmind-workspace-auth] .ws-tabs .products-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .ws-tabs .products-filter:hover {
  background: transparent;
  color: var(--ink);
}

html[data-listingmind-workspace-auth] .ws-tabs .products-filter[aria-pressed="true"] {
  border-bottom-color: var(--green);
  background: transparent;
  color: var(--ink);
}

html[data-listingmind-workspace-auth] .ws-tabs .products-filter-count {
  padding: 1px 7px;
  border-radius: 10px;
  background: #edf1f1;
  color: #3b5157;
  font-size: 12px;
  opacity: 1;
}

html[data-listingmind-workspace-auth] .ws-toolbar-row.products-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 12px 16px;
  border-bottom: 1px solid #e3eaea;
}

html[data-listingmind-workspace-auth] .ws-toolbar-row .products-search {
  flex: 0 1 320px;
}

html[data-listingmind-workspace-auth] .ws-toolbar-row .products-search input {
  min-height: 38px;
  border-radius: 6px;
}

html[data-listingmind-workspace-auth] .ws-toolbar-row .products-count,
html[data-listingmind-workspace-auth] .ws-toolbar-row .products-compare-hint {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .ws-toolbar-row .products-compare-hint {
  margin-inline-start: auto;
}

/* The grid itself. */
html[data-listingmind-workspace-auth] .products-grid {
  display: table;
  min-width: 920px;
}

html[data-listingmind-workspace-auth] .products-grid tbody.products-list {
  display: table-row-group;
}

html[data-listingmind-workspace-auth] .products-grid tr.products-row {
  display: table-row;
}

html[data-listingmind-workspace-auth] .products-grid .products-col-select {
  width: 40px;
  padding-inline-end: 0;
}

html[data-listingmind-workspace-auth] .products-grid tr.is-selected td {
  background: #f1faf7;
}

html[data-listingmind-workspace-auth] .products-grid-meta {
  display: block;
  color: var(--muted);
  font-size: 12.5px;
}

html[data-listingmind-workspace-auth] .products-grid-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .products-grid-figure {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .products-grid-tool .products-muted {
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .products-grid .products-pill {
  padding: 2px 8px;
  font-size: 12px;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .products-stage-pill {
  border-color: transparent;
  background: #edf1f1;
  color: #3b5157;
  font-size: 12px;
}

html[data-listingmind-workspace-auth] .products-grid td.products-none {
  padding: 18px 16px;
}

@media (max-width: 640px) {
  html[data-listingmind-workspace-auth] .products-grid {
    min-width: 0;
  }

  html[data-listingmind-workspace-auth] .products-grid tr.products-row {
    display: flex;
  }

  html[data-listingmind-workspace-auth] .products-grid .products-col-select {
    order: -1;
    width: auto;
  }

  html[data-listingmind-workspace-auth] .products-grid td.ws-cell-name {
    flex: 1 1 calc(100% - 50px);
    min-width: 0;
  }

  html[data-listingmind-workspace-auth] .products-grid td.ws-cell-date {
    margin-inline-start: auto;
  }

  html[data-listingmind-workspace-auth] .products-grid-tool:has(> .products-muted) {
    display: none;
  }

  html[data-listingmind-workspace-auth] .ws-toolbar-row .products-search {
    flex: 1 1 100%;
  }

  html[data-listingmind-workspace-auth] .ws-toolbar-row .products-compare-hint {
    margin-inline-start: 0;
  }
}

/* ---------- Downloads ---------- */

html[data-listingmind-workspace-auth] .mercantile-intro.ws-page-head {
  display: block;
}

html[data-listingmind-workspace-auth] .mercantile-card {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 32px;
  padding: 24px 28px;
}

html[data-listingmind-workspace-auth] .mercantile-visual img {
  width: 160px;
}

html[data-listingmind-workspace-auth] .mercantile-card h2 {
  font-size: 18px;
}

html[data-listingmind-workspace-auth] .mercantile-facts {
  border-radius: 6px;
}

@media (max-width: 760px) {
  html[data-listingmind-workspace-auth] .mercantile-card {
    grid-template-columns: 1fr;
    padding: 20px 16px;
  }

  html[data-listingmind-workspace-auth] .mercantile-visual img {
    width: 130px;
  }
}

html[dir="rtl"][data-listingmind-workspace-auth] .mercantile-copy[dir="ltr"],
html[dir="rtl"][data-listingmind-workspace-auth] .mercantile-lede[dir="ltr"] {
  text-align: left;
}

/* ---------- Support ---------- */

html[data-listingmind-workspace-auth] .ws-page-sub {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13.5px;
}

html[data-listingmind-workspace-auth] .intro.ws-page-head {
  padding: 0;
  border: 0;
  background: transparent;
}

html[data-listingmind-workspace-auth] .ticket-history-panel .ticket-detail {
  margin: 0;
  padding: 16px;
  border-top: 1px solid #e3eaea;
}

html[data-listingmind-workspace-auth] .ws-grid .status-pill.ws-chip {
  border: 0;
  border-radius: 4px;
}

html[data-listingmind-workspace-auth] .intro.ws-page-head {
  display: flex;
  max-width: none;
  margin-bottom: 20px;
}

/* ---------- Research tools (Opportunities, Trends, Similar Pricing) ---------- */

/* Same working area as every other screen: left-aligned beside the rail. */
html[data-listingmind-workspace-auth] main.wrap,
html[data-listingmind-workspace-auth] main.shell {
  max-width: 1280px;
  margin: 0;
  padding: 20px 24px 40px;
}

html[data-listingmind-workspace-auth] main.shell:not(.checkout-shell) {
  max-width: 1400px;
}

@media (max-width: 640px) {
  html[data-listingmind-workspace-auth] main.wrap,
  html[data-listingmind-workspace-auth] main.shell {
    padding: 16px 16px 32px;
  }
}

html[data-listingmind-workspace-auth] main.wrap > .ws-page-head,
html[data-listingmind-workspace-auth] #startView > .ws-page-head {
  margin-bottom: 4px;
  text-align: start;
}

html[data-listingmind-workspace-auth] .ws-page-note {
  margin: 8px 0 0;
  padding-inline-start: 10px;
  border-inline-start: 3px solid #c9d4d3;
  color: var(--muted);
  font-size: 13px;
}

html[data-listingmind-workspace-auth] .search-card,
html[data-listingmind-workspace-auth] .tool-card,
html[data-listingmind-workspace-auth] main.wrap > .card {
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: none;
}

/* Trend reports were laid out for a 1040px column; keep it while one is showing. */
html[data-listingmind-workspace-auth] main.wrap:has(> #reportView:not([hidden])) {
  max-width: 1100px;
}

html[data-listingmind-workspace-auth] #startView > .ws-page-head {
  margin-bottom: 12px;
}

/* ---------- My Stores ---------- */

html[data-listingmind-workspace-auth] .store-eyebrow {
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

html[data-listingmind-workspace-auth] .store-page-heading h1 {
  margin-top: 2px;
}

html[data-listingmind-workspace-auth] .store-intro {
  font-size: 13.5px;
}

html[data-listingmind-workspace-auth] .store-panel,
html[data-listingmind-workspace-auth] .store-empty {
  border-radius: 8px;
  box-shadow: none;
}

html[data-listingmind-workspace-auth] .store-button {
  border-radius: 6px;
  font-weight: 600;
}

/* ---------- Listing Analysis report (report.html) ---------- */

/* The rail already carries the brand; the report's own header keeps only its actions. */
html[data-listingmind-workspace-auth] .report-brand-header {
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-listingmind-workspace-auth] .report-brand-header .report-brand {
  display: none;
}

html[data-listingmind-workspace-auth] .report-brand-inner {
  justify-content: flex-end;
  min-height: 0;
  max-width: 1400px;
  margin: 0;
  padding: 16px 24px 0;
}

html[data-listingmind-workspace-auth] .launch-report {
  margin: 0;
  padding-top: 16px;
}

html[data-listingmind-workspace-auth] .report-header-button {
  min-height: 38px;
  border-radius: 6px;
  font-weight: 600;
}

/* Similar-product results inside the report could push the page wider than a phone. */
html[data-listingmind-workspace-auth] .similar-products-results {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

/* Unsaved-changes bar (Settings): pinned to the bottom of the working area. */
html[data-listingmind-workspace-auth] .ws-unsaved-bar {
  position: sticky;
  bottom: 16px;
  z-index: 15;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 16px 0;
  padding: 10px 12px 10px 16px;
  border-radius: 8px;
  background: #13262b;
  color: #fff;
  box-shadow: 0 12px 28px rgba(13, 37, 43, .25);
}

html[data-listingmind-workspace-auth] .ws-unsaved-bar[hidden] {
  display: none;
}

html[data-listingmind-workspace-auth] .ws-unsaved-bar > span {
  margin-inline-end: auto;
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-unsaved-bar .secondary {
  border-color: rgba(255, 255, 255, .3);
  background: transparent;
  color: #fff;
}

html[data-listingmind-workspace-auth] .ws-unsaved-bar .secondary:hover {
  background: rgba(255, 255, 255, .1);
}

/* Product record: history beside notes and the activity log. */
html[data-listingmind-workspace-auth] .products-detail-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 16px;
  align-items: start;
}

html[data-listingmind-workspace-auth] .products-detail-columns > section {
  display: grid;
  gap: 12px;
}

html[data-listingmind-workspace-auth] .products-detail-aside {
  display: grid;
  gap: 16px;
}

html[data-listingmind-workspace-auth] .products-detail-aside .panel.ws-table-panel {
  margin: 0;
}

html[data-listingmind-workspace-auth] .products-notes-body {
  display: grid;
  gap: 10px;
  padding: 14px 16px 16px;
}

html[data-listingmind-workspace-auth] .products-notes-body textarea {
  width: 100%;
  min-height: 96px;
  padding: 10px 12px;
  border: 1px solid #c9d4d3;
  border-radius: 6px;
  font: inherit;
  font-size: 13.5px;
  resize: vertical;
}

html[data-listingmind-workspace-auth] .products-notes-body .button {
  justify-self: start;
}

html[data-listingmind-workspace-auth] .products-activity {
  margin: 0;
  padding: 4px 0;
  list-style: none;
}

html[data-listingmind-workspace-auth] .products-activity > li {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 2px 10px;
  padding: 10px 16px;
  border-bottom: 1px solid #edf1f1;
  font-size: 13.5px;
}

html[data-listingmind-workspace-auth] .products-activity > li:last-child {
  border-bottom: 0;
}

html[data-listingmind-workspace-auth] .products-activity-item::before {
  content: "";
  grid-row: span 2;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: #7b8f93;
}

html[data-listingmind-workspace-auth] .products-activity-item.is-report::before { background: var(--green); }
html[data-listingmind-workspace-auth] .products-activity-item.is-stage::before { background: #1d4f91; }
html[data-listingmind-workspace-auth] .products-activity-item.is-note::before { background: #b45309; }

html[data-listingmind-workspace-auth] .products-activity-date {
  color: var(--muted);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1100px) {
  html[data-listingmind-workspace-auth] .products-detail-columns {
    grid-template-columns: 1fr;
  }
}

/* My Products selection bar: bulk stage change + compare. */
html[data-listingmind-workspace-auth] .products-compare-bar {
  border-radius: 8px;
}

html[data-listingmind-workspace-auth] .products-compare-actions {
  flex-wrap: wrap;
  align-items: center;
}

html[data-listingmind-workspace-auth] .products-bulk-stage select {
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #c9d4d3;
  border-radius: 6px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

@media (min-width: 1024px) {
  html[data-listingmind-workspace-auth] .products-compare-bar {
    inset-inline-start: var(--lm-rail-width);
    border-radius: 0;
  }
}

/* =====================================================================================
   Top bar: workspace search + notifications (workspace-topbar.js)
   ===================================================================================== */

html[data-listingmind-workspace-auth] .ws-topbar-tools {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

html[data-listingmind-workspace-auth] .ws-search-trigger {
  display: flex;
  flex: 0 1 440px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 40px;
  padding: 0 10px 0 12px;
  border: 1px solid #d3dddc;
  border-radius: 8px;
  background: #f6f8f8;
  color: var(--muted);
  font: inherit;
  font-size: 14px;
  text-align: start;
  cursor: text;
}

html[data-listingmind-workspace-auth] .ws-search-trigger:hover {
  border-color: #b8c7c5;
}

html[data-listingmind-workspace-auth] .ws-search-icon,
html[data-listingmind-workspace-auth] .ws-bell-icon {
  flex: none;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--lm-icon-search) center / contain no-repeat;
  mask: var(--lm-icon-search) center / contain no-repeat;
}

html[data-listingmind-workspace-auth] .ws-search-placeholder {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .ws-search-kbd {
  flex: none;
  padding: 1px 6px;
  border: 1px solid #d3dddc;
  border-radius: 4px;
  background: #fff;
  color: var(--muted);
  font-family: var(--lm-mono);
  font-size: 11px;
}

html[data-listingmind-workspace-auth] .ws-bell-wrap {
  position: relative;
  margin-inline-start: auto;
}

html[data-listingmind-workspace-auth] .ws-bell {
  position: relative;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #3b5157;
  cursor: pointer;
}

html[data-listingmind-workspace-auth] .ws-bell:hover,
html[data-listingmind-workspace-auth] .ws-bell[aria-expanded="true"] {
  background: #eef2f2;
}

html[data-listingmind-workspace-auth] .ws-bell-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--lm-icon-bell);
  mask-image: var(--lm-icon-bell);
}

html[data-listingmind-workspace-auth] .ws-bell-count {
  position: absolute;
  top: 4px;
  inset-inline-end: 3px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border: 2px solid #fff;
  border-radius: 9px;
  background: #c2410c;
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 13px;
  text-align: center;
}

html[data-listingmind-workspace-auth] .ws-bell-count[hidden] {
  display: none;
}

html[data-listingmind-workspace-auth] .ws-notify-panel {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 50;
  width: min(360px, calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(13, 37, 43, .18);
}

html[data-listingmind-workspace-auth] .ws-notify-panel[hidden] {
  display: none;
}

html[data-listingmind-workspace-auth] .ws-notify-head {
  padding: 12px 16px;
  border-bottom: 1px solid #e3eaea;
}

html[data-listingmind-workspace-auth] .ws-notify-list {
  max-height: 60vh;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

html[data-listingmind-workspace-auth] .ws-notify-item a {
  display: grid;
  gap: 2px;
  padding: 10px 16px 10px 28px;
  border-bottom: 1px solid #edf1f1;
  color: var(--ink);
  font-size: 13.5px;
  text-decoration: none;
  position: relative;
}

html[dir="rtl"][data-listingmind-workspace-auth] .ws-notify-item a {
  padding: 10px 28px 10px 16px;
}

html[data-listingmind-workspace-auth] .ws-notify-item a::before {
  content: "";
  position: absolute;
  top: 16px;
  inset-inline-start: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7b8f93;
}

html[data-listingmind-workspace-auth] .ws-notify-item.is-bad a::before { background: #9a2a1c; }
html[data-listingmind-workspace-auth] .ws-notify-item.is-warn a::before { background: #b45309; }
html[data-listingmind-workspace-auth] .ws-notify-item.is-info a::before { background: #1d4f91; }

html[data-listingmind-workspace-auth] .ws-notify-item a:hover {
  background: #f7fbfa;
}

html[data-listingmind-workspace-auth] .ws-notify-item.is-unread a {
  background: #f3f9f7;
}

html[data-listingmind-workspace-auth] .ws-notify-item strong {
  font-weight: 600;
}

html[data-listingmind-workspace-auth] .ws-notify-item span {
  color: var(--muted);
}

html[data-listingmind-workspace-auth] .ws-notify-empty {
  padding: 18px 16px;
  color: var(--muted);
}

/* Search dialog. */
html[data-listingmind-workspace-auth] .ws-search-dialog {
  width: min(620px, calc(100vw - 24px));
  max-height: min(560px, calc(100vh - 80px));
  margin: 72px auto auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 24px 60px rgba(13, 37, 43, .3);
}

html[data-listingmind-workspace-auth] .ws-search-dialog[open] {
  display: flex;
  flex-direction: column;
}

html[data-listingmind-workspace-auth] .ws-search-dialog::backdrop {
  background: rgba(8, 22, 26, .45);
}

html[data-listingmind-workspace-auth] .ws-search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  border-bottom: 1px solid #e3eaea;
  color: var(--muted);
}

html[data-listingmind-workspace-auth] .ws-search-input {
  flex: 1;
  min-width: 0;
  height: 52px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
}

html[data-listingmind-workspace-auth] .ws-search-results {
  flex: 1;
  margin: 0;
  padding: 6px 0;
  overflow-y: auto;
  list-style: none;
}

html[data-listingmind-workspace-auth] .ws-search-section {
  padding: 10px 16px 4px;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

html[data-listingmind-workspace-auth] .ws-search-option {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 16px;
  cursor: pointer;
}

html[data-listingmind-workspace-auth] .ws-search-option[aria-selected="true"] {
  background: #e6f3f0;
}

html[data-listingmind-workspace-auth] .ws-search-option-label {
  min-width: 0;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-listingmind-workspace-auth] .ws-search-option-meta {
  flex: none;
  color: var(--muted);
  font-size: 12.5px;
}

html[data-listingmind-workspace-auth] .ws-search-empty {
  padding: 18px 16px;
  color: var(--muted);
}

html[data-listingmind-workspace-auth] .ws-search-hint {
  margin: 0;
  padding: 8px 16px;
  border-top: 1px solid #e3eaea;
  background: #fbfcfc;
  color: var(--muted);
  font-size: 12px;
}

/* Narrow screens: search collapses to an icon button beside the bell. */
@media (max-width: 760px) {
  html[data-listingmind-workspace-auth] .ws-topbar-tools {
    flex: 0 0 auto;
    margin-inline-start: auto;
  }

  html[data-listingmind-workspace-auth] .ws-search-trigger {
    flex: none;
    width: 40px;
    padding: 0;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #3b5157;
  }

  html[data-listingmind-workspace-auth] .ws-search-trigger .ws-search-placeholder,
  html[data-listingmind-workspace-auth] .ws-search-trigger .ws-search-kbd {
    display: none;
  }

  html[data-listingmind-workspace-auth] .ws-search-trigger .ws-search-icon {
    width: 20px;
    height: 20px;
  }

  html[data-listingmind-workspace-auth] .topbar .website-account-badge {
    margin-inline-start: 0;
  }
}

@media (max-width: 480px) {
  /* The drawer carries the brand; the top bar needs the room for search, alerts and
     the account controls. */
  html[data-listingmind-workspace-auth] .topbar > .brand {
    display: none;
  }

  html[data-listingmind-workspace-auth] .ws-topbar-tools {
    gap: 0;
  }
}

@media (max-width: 480px) {
  html[data-listingmind-workspace-auth] .topbar .website-account-badge {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    min-width: 0;
    gap: 4px;
  }

  html[data-listingmind-workspace-auth] .topbar .website-account-badge .account-summary {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 72px;
    overflow: hidden;
  }

  html[data-listingmind-workspace-auth] .topbar .website-account-badge .account-summary strong,
  html[data-listingmind-workspace-auth] .topbar .website-account-badge .account-summary small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-listingmind-workspace-auth] .topbar .account-profile-dropdown .nav-dropdown-trigger,
  html[data-listingmind-workspace-auth] .topbar .account-signout-button {
    padding-inline: 8px;
    white-space: nowrap;
  }

  html[data-listingmind-workspace-auth] .workspace-nav .workspace-nav-toggle {
    width: 40px;
    height: 40px;
    min-height: 40px;
  }

  html[data-listingmind-workspace-auth] .ws-search-trigger,
  html[data-listingmind-workspace-auth] .ws-bell {
    width: 36px;
  }
}

/* Signed figures (+2 / -3) must stay left-to-right in Arabic, or the sign jumps to the
   wrong side. In RTL the numeric column's "end" is the left edge. */
html[dir="rtl"][data-listingmind-workspace-auth] .ws-grid .ws-num {
  direction: ltr;
  text-align: left;
}