/* Orchid Brand Commerce — operational SaaS surfaces built on the shared UI system. */
.brand-dashboard {
  --bc-emerald:#006349;
  --bc-ink:var(--orchid-ink,#0a0a0a);
  --bc-muted:var(--orchid-muted,#626262);
  --bc-surface:var(--orchid-surface,#fff);
  --bc-subtle:var(--orchid-surface-subtle,#f2f3f2);
  --bc-border:var(--orchid-border,#d5d7d5);
}
.brand-dashboard-panel { display:grid; gap:16px; }
.brand-commerce-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.brand-commerce-toolbar h3,.brand-commerce-toolbar p { margin:0; }
.brand-commerce-toolbar p { color:var(--bc-muted); max-width:70ch; }
.brand-commerce-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.brand-commerce-kpi {
  min-height:132px; padding:16px; border:1px solid var(--bc-border); border-radius:12px;
  background:var(--bc-surface); color:var(--bc-ink); box-shadow:0 4px 12px rgba(0,0,0,.04);
}
.brand-commerce-kpi span { display:block; color:var(--bc-muted); font-size:12px; line-height:16px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.brand-commerce-kpi strong { display:block; margin:8px 0 4px; color:var(--bc-ink); font-size:28px; line-height:34px; font-weight:700; font-variant-numeric:tabular-nums; }
.brand-commerce-kpi small { color:var(--bc-muted); }
.brand-commerce-kpi.is-accent { background:var(--bc-emerald); border-color:var(--bc-emerald); }
.brand-commerce-kpi.is-accent :is(span,strong,small) { color:#fff!important; -webkit-text-fill-color:#fff!important; }
.brand-commerce-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr); gap:16px; align-items:start; }
.brand-commerce-card { padding:20px; border:1px solid var(--bc-border); border-radius:12px; background:var(--bc-surface); color:var(--bc-ink); }
.brand-commerce-card h3 { margin:0 0 6px; color:var(--bc-ink); }
.brand-commerce-card > p { margin:0 0 16px; color:var(--bc-muted); }
.brand-commerce-form { display:grid; gap:12px; }
.brand-commerce-form.two-column { grid-template-columns:repeat(2,minmax(0,1fr)); }
.brand-commerce-form label { display:grid; gap:6px; min-width:0; color:var(--bc-ink); font-size:14px; line-height:20px; font-weight:600; }
.brand-commerce-form label.is-wide { grid-column:1/-1; }
.brand-commerce-form :is(input,select,textarea) {
  width:100%; min-height:44px; border:1px solid var(--bc-border); border-radius:8px; padding:10px 12px;
  background:var(--bc-subtle); color:var(--bc-ink); font:inherit;
}
.brand-commerce-form textarea { min-height:92px; resize:vertical; }
.brand-commerce-form .button { justify-self:start; min-height:44px; }
.brand-commerce-note { min-height:20px; margin:0!important; color:var(--bc-muted)!important; font-size:13px; line-height:18px; font-weight:400; }
.brand-commerce-note.is-success { color:var(--bc-emerald)!important; }
.brand-commerce-note.is-error { color:#b42318!important; }
.brand-commerce-table-wrap { overflow:auto; border:1px solid var(--bc-border); border-radius:12px; background:var(--bc-surface); }
.brand-commerce-table { width:100%; min-width:720px; border-collapse:collapse; color:var(--bc-ink); }
.brand-commerce-table :is(th,td) { padding:12px 14px; border-bottom:1px solid var(--bc-border); text-align:left; vertical-align:top; }
.brand-commerce-table th { color:var(--bc-muted); font-size:13px; line-height:18px; font-weight:500; letter-spacing:.05em; text-transform:uppercase; }
.brand-commerce-table tbody tr:last-child td { border-bottom:0; }
.brand-commerce-empty { padding:24px!important; color:var(--bc-muted); text-align:center!important; }
.brand-commerce-status { display:inline-flex; align-items:center; min-height:28px; padding:4px 9px; border-radius:999px; background:var(--bc-subtle); color:var(--bc-ink); font-size:13px; line-height:18px; font-weight:500; }
.brand-commerce-status.is-good { background:rgba(0,99,73,.12); color:var(--bc-emerald); }
.brand-integration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.brand-integration-tile { padding:16px; border:1px solid var(--bc-border); border-radius:12px; background:var(--bc-subtle); color:var(--bc-ink); }
.brand-integration-tile strong,.brand-integration-tile span { display:block; }
.brand-integration-tile span { margin-top:5px; color:var(--bc-muted); font-size:13px; line-height:18px; font-weight:400; }
.brand-attribution-path { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:14px; }
.brand-attribution-path span { min-height:56px; display:grid; place-items:center; padding:8px; border-radius:8px; background:var(--bc-subtle); color:var(--bc-ink); font-size:13px; line-height:18px; font-weight:600; text-align:center; }
.brand-commerce-secret { overflow-wrap:anywhere; padding:12px; border-radius:8px; background:#0a0a0a; color:#fff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.78rem; }
.brand-commerce-refresh { display:flex; gap:8px; align-items:center; }
.brand-commerce-refresh .button { min-height:40px; }
html[data-orchid-theme="dark"] .brand-dashboard,
body.dark-mode .brand-dashboard {
  --bc-ink:#fff; --bc-muted:#b8bdb9; --bc-surface:#111311; --bc-subtle:#202320; --bc-border:#3b403c;
}
html[data-orchid-theme="dark"] .brand-commerce-kpi,
html[data-orchid-theme="dark"] .brand-commerce-card,
html[data-orchid-theme="dark"] .brand-commerce-table-wrap,
body.dark-mode :is(.brand-commerce-kpi,.brand-commerce-card,.brand-commerce-table-wrap) { box-shadow:none; }
@media(max-width:1000px) {
  .brand-commerce-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-commerce-layout { grid-template-columns:1fr; }
  .brand-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:639px) {
  .brand-dashboard-panel { gap:12px; }
  .brand-commerce-grid,.brand-integration-grid,.brand-commerce-form.two-column { grid-template-columns:1fr; }
  .brand-attribution-path { grid-template-columns:1fr; }
  .brand-commerce-card { padding:16px; }
}

/* v413: performance-led Brand entry and denser operational workspace. */
html body.page-brands #brands .brand-public,
html body.page-brands #brands .brand-dashboard {
  width:min(94vw,1580px)!important;
  margin-inline:auto!important;
}
html body.page-brands #brands .brand-directory-hero {
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr)!important;
  align-items:center!important;
  gap:clamp(28px,4vw,64px)!important;
  min-height:0!important;
  padding:clamp(32px,4vw,56px)!important;
  color:var(--platform-ink)!important;
  background:var(--platform-raised)!important;
  border:1px solid var(--platform-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body.page-brands #brands .brand-directory-copy { min-width:0; }
html body.page-brands #brands .brand-directory-hero h1 {
  max-width:18ch!important;
  margin:12px 0 16px!important;
  font-family:var(--orchid-ui-font)!important;
  font-size:36px!important;
  line-height:42px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html body.page-brands #brands .brand-directory-hero p {
  max-width:62ch!important;
  color:var(--platform-muted)!important;
  font-size:15px!important;
  line-height:22px!important;
}
html body.page-brands #brands .brand-directory-actions { margin-top:24px; }
html body.page-brands #brands .brand-performance-preview {
  display:grid;
  gap:16px;
  min-width:0;
  padding:24px;
  color:var(--platform-ink);
  background:var(--platform-surface);
  border:1px solid var(--platform-line);
  border-radius:14px;
  box-shadow:0 14px 32px rgba(0,0,0,.08);
}
.brand-performance-preview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.brand-performance-preview-head h2 { display:flex; align-items:center; gap:8px; margin:3px 0 5px!important; font-size:22px!important; line-height:28px!important; }
.brand-performance-preview-head p { margin:0!important; font-size:13px!important; line-height:18px!important; }
.brand-performance-preview-head > div > span,
.brand-performance-preview-empty > span { color:#006b4f!important; font-size:12px!important; line-height:16px!important; font-weight:700!important; letter-spacing:.05em!important; text-transform:uppercase; }
.brand-performance-live { flex:0 0 auto; padding:4px 8px; color:#006b4f!important; background:rgba(0,107,79,.1); border-radius:999px; font-size:12px!important; line-height:16px!important; font-weight:700!important; }
.brand-performance-preview-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.brand-performance-preview-metrics article { padding:10px 16px; border-left:1px solid var(--platform-line); text-align:center; }
.brand-performance-preview-metrics article:first-child { border-left:0; }
.brand-performance-preview-metrics strong,
.brand-performance-preview-metrics span { display:block; }
.brand-performance-preview-metrics strong { font-size:18px!important; line-height:24px!important; font-weight:700!important; font-variant-numeric:tabular-nums; }
.brand-performance-preview-metrics span { color:var(--platform-muted)!important; font-size:13px!important; line-height:18px!important; }
.brand-performance-preview-row {
  display:grid; grid-template-columns:minmax(0,1.4fr) minmax(120px,.6fr) auto; align-items:center; gap:16px;
  width:100%; min-height:64px; padding:12px; color:var(--platform-ink); text-align:left;
  background:var(--platform-raised); border:1px solid var(--platform-line); border-radius:10px; cursor:pointer;
}
.brand-performance-preview-row span { display:grid; gap:2px; }
.brand-performance-preview-row small { color:var(--platform-muted)!important; font-size:12px!important; line-height:16px!important; }
.brand-performance-preview-row strong { font-size:14px!important; line-height:20px!important; font-weight:600!important; }
.brand-performance-preview-empty { display:grid; gap:8px; min-height:210px; align-content:center; }
.brand-performance-preview-empty strong { font-size:22px!important; line-height:28px!important; }
.brand-performance-preview-empty p { margin:0!important; }

html body.page-brands #brands .brand-directory { gap:16px!important; padding:32px 0 0!important; }
html body.page-brands #brands .brand-directory-heading { align-items:end; gap:24px; }
html body.page-brands #brands .brand-directory-heading h2 {
  margin:4px 0 0!important; font-family:var(--orchid-ui-font)!important; font-size:28px!important; line-height:34px!important; font-weight:700!important;
}
html body.page-brands #brands .brand-directory-heading p { font-size:15px!important; line-height:22px!important; }
html body.page-brands #brands .brand-category-tabs { gap:8px!important; min-height:36px!important; padding:0!important; }
html body.page-brands #brands .brand-category-tabs button { min-height:36px!important; padding:6px 14px!important; font-size:13px!important; line-height:18px!important; }
html body.page-brands #brands .brand-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
html body.page-brands #brands .registered-brand-card {
  position:relative!important; display:grid!important;
  grid-template-columns:48px minmax(140px,1fr) repeat(3,minmax(64px,.42fr)) 20px!important;
  align-items:center!important; align-content:center!important; justify-items:stretch!important; gap:12px!important;
  min-height:82px!important; padding:12px 14px!important; overflow:visible!important;
  color:var(--platform-ink)!important; text-align:left!important; background:var(--platform-surface)!important;
  border:1px solid var(--platform-line)!important; border-radius:12px!important; box-shadow:none!important;
}
html body.page-brands #brands .registered-brand-card::after { display:none!important; }
html body.page-brands #brands .registered-brand-card :is(span,strong,small,em) { position:static!important; z-index:auto!important; color:inherit!important; -webkit-text-fill-color:currentColor!important; }
.registered-brand-mark { display:grid; width:48px; height:48px; place-items:center; overflow:hidden; background:var(--platform-raised); border-radius:10px; }
html body.page-brands #brands .registered-brand-mark > img { position:static!important; width:100%!important; height:100%!important; opacity:1!important; object-fit:cover!important; }
html body.page-brands #brands .registered-brand-initials { position:static!important; inset:auto!important; display:grid!important; place-items:center!important; font-family:var(--orchid-ui-font)!important; font-size:18px!important; line-height:24px!important; font-weight:700!important; letter-spacing:0!important; }
.registered-brand-copy { display:grid; gap:3px; min-width:0; }
html body.page-brands #brands .registered-brand-copy > strong { display:flex; align-items:center; gap:7px; min-width:0; margin:0!important; font-family:var(--orchid-ui-font)!important; font-size:15px!important; line-height:20px!important; font-weight:600!important; overflow-wrap:anywhere; }
.registered-brand-copy > small { overflow:hidden; color:var(--platform-muted)!important; text-overflow:ellipsis; white-space:nowrap; }
.registered-brand-verified { display:inline-flex; align-items:center; gap:4px; color:#006b4f!important; font-size:12px!important; line-height:16px!important; font-style:normal; font-weight:600!important; }
.registered-brand-verified::before { content:""; width:7px; height:7px; border-radius:50%; background:#006b4f; }
.registered-brand-metric { display:grid; gap:1px; text-align:center; }
.registered-brand-metric > strong { margin:0!important; font-family:var(--orchid-ui-font)!important; font-size:14px!important; line-height:20px!important; font-weight:700!important; font-variant-numeric:tabular-nums; }
.registered-brand-metric > small { color:var(--platform-muted)!important; font-size:12px!important; line-height:16px!important; }
.registered-brand-arrow { text-align:right; font-size:22px!important; line-height:24px!important; }

html body.page-brands #brands .brand-dashboard { gap:12px!important; }
html body.page-brands #brands .brand-dashboard-hero {
  display:grid!important; grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr)!important; align-items:center!important;
  gap:32px!important; min-height:0!important; padding:28px 32px!important; background:var(--platform-raised)!important;
  border:1px solid var(--platform-line)!important; border-radius:14px!important; box-shadow:none!important;
}
html body.page-brands #brands .brand-dashboard-hero h2 { margin:8px 0!important; font-size:28px!important; line-height:34px!important; font-weight:700!important; }
html body.page-brands #brands .brand-dashboard-hero p { margin:0!important; color:var(--platform-muted)!important; font-size:15px!important; line-height:22px!important; }
.brand-dashboard-summary { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.brand-dashboard-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); flex:1; min-width:0; }
.brand-dashboard-summary-grid article { display:grid; gap:3px; min-height:68px; padding:10px 16px; border-left:1px solid var(--platform-line); border-bottom:1px solid var(--platform-line); }
.brand-dashboard-summary-grid article:nth-child(3),.brand-dashboard-summary-grid article:nth-child(4) { border-bottom:0; }
.brand-dashboard-summary-grid span { color:var(--platform-muted)!important; font-size:13px!important; line-height:18px!important; }
.brand-dashboard-summary-grid strong { font-size:18px!important; line-height:24px!important; font-weight:700!important; font-variant-numeric:tabular-nums; }
html body.page-brands #brands .brand-dashboard-tabs { gap:4px!important; min-height:44px!important; margin-top:0!important; padding:3px 6px!important; overflow-x:auto; flex-wrap:nowrap!important; background:var(--platform-surface); border:1px solid var(--platform-line); border-radius:12px; }
html body.page-brands #brands .brand-dashboard-tabs button { flex:0 0 auto; min-height:36px!important; padding:6px 10px!important; color:var(--platform-muted)!important; background:transparent!important; border:0!important; border-bottom:2px solid transparent!important; border-radius:0!important; font-size:13px!important; line-height:18px!important; font-weight:500!important; }
html body.page-brands #brands .brand-dashboard-tabs button.is-active { color:var(--platform-ink)!important; background:transparent!important; border-bottom-color:#006b4f!important; font-weight:600!important; -webkit-text-fill-color:var(--platform-ink)!important; }
html body.page-brands #brands .brand-dashboard-tabs + .brand-dashboard-panel { margin-top:0!important; }
html body.page-brands #brands .brand-commerce-toolbar h3 { font-size:22px!important; line-height:28px!important; font-weight:700!important; }

@media(max-width:1100px) {
  html body.page-brands #brands .brand-directory-hero,
  html body.page-brands #brands .brand-dashboard-hero { grid-template-columns:1fr!important; }
  html body.page-brands #brands .brand-directory-grid { grid-template-columns:1fr!important; }
}
@media(max-width:760px) {
  html body.page-brands #brands .brand-public,
  html body.page-brands #brands .brand-dashboard { width:100%!important; }
  html body.page-brands #brands .brand-directory-hero { padding:24px 20px!important; }
  html body.page-brands #brands .brand-directory-hero h1 { font-size:28px!important; line-height:34px!important; }
  html body.page-brands #brands .brand-performance-preview { padding:18px; }
  html body.page-brands #brands .brand-directory-heading { grid-template-columns:1fr!important; }
  html body.page-brands #brands .registered-brand-card { grid-template-columns:44px minmax(0,1fr) auto!important; }
  html body.page-brands #brands .registered-brand-metric { display:none!important; }
  html body.page-brands #brands .brand-dashboard-hero { padding:22px 18px!important; }
  .brand-dashboard-summary { align-items:flex-start; }
  .brand-dashboard-summary-grid article { padding-inline:10px; }
}

/* v414: remove the legacy storefront-route spacer, fully expose install code,
   and use Orchid's emerald-black palette throughout the Brand workspace. */
html body.page-brands #brands.brand-storefront-route {
  box-sizing:border-box!important;
  padding:16px 0 48px!important;
}

.brand-pixel-install {
  width:100%;
  min-width:0;
}
.brand-pixel-install .brand-pixel-script {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:72px;
  margin:0 0 8px;
  padding:10px 12px;
  overflow:auto;
  resize:vertical;
  color:var(--bc-ink);
  background:var(--bc-subtle);
  border:1px solid var(--bc-border);
  border-radius:0;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-size:13px;
  line-height:18px;
  font-weight:600;
  white-space:pre;
}

html body.page-brands.page-brands.dark-mode,
html[data-orchid-theme="dark"] body.page-brands.page-brands {
  color-scheme:dark;
  --platform-bg:#020706;
  --platform-surface:#07150f;
  --platform-raised:#0d2119;
  --platform-strong:#f7faf8;
  --platform-ink:#f7faf8;
  --platform-muted:#b7c7bf;
  --platform-line:#183b2e;
  --surface-page:#020706;
  --surface-panel:#07150f;
  --surface-muted:#0d2119;
  --text-primary:#f7faf8;
  --text-secondary:#b7c7bf;
  --border-subtle:#183b2e;
  background:#020706!important;
}
html body.page-brands.page-brands.dark-mode :is(main,#brands),
html[data-orchid-theme="dark"] body.page-brands.page-brands :is(main,#brands) {
  color:#f7faf8!important;
  background:#020706!important;
  -webkit-text-fill-color:currentColor;
}
html body.page-brands.page-brands.dark-mode #brands .brand-dashboard {
  --bc-ink:#f7faf8;
  --bc-muted:#b7c7bf;
  --bc-surface:#07150f;
  --bc-subtle:#0d2119;
  --bc-border:#183b2e;
  --bc-emerald:#008867;
}
html body.page-brands.page-brands.dark-mode #brands :is(.brand-public,.brand-directory,.brand-dashboard,.brand-dashboard-panel) {
  color:#f7faf8!important;
  background:#020706!important;
}
html body.page-brands.page-brands.dark-mode #brands :is(.brand-directory-hero,.brand-performance-preview,.brand-dashboard-hero,.brand-dashboard-tabs,.brand-commerce-card,.brand-commerce-table-wrap,.brand-commerce-kpi,.registered-brand-card) {
  color:#f7faf8!important;
  background:#07150f!important;
  border-color:#183b2e!important;
  box-shadow:none!important;
}
html body.page-brands.page-brands.dark-mode #brands :is(.brand-performance-preview-row,.brand-integration-tile,.brand-attribution-path span,.brand-commerce-status) {
  color:#f7faf8!important;
  background:#0d2119!important;
  border-color:#183b2e!important;
}
html body.page-brands.page-brands.dark-mode #brands :is(p,small,.brand-commerce-table th,.brand-dashboard-summary-grid span,.brand-performance-preview-metrics span,.brand-commerce-toolbar p) {
  color:#b7c7bf!important;
  -webkit-text-fill-color:#b7c7bf!important;
}
html body.page-brands.page-brands.dark-mode #brands :is(h1,h2,h3,h4,strong,.brand-commerce-table td) {
  color:#f7faf8!important;
  -webkit-text-fill-color:#f7faf8!important;
}
html body.page-brands.page-brands.dark-mode #brands :is(input,select,textarea,.brand-pixel-script) {
  color:#f7faf8!important;
  background:#020706!important;
  border-color:#28513f!important;
  -webkit-text-fill-color:#f7faf8!important;
}
html body.page-brands.page-brands.dark-mode #brands .brand-commerce-kpi.is-accent {
  color:#fff!important;
  background:#006b4f!important;
  border-color:#008867!important;
}
html body.page-brands.page-brands.dark-mode #brands .brand-category-tabs button.is-active,
html body.page-brands.page-brands.dark-mode #brands :is(.button-dark,.button-primary,.btn-primary) {
  color:#fff!important;
  background:#006b4f!important;
  border-color:#008867!important;
  -webkit-text-fill-color:#fff!important;
}
html body.page-brands.page-brands.dark-mode #brands .brand-dashboard-tabs button {
  color:#b7c7bf!important;
  background:transparent!important;
  border-color:transparent!important;
  -webkit-text-fill-color:#b7c7bf!important;
}
html body.page-brands.page-brands.dark-mode #brands .brand-dashboard-tabs button.is-active {
  color:#f7faf8!important;
  background:transparent!important;
  border-color:transparent!important;
  border-bottom-color:#00a879!important;
  -webkit-text-fill-color:#f7faf8!important;
}
html body.page-brands.page-brands.dark-mode #brands :is(.button-light,a.button-light) {
  color:#f7faf8!important;
  background:#0d2119!important;
  border-color:#28513f!important;
  -webkit-text-fill-color:#f7faf8!important;
}

@media(max-width:760px) {
  html body.page-brands #brands.brand-storefront-route { padding:16px 0 32px!important; }
}

/* v418 flat reactive Brand flow. Keep the performance preview, Brand cards,
   functional tabs, tables and controls surfaced; flatten only page wrappers. */
html body.page-brands #brands :is(.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel) {
  box-sizing:border-box!important;
  min-height:0!important;
  height:auto!important;
  color:var(--platform-ink)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body.page-brands #brands .brand-public {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:40px!important;
}

html body.page-brands #brands .brand-directory-hero {
  padding:24px 0 0!important;
}

html body.page-brands #brands .brand-directory-copy {
  display:grid!important;
  align-content:center!important;
  gap:0!important;
}

html body.page-brands #brands .brand-directory-hero h1,
html body.page-brands #brands .creator-landing-hero h1 {
  max-width:none!important;
  margin:6px 0 0!important;
  font-family:var(--orchid-ui-font)!important;
  font-size:28px!important;
  line-height:34px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body.page-brands #brands .brand-directory-hero p,
html body.page-brands #brands .creator-landing-hero p {
  max-width:62ch!important;
  margin:6px 0 0!important;
}

html body.page-brands #brands .brand-directory-actions,
html body.page-brands #brands .creator-landing-hero .creator-landing-actions {
  margin-top:20px!important;
}

html body.page-brands #brands :is(.brand-directory,.creator-landing-band,.registered-brand-showcase) {
  margin:0!important;
  padding:40px 0 0!important;
  border-top:1px solid var(--platform-line)!important;
}

html body.page-brands #brands .brand-directory {
  gap:20px!important;
}

html body.page-brands #brands .brand-directory-heading,
html body.page-brands #brands .brand-commerce-toolbar {
  gap:24px!important;
}

html body.page-brands #brands .brand-directory-heading > div,
html body.page-brands #brands .brand-commerce-toolbar > div:first-child {
  display:grid!important;
  gap:6px!important;
}

html body.page-brands #brands :is(.brand-directory-heading,.brand-commerce-toolbar) :is(h2,h3,p) {
  max-width:none!important;
  margin:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body.page-brands #brands .brand-dashboard {
  gap:20px!important;
}

html body.page-brands #brands .brand-dashboard-hero {
  padding:24px 0 32px!important;
  border-bottom:1px solid var(--platform-line)!important;
}

html body.page-brands #brands .brand-dashboard-hero > div:first-child {
  display:grid!important;
  gap:6px!important;
}

html body.page-brands #brands .brand-dashboard-hero h2,
html body.page-brands #brands .brand-dashboard-hero p {
  max-width:none!important;
  margin:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body.page-brands #brands .brand-dashboard-panel {
  gap:20px!important;
  padding:0!important;
}

html body.page-brands.page-brands.dark-mode #brands :is(.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel),
html[data-orchid-theme="dark"] body.page-brands #brands :is(.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel) {
  color:#f7faf8!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media(max-width:760px) {
  html body.page-brands #brands .brand-public { gap:32px!important; }
  html body.page-brands #brands .brand-directory-hero { padding:16px 0 0!important; }
  html body.page-brands #brands :is(.brand-directory,.creator-landing-band,.registered-brand-showcase) { padding-top:32px!important; }
  html body.page-brands #brands .brand-dashboard-hero { padding:16px 0 24px!important; }
  html body.page-brands #brands .brand-dashboard-panel { gap:16px!important; }
}

/* v419 remove the remaining Brand page-flow panels. Performance cards,
   storefront cards, filters, tables and dashboard controls stay surfaced. */
html body.page-brands:not(.dark-mode) #brands.brand-storefront-route {
  background:#fff!important;
}

html body.page-brands #brands :is(.brand-public,.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard,.brand-dashboard-hero,.brand-dashboard-panel) {
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body.page-brands #brands :is(.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel)::before,
html body.page-brands #brands :is(.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel)::after {
  content:none!important;
  display:none!important;
}

html body.page-brands:not(.dark-mode) #brands :is(.brand-public,.brand-directory-hero,.brand-directory,.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard,.brand-dashboard-hero,.brand-dashboard-panel) {
  color:var(--platform-ink)!important;
  background:transparent!important;
}

/* v426 image-led Brand storefront directory. */
html body.page-brands #brands .brand-directory-grid[data-commerce-rail] {
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(280px,23vw,340px)!important;
  gap:24px!important;
  width:100%!important;
  min-width:0!important;
  padding:4px 0 14px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:thin;
}
html body.page-brands #brands .registered-brand-card {
  position:relative!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 36px!important;
  grid-template-rows:180px auto auto!important;
  align-items:start!important;
  align-content:start!important;
  gap:0 14px!important;
  width:100%!important;
  min-width:0!important;
  min-height:430px!important;
  padding:0 0 18px!important;
  overflow:hidden!important;
  color:var(--platform-ink)!important;
  text-align:left!important;
  background:var(--platform-surface)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  scroll-snap-align:start!important;
}
html body.page-brands #brands .registered-brand-cover {
  grid-column:1/-1!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  height:180px!important;
  overflow:hidden!important;
  background:var(--platform-raised)!important;
}
html body.page-brands #brands .registered-brand-cover > :is(img,.registered-brand-cover-empty) {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body.page-brands #brands .registered-brand-cover-empty {
  background:linear-gradient(145deg,var(--platform-raised),color-mix(in srgb,var(--platform-raised) 70%,var(--platform-surface)));
}
html body.page-brands #brands .registered-brand-mark {
  grid-column:1!important;
  grid-row:2!important;
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:72px!important;
  margin:-28px 0 0 16px!important;
  overflow:hidden!important;
  background:var(--platform-surface)!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html body.page-brands #brands .registered-brand-mark > img {
  width:100%!important;
  height:100%!important;
  padding:8px!important;
  object-fit:contain!important;
}
html body.page-brands #brands .registered-brand-copy {
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:50px 16px 0!important;
}
html body.page-brands #brands .registered-brand-copy > strong {
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  color:var(--platform-ink)!important;
  font:var(--type-subtitle,500 17px/24px var(--font-editorial,serif))!important;
}
html body.page-brands #brands .registered-brand-copy > :is(small,span) {
  overflow:hidden!important;
  color:var(--platform-muted)!important;
  font:var(--type-meta,400 13px/18px var(--orchid-ui-font))!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.page-brands #brands .registered-brand-stats {
  grid-column:1/-1!important;
  grid-row:3!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  align-self:end!important;
  margin:18px 16px 0!important;
  padding-top:16px!important;
  border-top:1px solid var(--platform-line)!important;
}
html body.page-brands #brands .registered-brand-stats .registered-brand-metric {
  display:grid!important;
  gap:1px!important;
  text-align:left!important;
}
html body.page-brands #brands .registered-brand-arrow {
  position:absolute!important;
  right:14px!important;
  top:194px!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  color:var(--platform-ink)!important;
  font-size:18px!important;
  line-height:1!important;
}
html body.page-brands #brands .registered-brand-card::after { display:none!important; }

@media(max-width:760px) {
  html body.page-brands #brands .brand-directory-grid[data-commerce-rail] {
    grid-auto-columns:minmax(76vw,290px)!important;
    gap:14px!important;
  }
  html body.page-brands #brands .registered-brand-card { min-height:408px!important; }
}

/* v427 full-width Brand identity lanes and compact public Brand profile. */
html body.page-brands #brands .registered-brand-card {
  grid-template-rows:180px auto auto auto!important;
  min-width:0!important;
  min-height:420px!important;
}

html body.page-brands #brands .registered-brand-mark {
  grid-row:2!important;
}

html body.page-brands #brands .registered-brand-copy {
  grid-column:1/-1!important;
  grid-row:3!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:12px 16px 0!important;
}

html body.page-brands #brands .registered-brand-copy > strong {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  white-space:normal!important;
}

html body.page-brands #brands .registered-brand-copy > strong > .registered-brand-verified {
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

html body.page-brands #brands .registered-brand-stats {
  grid-row:4!important;
}

html body.page-brands #brands :is(.brand-performance-preview h2,.os-name-row h1,.os-name-row,.os-identity) {
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body.page-brands #brands .os-hero {
  min-height:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

html body.page-brands #brands .os-cover {
  height:clamp(120px,16vw,220px)!important;
}

html body.page-brands #brands .os-profile {
  gap:18px!important;
  padding:0 clamp(18px,3vw,36px) clamp(18px,3vw,30px)!important;
}

html body.page-brands #brands .os-logo {
  width:clamp(76px,8vw,104px)!important;
  margin-top:-38px!important;
}

html body.page-brands #brands .os-identity {
  padding-top:14px!important;
}

html body.page-brands #brands .os-name-row h1 {
  width:auto!important;
  max-width:100%!important;
  font-size:clamp(30px,3.4vw,46px)!important;
  line-height:1!important;
}

@media(max-width:760px) {
  html body.page-brands #brands .registered-brand-card { min-height:400px!important; }
  html body.page-brands #brands .os-cover { height:120px!important; }
  html body.page-brands #brands .os-profile { grid-template-columns:68px minmax(0,1fr)!important; gap:12px!important; }
  html body.page-brands #brands .os-logo { width:68px!important; margin-top:-24px!important; }
  html body.page-brands #brands .os-identity { padding-top:10px!important; }
}