:root {
  --fb-brand-blue: #0755ed;
  --fb-brand-dark: #0647c2;
  --fb-brand-deep: #04275f;
  --fb-brand-ink: #0b204c;
  --fb-brand-muted: #425879;
  --fb-brand-border: #dbe5f5;
  --fb-brand-tint: #e8f0ff;
  --fb-brand-surface: #f3f7fd;
  --fb-success: #166534;
  --fb-success-emphasis: #15803d;
  --fb-success-surface: #dcfce7;
  --ink: var(--fb-brand-ink);
  --muted: var(--fb-brand-muted);
  --quiet: #607495;
  --line: var(--fb-brand-border);
  --soft-line: #e7eef8;
  --page: var(--fb-brand-surface);
  --panel: #ffffff;
  --sidebar: var(--fb-brand-deep);
  --sidebar-2: #153d78;
  --teal: var(--fb-brand-blue);
  --teal-dark: var(--fb-brand-dark);
  --amber: #f59e0b;
  --red: #dc3545;
  --blue: var(--fb-brand-blue);
  --shadow: 0 14px 34px rgba(11, 32, 76, 0.08);
  --radius: 8px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.status-badge.verified {
  color: #166534;
  background: #dcfce7;
}

.status-badge.needs_config,
.status-badge.needs_key,
.status-badge.needs_plan,
.status-badge.needs_input,
.status-badge.needs_confirmation,
.status-badge.paused,
.status-badge.validated {
  color: #b45309;
  background: #fef3c7;
}

.integration-status.verified {
  color: #166534;
  background: #dcfce7;
}

.integration-status.needs_config {
  color: #64748b;
  background: #eef2f7;
}

.integration-card-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.integration-mode {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: #eef2f7;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.integration-mode.real {
  color: #047857;
  background: #dcfce7;
}

.integration-mode.local {
  color: #1d4ed8;
  background: #dbeafe;
}

.integration-mode.demo {
  color: #b45309;
  background: #fef3c7;
}

.integration-key-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.integration-key-actions .small-button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.public-link-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0;
}

.public-shell {
  min-height: 100vh;
  padding: 32px;
  background: linear-gradient(180deg, #f8fbff 0%, #edf5f7 100%);
}

.public-panel {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.public-head {
  display: grid;
  gap: 10px;
  padding: 28px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-lg);
  background: #ffffff;
  box-shadow: var(--shadow-soft);
}

.public-head h1 {
  margin: 0;
  color: var(--ink);
  font-size: 32px;
  letter-spacing: 0;
}

.public-head p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.public-status-grid,
.public-legal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.public-status-card,
.public-legal-grid div,
.public-info-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: var(--shadow-soft);
}

.public-status-card strong,
.public-legal-grid strong,
.public-info-card strong {
  color: var(--ink);
  font-size: 16px;
}

.public-status-card small,
.public-legal-grid span,
.public-info-card p,
.public-info-card span {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.role-onboarding {
  display: grid;
  gap: 12px;
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, .35);
  border-radius: var(--radius-lg);
  background: #e8f0ff;
}

.role-onboarding-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.role-onboarding-head h3,
.role-onboarding-head p {
  margin: 0;
}

.role-onboarding-head p {
  color: var(--muted);
}

.role-onboarding-head button {
  min-height: 34px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 0 12px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  cursor: pointer;
}

.role-onboarding-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.role-onboarding-steps button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 86px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.role-onboarding-steps button.done {
  border-color: rgba(21, 128, 61, .4);
  background: #dcfce7;
}

.role-onboarding-steps svg {
  width: 20px;
  height: 20px;
  color: var(--teal);
}

.role-onboarding-steps strong,
.role-onboarding-steps small {
  display: block;
}

.role-onboarding-steps small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.feature-flags-panel {
  gap: 16px;
}

.inline-control {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.inline-control select,
.feature-flag-table select {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 0 10px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 800;
}

.switch-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-weight: 900;
}

.data-exchange-grid .panel {
  min-height: 210px;
}

.data-exchange-grid .row-actions {
  margin-top: auto;
}

.permission-area-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.permission-area-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 116px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 16px;
  background: #ffffff;
  box-shadow: var(--shadow-soft);
}

.permission-area-card strong {
  color: var(--ink);
  font-size: 16px;
}

.permission-area-card small {
  color: var(--muted);
  line-height: 1.45;
}

.module-audit-detail {
  gap: 16px;
}

.module-audit-score-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.module-audit-score-grid div {
  display: grid;
  gap: 6px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #f8fbff;
}

.module-audit-score-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.module-audit-score-grid strong {
  color: var(--ink);
  font-size: 22px;
}

.module-audit-score-grid i {
  display: block;
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: #e5eaf1;
}

.module-audit-score-grid b {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--teal);
}

.module-audit-columns {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.2fr;
  gap: 14px;
}

.module-audit-columns > div {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 14px;
  background: #ffffff;
}

.module-audit-columns h4 {
  margin: 0 0 10px;
  color: var(--ink);
}

.module-audit-flow,
.module-audit-recommendations {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.55;
}

.module-audit-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.module-audit-tags span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: #e8f0ff;
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 900;
}

.module-audit-tags.muted span {
  background: #eef2f7;
  color: var(--muted);
}

.module-audit-table .selected-row {
  background: #e8f0ff;
}

@media (max-width: 980px) {
  .public-status-grid,
  .public-legal-grid,
  .role-onboarding-steps,
  .permission-area-grid,
  .module-audit-score-grid,
  .module-audit-columns {
    grid-template-columns: 1fr;
  }

  .public-shell {
    padding: 16px;
  }

  .role-onboarding-head {
    flex-direction: column;
  }
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--page);
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--page);
  font-size: 14px;
  line-height: 1.45;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  appearance: none;
  cursor: pointer;
}

button,
.small-button,
.primary-button,
.file-button {
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

button:focus-visible,
.small-button:focus-visible,
.primary-button:focus-visible,
.file-button:focus-visible {
  outline: 3px solid rgba(7, 85, 237, 0.22);
  outline-offset: 2px;
}

button:disabled,
.small-button:disabled,
.primary-button:disabled,
.file-button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
  box-shadow: none;
}

svg {
  width: 20px;
  height: 20px;
}

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(20px, 4vw, 44px);
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
}

.login-panel {
  width: min(1160px, 100%);
  display: grid;
  gap: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(22px, 3vw, 32px);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.login-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.login-brand {
  display: inline-grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.login-logo {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--sidebar);
}

.login-brand strong,
.login-brand small {
  display: block;
}

.login-brand strong {
  font-size: 18px;
  letter-spacing: 0;
}

.login-brand small {
  color: var(--muted);
}

.login-copy {
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

.login-copy h1 {
  max-width: 700px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: 0;
}

.login-copy p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
}

.login-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.login-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.login-choice-grid.public-login-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 780px;
}

.login-choice-card {
  min-height: 220px;
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  color: var(--ink);
  background: #fbfdff;
  text-decoration: none;
}

.login-choice-card:hover {
  border-color: var(--teal);
  box-shadow: 0 14px 30px rgba(7, 85, 237, 0.12);
  transform: translateY(-1px);
}

.login-choice-card > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.login-choice-card small {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.login-choice-card strong {
  font-size: 21px;
  line-height: 1.2;
}

.login-choice-card em {
  color: var(--muted);
  font-style: normal;
  line-height: 1.5;
}

.login-choice-card b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: end;
  color: var(--teal-dark);
}

.login-choice-card b svg {
  width: 18px;
  height: 18px;
}

.login-panel-dedicated {
  width: min(1080px, 100%);
}

.login-page-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.86fr) minmax(420px, 1.14fr);
  gap: 22px;
  align-items: start;
}

.login-side-copy {
  display: grid;
  gap: 14px;
  padding: 8px 4px;
}

.login-side-copy h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.05;
  letter-spacing: 0;
}

.login-side-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}

.login-benefits,
.security-list,
.login-switch-links {
  display: grid;
  gap: 10px;
}

.login-benefits span,
.security-list span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 760;
}

.login-benefits svg,
.security-list svg {
  width: 18px;
  height: 18px;
  color: var(--teal);
}

.login-switch-links {
  grid-template-columns: repeat(auto-fit, minmax(130px, max-content));
  margin-top: 8px;
}

.login-switch-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 12px;
  color: var(--teal-dark);
  background: #ffffff;
  text-decoration: none;
  font-weight: 800;
}

.login-action-stack {
  display: grid;
  gap: 14px;
}

.login-card {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  color: var(--ink);
  background: #fbfdff;
  text-align: left;
}

.login-card:hover {
  border-color: var(--teal);
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.12);
}

.login-card > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.login-card-title {
  display: grid;
  gap: 4px;
}

.login-card strong {
  color: var(--ink);
  font-size: 19px;
  line-height: 1.2;
}

.login-card small,
.login-card em {
  color: var(--muted);
  font-style: normal;
}

.login-card em {
  line-height: 1.5;
}

.login-card-title small {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.login-card label,
.register-card label {
  display: grid;
  gap: 6px;
  color: var(--ink);
}

.login-card label b,
.register-card label b {
  font-size: 12px;
  font-weight: 760;
}

.login-card input,
.register-card input,
.register-card select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
}

.login-card input:focus {
  border-color: rgba(7, 85, 237, 0.5);
  outline: 3px solid rgba(7, 85, 237, 0.14);
}

.login-card .primary-button {
  width: 100%;
  min-height: 44px;
  justify-content: center;
}

.login-card-focused {
  background: #ffffff;
}

.register-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #fbfdff;
}

.register-card.locked {
  background: #f8fafc;
}

.register-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.register-grid.compact label:first-child {
  grid-column: 1 / -1;
}

.full-width {
  width: 100%;
  justify-content: center;
}

.login-error,
.register-notice,
.session-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(220, 53, 69, 0.18);
  border-radius: var(--radius);
  padding: 12px 14px;
  color: #9f1239;
  background: #fff1f2;
  font-weight: 760;
}

.register-notice,
.session-notice {
  border-color: rgba(7, 85, 237, 0.18);
  color: var(--teal-dark);
  background: #ecfdf5;
}

.session-notice {
  margin: 18px 24px 0;
}

.auth-code-card {
  border-color: rgba(7, 85, 237, 0.28);
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fd 100%);
}

.auth-code-card:hover {
  transform: none;
}

.auth-code-notice,
.auth-code-test-box {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--teal-dark);
  background: #ecfdf5;
}

.auth-code-notice svg,
.auth-code-test-box svg {
  width: 18px;
  height: 18px;
}

.auth-code-test-box {
  border-color: rgba(245, 158, 11, 0.36);
  color: #92400e;
  background: #fffbeb;
}

.auth-code-test-box strong,
.auth-code-test-box small,
.auth-code-test-box code {
  display: block;
}

.auth-code-test-box code {
  width: max-content;
  max-width: 100%;
  margin-top: 8px;
  border: 1px solid rgba(245, 158, 11, 0.38);
  border-radius: 8px;
  padding: 6px 10px;
  color: #111827;
  background: #ffffff;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .08em;
}

.auth-code-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.auth-code-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  background: #eef4fa;
}

.auth-code-card .compact-actions {
  display: grid;
  grid-template-columns: 1fr repeat(2, max-content);
  gap: 8px;
  align-items: center;
}

.auth-code-card .compact-actions button {
  min-height: 40px;
  justify-content: center;
}

.registration-section {
  display: grid;
  gap: 16px;
  border-top: 1px solid var(--soft-line);
  padding-top: 18px;
}

.section-heading {
  display: grid;
  gap: 6px;
}

.section-heading h2 {
  margin: 0;
  font-size: 21px;
  letter-spacing: 0;
}

.section-heading p {
  max-width: 860px;
  margin: 0;
  color: var(--muted);
}

.registration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.register-card {
  display: grid;
  align-content: start;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #fbfdff;
}

.register-card-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.register-card-head > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--sidebar-2);
}

.register-card-head strong,
.register-card-head small {
  display: block;
}

.register-card-head strong {
  font-size: 18px;
}

.register-card-head small {
  color: var(--muted);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.form-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 18px 0 10px;
  padding-top: 14px;
  border-top: 1px solid var(--soft-line);
}

.form-section-title strong {
  color: var(--ink);
}

.form-section-title span {
  color: var(--muted);
  font-size: 13px;
}

.settings-form textarea {
  min-height: 92px;
  resize: vertical;
}

.platform-production-page .settings-form {
  display: grid;
  gap: 18px;
}

.platform-production-page .form-grid {
  align-items: start;
}

.platform-production-page .form-grid.three {
  grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.platform-production-page .settings-form label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
}

.platform-production-page .settings-form input,
.platform-production-page .settings-form select,
.platform-production-page .settings-form textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  font-weight: 650;
}

.platform-production-page .settings-form input:focus,
.platform-production-page .settings-form select:focus,
.platform-production-page .settings-form textarea:focus {
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(7, 85, 237, .14);
  outline: 0;
}

.platform-production-page .settings-toggle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.platform-production-page .setting-toggle {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #f8fbfd;
}

.platform-production-page .setting-toggle input {
  width: 18px;
  min-height: 18px;
  margin-top: 2px;
  accent-color: var(--teal);
}

.platform-production-page .setting-toggle span,
.platform-production-page .setting-toggle strong,
.platform-production-page .setting-toggle small {
  display: block;
}

.platform-production-page .setting-toggle small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
  font-weight: 650;
}

.access-rules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.access-rules > div {
  min-height: 92px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
}

.access-rules svg {
  color: var(--teal);
}

.access-rules span {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
}

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 286px minmax(0, 1fr);
}

.communication-workflow-shell {
  grid-template-columns: minmax(0, 1fr);
}

.communication-workflow-shell .sidebar,
.communication-workflow-shell .topbar,
.communication-workflow-shell .session-notice,
.communication-workflow-shell .admin-notice,
.communication-workflow-shell .company-notice,
.communication-workflow-shell .communication-notice {
  display: none;
}

.communication-workflow-shell .workspace {
  min-height: 100vh;
  padding: 0;
  background: #eef3f8;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 18px;
  padding: 22px 18px;
  color: #e9eef7;
  background: var(--sidebar);
}

.brand {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.brand strong,
.brand small {
  display: block;
}

.brand strong {
  font-size: 17px;
  letter-spacing: 0;
  line-height: 1.15;
}

.brand small {
  color: #aab6c8;
  font-size: 12px;
}

.portal-switcher {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  padding: 8px;
  background: rgba(15, 23, 42, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.portal-switcher button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  justify-items: start;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  padding: 8px 7px;
  color: #aab6c8;
  background: rgba(255, 255, 255, 0.025);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.portal-switcher button:hover,
.portal-switcher button:focus-visible {
  color: #ffffff;
  border-color: rgba(7, 85, 237, 0.38);
  background: rgba(7, 85, 237, 0.12);
}

.portal-switcher button.active {
  color: #ffffff;
  border-color: rgba(7, 85, 237, 0.62);
  background: var(--teal);
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.2);
  transform: translateY(-1px);
}

.portal-switcher svg {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  padding: 6px;
  color: currentColor;
  background: rgba(255, 255, 255, 0.06);
}

.portal-switcher button.active svg {
  background: rgba(255, 255, 255, 0.18);
}

.portal-switcher span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-marketplace-switcher {
  grid-template-columns: 1fr;
}

.company-marketplace-switcher button {
  min-height: 58px;
  grid-template-columns: 34px minmax(0, 1fr);
  padding: 10px;
}

.company-marketplace-switcher svg {
  width: 34px;
  height: 34px;
}

.company-marketplace-switcher span {
  white-space: normal;
  line-height: 1.2;
}

.company-shell .portal-switcher {
  grid-template-columns: 1fr;
}

.company-shell .portal-switcher span {
  display: block;
  white-space: normal;
}

.nav {
  display: grid;
  align-content: start;
  gap: 24px;
  overflow-y: auto;
}

.nav section {
  display: grid;
  gap: 6px;
}

.nav p {
  margin: 0 0 6px;
  padding: 0 10px;
  color: #93a1b8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.nav-item {
  min-height: 40px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 0 10px;
  color: #dbe4f2;
  background: transparent;
  text-align: left;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
}

.nav-item:hover,
.nav-item.active {
  color: #ffffff;
  background: var(--sidebar-2);
  border-color: rgba(255, 255, 255, 0.06);
}

.nav-item.active svg {
  color: var(--teal);
}

.nav-item.sidebar-shortcut {
  color: #c7d3e6;
  background: rgba(7, 85, 237, 0.06);
}

.nav-item.sidebar-shortcut span::after {
  content: " Market";
  color: #8fa0b8;
  font-size: 11px;
  font-weight: 800;
}

.sidebar-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--radius);
  padding: 14px;
  background: rgba(255, 255, 255, 0.04);
}

.sidebar-card strong {
  color: #ffffff;
}

.sidebar-card span {
  color: #aab6c8;
  font-size: 13px;
}

.sidebar-actions {
  display: grid;
  gap: 8px;
}

.sidebar-actions .small-button {
  width: 100%;
  justify-content: flex-start;
  padding-inline: 12px;
}

.sidebar-actions .small-button:first-child {
  background: var(--teal);
}

.sidebar-card .small-button.ghost,
.sidebar-actions .small-button.ghost {
  color: #dbe4f2;
  border-color: rgba(255, 255, 255, 0.12);
  background: transparent;
}

.sidebar-card .small-button.ghost:hover,
.sidebar-actions .small-button.ghost:hover,
.sidebar-card .small-button.ghost:focus-visible,
.sidebar-actions .small-button.ghost:focus-visible {
  color: #ffffff;
  border-color: rgba(7, 85, 237, 0.36);
  background: rgba(7, 85, 237, 0.12);
}

.small-button,
.primary-button,
.secondary-button,
.quick-action,
.period-switch button,
.mode-tabs button,
.panel-tools button,
.icon-button,
.profile-button {
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: #ffffff;
}

.small-button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: var(--radius);
  padding: 0 13px;
  color: #ffffff;
  background: var(--teal);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(7, 85, 237, 0.12);
}

.secondary-button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: var(--radius);
  padding: 0 14px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  cursor: pointer;
}

.secondary-button:hover,
.secondary-button:focus-visible {
  border-color: rgba(7, 85, 237, 0.32);
  color: var(--teal-dark);
  background: #e8f0ff;
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.12);
  transform: translateY(-1px);
}

.small-button:hover,
.small-button:focus-visible {
  border-color: rgba(7, 85, 237, 0.42);
  background: var(--teal-dark);
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.18);
  transform: translateY(-1px);
}

.small-button svg,
.primary-button svg,
.secondary-button svg,
.file-button svg,
.row-actions button svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.small-button.ghost {
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  box-shadow: none;
}

.small-button.ghost:hover,
.small-button.ghost:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: none;
}

.danger-button,
.small-button.danger-button {
  color: #b91c1c;
  border-color: rgba(220, 53, 69, 0.24);
  background: #fff5f5;
  box-shadow: none;
}

.danger-button:hover,
.small-button.danger-button:hover,
.danger-button:focus-visible,
.small-button.danger-button:focus-visible {
  color: #991b1b;
  border-color: rgba(220, 53, 69, 0.36);
  background: #fee2e2;
  box-shadow: 0 8px 18px rgba(220, 53, 69, 0.1);
  transform: translateY(-1px);
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.table-actions .small-button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  box-shadow: none;
}

.workspace {
  min-width: 0;
}

.main-shell {
  min-width: 0;
  overflow-x: hidden;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 82px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 14px 28px;
  border-bottom: 1px solid var(--line);
  background: rgba(244, 247, 251, 0.94);
  backdrop-filter: blur(12px);
}

.eyebrow {
  display: block;
  margin-bottom: 3px;
  color: var(--teal-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.topbar h1,
.page-head h2,
.module-hero h2 {
  margin: 0;
  letter-spacing: 0;
}

.topbar h1 {
  font-size: 22px;
  line-height: 1.15;
}

.topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.topbar-ai-button {
  min-width: 132px;
  border-color: rgba(7, 85, 237, 0.34);
  background: linear-gradient(135deg, var(--teal), var(--teal-dark));
  box-shadow: 0 12px 28px rgba(7, 85, 237, 0.18);
}

.topbar-ai-button:hover,
.topbar-ai-button:focus-visible {
  background: var(--teal-dark);
}

.topbar-feedback-button {
  min-width: 0;
  color: var(--ink);
  border-color: rgba(15, 23, 42, 0.12);
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.topbar-feedback-button:hover,
.topbar-feedback-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.support-feedback-page {
  display: grid;
  gap: 18px;
}

.support-feedback-hero {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.support-feedback-hero p {
  max-width: 760px;
}

.support-feedback-hero-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius);
  color: #ffffff;
  background: linear-gradient(135deg, var(--teal), var(--teal-dark));
  box-shadow: 0 14px 30px rgba(7, 85, 237, 0.18);
}

.support-feedback-hero-icon svg {
  width: 26px;
  height: 26px;
}

.support-feedback-alert {
  margin: 0;
}

.support-feedback-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 18px;
  align-items: start;
}

.support-feedback-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.support-feedback-grid label {
  display: grid;
  gap: 7px;
  color: var(--ink);
  font-weight: 850;
}

.support-feedback-grid input,
.support-feedback-grid select,
.support-feedback-grid textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px 13px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  font-weight: 650;
}

.support-feedback-grid textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}

.support-feedback-wide {
  grid-column: 1 / -1;
}

.support-feedback-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.support-feedback-context dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.support-feedback-context dl div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--soft-line);
}

.support-feedback-context dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.support-feedback-context dd {
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.support-feedback-history {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.support-feedback-history-list {
  display: grid;
  gap: 8px;
}

.support-feedback-history-item {
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #f8fbff;
}

.support-feedback-history-item strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}

.support-feedback-history-item span,
.support-feedback-history-item small {
  color: var(--muted);
  font-weight: 750;
}

.public-marketplace-shell {
  min-height: 100vh;
  background: var(--bg);
}

.public-marketplace-topbar {
  grid-template-columns: minmax(260px, 1fr) auto;
}

.public-marketplace-nav {
  max-width: 1540px;
  margin: 18px auto 0;
  padding: 0 28px;
}

.public-marketplace-shell .page {
  padding-top: 18px;
}

.public-shop-shell {
  min-height: 100vh;
  color: var(--ink);
  background: #eef3f8;
}

.public-shop-header {
  position: sticky;
  top: 0;
  z-index: 40;
  display: grid;
  grid-template-columns: auto minmax(340px, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 32px;
  background: #111827;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
}

.public-shop-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0;
  color: #ffffff;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: 900;
}

.public-shop-logo span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: var(--teal);
}

.public-shop-logo svg {
  width: 20px;
  height: 20px;
}

.public-shop-search {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr) auto;
  gap: 0;
  min-width: 0;
}

.public-shop-search select,
.public-shop-search input {
  min-height: 46px;
  border: 0;
  color: var(--ink);
  background: #ffffff;
  font-weight: 800;
}

.public-shop-search select {
  padding: 0 12px;
  border-radius: 8px 0 0 8px;
  border-right: 1px solid var(--soft-line);
}

.public-shop-search input {
  min-width: 0;
  padding: 0 16px;
}

.public-shop-search .primary-button {
  min-height: 46px;
  border-radius: 0 8px 8px 0;
  background: #f59e0b;
  color: #111827;
  box-shadow: none;
}

.public-shop-account-nav {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.public-shop-account-nav a,
.public-shop-account-nav button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.public-shop-account-nav a:hover,
.public-shop-account-nav a:focus-visible,
.public-shop-account-nav button:hover,
.public-shop-account-nav button:focus-visible {
  background: var(--teal);
}

.public-shop-nav {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow-x: auto;
  padding: 10px 32px;
  background: #1f2937;
}

.public-shop-nav button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #e5e7eb;
  background: transparent;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 900;
  box-shadow: none;
}

.public-shop-nav button.active,
.public-shop-nav button:hover,
.public-shop-nav button:focus-visible {
  color: #111827;
  background: #fbbf24;
}

.public-shop-page {
  max-width: 1680px;
  margin: 0 auto;
  padding: 22px 32px 42px;
}

.public-shop-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.65fr);
  gap: 18px;
  align-items: stretch;
}

.public-shop-hero-copy,
.public-shop-deal,
.public-shop-section,
.public-shop-filter-bar,
.public-trust-section {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.public-shop-hero-copy {
  min-height: 312px;
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 34px;
  background:
    linear-gradient(112deg, rgba(17, 24, 39, 0.96), rgba(17, 24, 39, 0.72)),
    linear-gradient(135deg, #0647c2, #f59e0b);
  color: #ffffff;
}

.public-shop-badge {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  color: #111827;
  background: #fbbf24;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.public-shop-hero-copy h2 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: 0;
}

.public-shop-hero-copy p {
  max-width: 720px;
  margin: 0;
  color: #d1d5db;
  font-size: 18px;
  line-height: 1.5;
}

.public-shop-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-shop-hero-stats span {
  min-width: 118px;
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.public-shop-hero-stats strong {
  color: #ffffff;
  font-size: 22px;
}

.public-shop-hero-stats small {
  color: #d1d5db;
  font-size: 12px;
  font-weight: 850;
}

.public-shop-deal {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 26px;
  background:
    linear-gradient(160deg, rgba(232, 240, 255, 0.92), rgba(255, 251, 235, 0.72)),
    #ffffff;
}

.public-shop-deal span,
.public-shop-section-head span,
.public-trust-section > div > span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.public-shop-deal h3,
.public-shop-section-head h2,
.public-trust-section h2 {
  margin: 0;
  color: var(--ink);
  font-size: 25px;
  line-height: 1.12;
}

.public-shop-deal p,
.public-trust-section p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.public-shop-categories {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 16px 0 4px;
}

.public-shop-categories button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  background: #ffffff;
  white-space: nowrap;
  font-weight: 900;
}

.public-shop-categories button.active,
.public-shop-categories button:hover,
.public-shop-categories button:focus-visible {
  border-color: rgba(245, 158, 11, 0.55);
  background: #fffbeb;
}

.public-shop-filter-bar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  padding: 14px;
}

.public-shop-filter-bar strong,
.public-shop-filter-bar span {
  display: block;
}

.public-shop-filter-bar span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.public-shop-filter-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.public-shop-filter-controls select {
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  font-weight: 850;
}

.public-shop-section,
.public-trust-section {
  margin-top: 18px;
  padding: 20px;
}

.public-promoted-section {
  border-color: rgba(245, 158, 11, 0.38);
  background:
    linear-gradient(135deg, rgba(255, 251, 235, 0.96), rgba(255, 255, 255, 0.98)),
    #ffffff;
  box-shadow: 0 18px 42px rgba(245, 158, 11, 0.12);
}

.public-promoted-section .public-shop-section-head span:first-child {
  color: #b45309;
}

.public-promoted-section .soft-badge {
  color: #92400e;
  background: #fef3c7;
}

.public-shop-section-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}

.public-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
  gap: 14px;
}

.public-product-tile {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.public-product-tile:hover,
.public-product-tile:focus-within {
  border-color: rgba(245, 158, 11, 0.45);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1);
  transform: translateY(-2px);
}

.public-product-media {
  position: relative;
  min-height: 176px;
  display: grid;
  place-items: center;
  border: 0;
  border-bottom: 1px solid var(--soft-line);
  background:
    linear-gradient(145deg, #ecfeff, #f8fafc);
}

.public-product-media.service {
  background:
    linear-gradient(145deg, #e8f0ff, #fff7ed);
}

.public-product-media span {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 18px;
  color: #ffffff;
  background: #111827;
  font-size: 22px;
  font-weight: 950;
}

.public-product-media b {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #111827;
  background: #fbbf24;
  font-size: 12px;
}

.public-product-body {
  display: grid;
  gap: 9px;
  padding: 14px;
}

.public-product-body small {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
}

.public-product-body h3 {
  min-height: 42px;
  margin: 0;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.22;
}

.public-product-body p {
  min-height: 40px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.public-rating-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.public-rating-row span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.public-rating-row svg {
  width: 15px;
  height: 15px;
  color: #f59e0b;
}

.public-product-footer {
  display: grid;
  gap: 10px;
}

.public-product-footer strong {
  display: block;
  color: var(--ink);
  font-size: 22px;
}

.public-product-footer em {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.public-product-footer .primary-button {
  width: 100%;
  min-height: 40px;
}

.public-store-link {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  color: var(--teal-dark);
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 900;
}

.public-store-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
}

.public-store-tile {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.public-store-tile:hover,
.public-store-tile:focus-within {
  border-color: rgba(245, 158, 11, 0.45);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
  transform: translateY(-2px);
}

.public-store-cover {
  position: relative;
  min-height: 148px;
  display: grid;
  align-content: end;
  justify-items: start;
  gap: 12px;
  padding: 16px;
  border: 0;
  border-radius: 0;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.88), rgba(6, 71, 194, 0.7)),
    linear-gradient(135deg, #0647c2, #f59e0b);
  text-align: left;
  box-shadow: none;
}

.public-store-cover:hover,
.public-store-cover:focus-visible {
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.78), rgba(6, 71, 194, 0.64)),
    linear-gradient(135deg, #0647c2, #f59e0b);
}

.public-store-cover-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.public-store-avatar {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.78);
  border-radius: 18px;
  color: #111827;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
  font-size: 18px;
  font-weight: 950;
}

.public-store-body {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.public-store-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.public-store-heading small {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.public-store-heading h3,
.public-store-body p {
  margin: 0;
}

.public-store-heading h3 {
  margin-top: 3px;
  color: var(--ink);
  font-size: 21px;
  line-height: 1.16;
}

.public-store-heading > span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  color: #065f46;
  background: #d1fae5;
  font-size: 12px;
  font-weight: 950;
}

.public-store-body p {
  min-height: 58px;
  color: var(--muted);
  line-height: 1.45;
}

.public-store-actions {
  display: grid;
  gap: 8px;
  margin-top: 2px;
}

.public-store-actions .primary-button {
  width: 100%;
  justify-content: center;
}

.public-store-detail-page {
  display: grid;
  gap: 18px;
}

.public-store-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.34fr);
  gap: 18px;
  align-items: stretch;
  border-radius: 8px;
}

.public-store-detail-copy,
.public-store-detail-card,
.public-store-about-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.public-store-detail-copy {
  display: grid;
  align-content: center;
  gap: 15px;
  min-height: 342px;
  padding: 34px;
  color: #ffffff;
  background:
    linear-gradient(112deg, rgba(17, 24, 39, 0.96), rgba(17, 24, 39, 0.78)),
    linear-gradient(135deg, #0647c2, #f59e0b);
}

.public-store-back {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  font-size: 12px;
  font-weight: 900;
}

.public-store-back svg {
  transform: rotate(180deg);
}

.public-store-detail-copy h2 {
  max-width: 920px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: 0;
}

.public-store-detail-copy p {
  max-width: 780px;
  margin: 0;
  color: #d1d5db;
  font-size: 18px;
  line-height: 1.5;
}

.public-store-detail-meta,
.public-store-detail-actions,
.public-store-detail-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.public-store-detail-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #e5e7eb;
  font-size: 13px;
  font-weight: 850;
}

.public-store-detail-actions .primary-button,
.public-store-detail-actions .small-button {
  min-height: 44px;
}

.public-store-detail-card {
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 24px;
  background:
    linear-gradient(160deg, rgba(232, 240, 255, 0.95), rgba(255, 251, 235, 0.82)),
    #ffffff;
}

.public-store-detail-avatar {
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  color: #ffffff;
  background: #111827;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.2);
  font-size: 28px;
  font-weight: 950;
}

.public-store-detail-score strong,
.public-store-detail-score small {
  display: block;
}

.public-store-detail-score strong {
  color: var(--ink);
  font-size: 24px;
}

.public-store-detail-score small {
  color: var(--muted);
  font-weight: 850;
}

.public-store-detail-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.public-store-detail-kpis span {
  display: grid;
  gap: 2px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.public-store-detail-kpis strong {
  color: var(--ink);
  font-size: 22px;
}

.public-store-detail-kpis small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.public-store-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.28fr);
  gap: 18px;
  align-items: start;
}

.public-store-about-card {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 14px;
  padding: 20px;
}

.public-store-about-card > span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.public-store-about-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 24px;
}

.public-store-info-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.public-store-info-list div {
  display: grid;
  gap: 3px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--soft-line);
}

.public-store-info-row {
  min-width: 0;
}

.public-store-info-list dt,
.public-store-info-list dd {
  margin: 0;
}

.public-store-info-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.public-store-info-list dd {
  color: var(--ink);
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.public-store-fiscal-row dd {
  font-size: 14px;
}

.public-store-category-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.public-store-category-chips span {
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #ecfeff;
  font-size: 12px;
  font-weight: 900;
}

.public-listing-detail-page {
  max-width: 1480px;
  margin: 0 auto;
}

.public-listing-detail-hero {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.15fr) minmax(300px, 0.54fr);
  gap: 18px;
  align-items: stretch;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(232, 240, 255, 0.96), rgba(255, 251, 235, 0.86)),
    #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.public-listing-gallery,
.public-listing-copy,
.public-listing-buy-card {
  min-width: 0;
}

.public-listing-gallery {
  display: grid;
  gap: 10px;
}

.public-listing-media {
  min-height: 354px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 8px;
  color: #ffffff;
  background:
    radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(140deg, #111827, #0647c2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 16px 36px rgba(15, 23, 42, 0.16);
  font-size: 44px;
  font-weight: 950;
  letter-spacing: 0;
}

.public-listing-media.service {
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.2), transparent 28%),
    linear-gradient(140deg, #0647c2, #f59e0b);
}

.public-listing-thumbs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.public-listing-thumbs span {
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.public-listing-copy {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: 12px 4px;
}

.public-listing-copy h2 {
  margin: 0;
  color: var(--ink);
  font-size: 36px;
  line-height: 1.08;
  letter-spacing: 0;
}

.public-listing-copy p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.55;
}

.public-listing-meta-row,
.public-listing-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.public-listing-meta-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  color: var(--muted);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.public-listing-meta-row svg,
.public-listing-badges svg {
  width: 16px;
  height: 16px;
}

.public-listing-buy-card {
  position: sticky;
  top: 96px;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 20px;
  border: 1px solid rgba(6, 71, 194, 0.22);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

.public-listing-buy-card > span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.public-listing-buy-card > strong {
  color: var(--ink);
  font-size: 34px;
  line-height: 1;
}

.public-listing-buy-card > em {
  color: var(--muted);
  font-style: normal;
  font-weight: 900;
  text-decoration: line-through;
}

.public-listing-buy-card > small,
.public-listing-action-stack small {
  color: var(--muted);
  line-height: 1.4;
  font-weight: 800;
}

.public-listing-action-stack {
  display: grid;
  gap: 9px;
  margin-top: 8px;
}

.public-listing-action-stack .primary-button,
.public-listing-action-stack .small-button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
}

.public-guest-question-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 42, 0.48);
  backdrop-filter: blur(5px);
}

.public-guest-question-modal {
  width: min(560px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid rgba(7, 85, 237, 0.34);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}

.public-guest-question-form {
  display: grid;
  gap: 12px;
  padding: 20px;
}

.public-guest-question-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.public-guest-question-header > div {
  display: grid;
  gap: 3px;
}

.public-guest-question-header strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
}

.public-guest-question-header small {
  color: var(--muted);
  font-weight: 900;
}

.public-guest-question-form label {
  display: grid;
  gap: 5px;
}

.public-guest-question-form b {
  font-size: 13px;
}

.public-guest-question-form input,
.public-guest-question-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  font: inherit;
  color: var(--ink);
  background: white;
}

.public-guest-question-form textarea {
  resize: vertical;
  min-height: 96px;
}

.public-guest-question-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.public-guest-question-login {
  justify-content: center;
}

.public-marketplace-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 121;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(460px, calc(100vw - 40px));
  padding: 14px 16px;
  border: 1px solid rgba(7, 85, 237, 0.34);
  border-radius: 8px;
  background: #ecfdf5;
  color: #065f46;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
  font-weight: 900;
}

.public-marketplace-toast button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  cursor: pointer;
}

.commerce-b2b-page {
  display: grid;
  gap: 18px;
  max-width: 1540px;
  margin: 0 auto;
}

.commerce-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 0.36fr);
  gap: 18px;
  align-items: stretch;
  padding: 24px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 251, 235, 0.72)),
    #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.commerce-hero-copy {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.commerce-hero-copy h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1.04;
}

.commerce-hero-copy p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
}

.commerce-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 6px;
}

.commerce-hero-panel {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.commerce-hero-panel strong {
  color: var(--ink);
  font-size: 26px;
  line-height: 1.15;
}

.commerce-hero-panel small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.commerce-hero-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.commerce-hero-mini-grid span {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  color: var(--muted);
  background: #ffffff;
  font-size: 12px;
  font-weight: 850;
}

.commerce-hero-mini-grid b {
  display: block;
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.commerce-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.commerce-metric-card {
  min-height: 112px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.commerce-metric-card > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--teal);
}

.commerce-metric-card > span svg {
  width: 20px;
  height: 20px;
}

.commerce-metric-card strong,
.commerce-metric-card small,
.commerce-metric-card em {
  display: block;
  min-width: 0;
}

.commerce-metric-card strong {
  color: var(--ink);
  font-size: 23px;
  line-height: 1.05;
}

.commerce-metric-card small {
  margin-top: 4px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.commerce-metric-card em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.commerce-gates-panel,
.commerce-operations-panel,
.commerce-module-map-panel,
.commerce-data-panel,
.commerce-phase-panel {
  padding: 20px;
  border-radius: 8px;
}

.commerce-operations-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(232, 240, 255, 0.72)),
    #ffffff;
}

.commerce-operation-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(240px, 0.7fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-process-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 190px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.commerce-process-card ol,
.commerce-process-card ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.commerce-process-card ol {
  counter-reset: commerce-step;
}

.commerce-process-card ol li,
.commerce-process-card ul li {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.commerce-process-card ol li::before {
  counter-increment: commerce-step;
  content: counter(commerce-step);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--sidebar);
  font-size: 12px;
  font-weight: 950;
}

.commerce-process-card ul li svg {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--teal);
}

.commerce-action-card {
  align-content: stretch;
}

.commerce-action-card .primary-button,
.commerce-action-card .secondary-button {
  width: 100%;
  min-height: 44px;
  justify-content: center;
}

.commerce-gate-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.commerce-gate-card {
  display: grid;
  gap: 8px;
  min-height: 118px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-gate-card.pass {
  border-color: rgba(7, 85, 237, 0.26);
  background: #ecfdf5;
}

.commerce-gate-card strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
}

.commerce-gate-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.commerce-gate-card small {
  justify-self: start;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: rgba(7, 85, 237, 0.12);
  font-size: 11px;
  font-weight: 950;
}

.commerce-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
  gap: 18px;
  align-items: start;
}

.commerce-table {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #ffffff;
}

.commerce-table .table-head,
.commerce-table .table-row {
  min-width: 860px;
  display: grid;
  grid-template-columns: var(--cols, repeat(5, minmax(140px, 1fr)));
  gap: 12px;
  align-items: stretch;
}

.commerce-table .table-row {
  border: 0;
  border-top: 0;
  padding: 12px;
  background: #ffffff;
}

.commerce-table .table-row + .table-row {
  border-top: 1px solid var(--line);
}

.commerce-table .table-row:last-child {
  border-radius: 0 0 8px 8px;
}

.commerce-table .commerce-table-heading {
  min-width: 0;
  white-space: normal;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.commerce-table .commerce-table-cell {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: center;
  min-height: 58px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 8px;
  padding: 10px 12px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  overflow-wrap: anywhere;
  color: var(--ink);
  font-weight: 750;
}

.commerce-table .commerce-table-cell small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0;
}

.commerce-table .commerce-table-cell b {
  min-width: 0;
  font-size: 14px;
  line-height: 1.35;
}

.commerce-table .commerce-table-action-cell {
  align-items: center;
  background: #ecfdf5;
  border-color: rgba(7, 85, 237, 0.3);
}

.commerce-empty-state {
  min-height: 180px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 22px;
  border: 1px dashed rgba(148, 163, 184, 0.32);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.96), rgba(236, 253, 245, 0.62)),
    #ffffff;
}

.commerce-empty-state svg {
  width: 54px;
  height: 54px;
  padding: 14px;
  border-radius: 8px;
  color: #b45309;
  background: #fffbeb;
}

.commerce-empty-state strong,
.commerce-empty-state span {
  display: block;
}

.commerce-empty-state strong {
  color: var(--ink);
  font-size: 18px;
}

.commerce-empty-state span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}

.commerce-module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.commerce-module-tile {
  min-width: 0;
  min-height: 84px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.commerce-module-tile:hover,
.commerce-module-tile:focus-visible,
.commerce-module-tile.active {
  border-color: rgba(7, 85, 237, 0.34);
  background: #e8f0ff;
  box-shadow: 0 14px 34px rgba(7, 85, 237, 0.11);
  transform: translateY(-1px);
}

.commerce-module-tile svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--sidebar);
}

.commerce-module-tile.active svg {
  background: var(--teal);
}

.commerce-module-tile strong,
.commerce-module-tile small {
  display: block;
  min-width: 0;
}

.commerce-module-tile strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
}

.commerce-module-tile small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.commerce-phase-list {
  display: grid;
  gap: 10px;
}

.commerce-phase-row {
  width: 100%;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.commerce-phase-row:hover,
.commerce-phase-row:focus-visible {
  border-color: rgba(7, 85, 237, 0.34);
  background: #e8f0ff;
}

.commerce-phase-row span {
  display: grid;
  place-items: center;
  min-height: 34px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--sidebar);
  font-size: 12px;
  font-weight: 950;
}

.commerce-phase-row strong {
  min-width: 0;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.28;
}

.commerce-phase-row small {
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: rgba(7, 85, 237, 0.12);
  font-size: 11px;
  font-weight: 950;
}

.commerce-next-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(232, 240, 255, 0.68)),
    #ffffff;
}

.commerce-next-list {
  display: grid;
  gap: 10px;
}

.commerce-next-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}

.commerce-next-row svg {
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--teal);
}

.commerce-next-modules {
  margin-top: 14px;
}

.commerce-next-modules .commerce-module-tile {
  min-height: 72px;
  box-shadow: none;
}

.inline-notice.success,
.inline-notice.warning {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(20, 164, 154, 0.28);
  border-radius: 8px;
  color: #065f46;
  background: #ecfdf5;
  font-size: 13px;
  font-weight: 900;
}

.inline-notice.warning {
  border-color: rgba(245, 158, 11, 0.36);
  color: #92400e;
  background: #fffbeb;
}

@media (max-width: 1180px) {
  .commerce-kpi-grid,
  .commerce-gate-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .commerce-operation-grid {
    grid-template-columns: 1fr;
  }

  .commerce-content-grid,
  .commerce-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .commerce-hero {
    padding: 18px;
  }

  .commerce-hero-copy h1 {
    font-size: 30px;
  }

  .commerce-kpi-grid,
  .commerce-gate-grid {
    grid-template-columns: 1fr;
  }

  .commerce-hero-mini-grid,
  .commerce-empty-state {
    grid-template-columns: 1fr;
  }

  .commerce-process-card {
    min-height: auto;
  }

  .commerce-phase-row {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .commerce-phase-row small {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .public-guest-question-backdrop {
    align-items: end;
    padding: 12px;
  }

  .public-guest-question-modal {
    max-height: calc(100vh - 24px);
  }

  .public-guest-question-actions {
    grid-template-columns: 1fr;
  }
}

.public-listing-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 18px;
  margin-top: 18px;
  align-items: start;
}

.public-listing-info {
  margin: 0;
}

.public-listing-spec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.public-listing-spec-grid span {
  min-height: 92px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.public-listing-spec-grid b {
  color: var(--ink);
  font-size: 14px;
}

.public-listing-spec-grid small {
  color: var(--muted);
  line-height: 1.35;
  font-size: 13px;
  font-weight: 850;
}

.public-listing-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  gap: 14px;
  margin-top: 16px;
}

.public-listing-content-block {
  display: grid;
  align-content: start;
  gap: 11px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #ffffff;
}

.public-listing-content-block > span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.public-listing-content-block h3 {
  margin: 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.16;
}

.public-listing-content-block p {
  margin: 0;
  color: var(--muted);
  line-height: 1.58;
}

.public-listing-description-block {
  grid-column: 1 / -1;
  background:
    linear-gradient(135deg, rgba(232, 240, 255, 0.56), rgba(255, 255, 255, 0.94)),
    #ffffff;
}

.public-listing-inline-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.public-listing-inline-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  color: var(--muted);
  background: #f8fafc;
  font-size: 12px;
  font-weight: 900;
}

.public-listing-benefit-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.public-listing-benefit-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: var(--muted);
  line-height: 1.45;
  font-weight: 850;
}

.public-listing-benefit-list svg {
  width: 19px;
  height: 19px;
  color: var(--teal);
}

.public-listing-policy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.public-listing-policy-grid div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.public-listing-policy-grid b,
.public-listing-faq-list b {
  color: var(--ink);
  font-size: 14px;
}

.public-listing-policy-grid small,
.public-listing-faq-list small {
  color: var(--muted);
  line-height: 1.45;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.public-listing-faq-list {
  display: grid;
  gap: 11px;
}

.public-listing-faq-list div {
  display: grid;
  gap: 5px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--soft-line);
}

.public-listing-faq-list div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.public-listing-store-card .small-button {
  width: 100%;
  justify-content: center;
}

.public-listing-booking {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(380px, 1fr);
  gap: 18px;
  align-items: end;
  margin-top: 18px;
  padding: 20px;
  border: 1px solid rgba(6, 71, 194, 0.22);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.public-listing-booking > div {
  display: grid;
  gap: 8px;
}

.public-listing-booking span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.public-listing-booking h3,
.public-listing-booking p {
  margin: 0;
}

.public-listing-booking p {
  color: var(--muted);
  line-height: 1.45;
}

.public-listing-booking form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: end;
}

.public-listing-booking label {
  display: grid;
  gap: 6px;
  color: var(--ink);
  font-weight: 900;
}

.public-listing-booking input {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  font-weight: 850;
}

.public-listing-booking .primary-button {
  min-height: 44px;
  justify-content: center;
}

.public-shop-empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px dashed rgba(245, 158, 11, 0.45);
  border-radius: 8px;
  background: #fffbeb;
}

.public-shop-empty > svg {
  width: 34px;
  height: 34px;
  color: #f59e0b;
}

.public-shop-empty h3,
.public-shop-empty p {
  margin: 0;
}

.public-shop-empty p {
  color: var(--muted);
}

.public-trust-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.public-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.public-trust-grid article {
  min-height: 130px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.public-trust-grid svg {
  width: 24px;
  height: 24px;
  color: var(--teal-dark);
}

.public-trust-grid strong {
  color: var(--ink);
}

.public-trust-grid small {
  color: var(--muted);
  line-height: 1.35;
  font-weight: 800;
}

.public-shop-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-shop-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.public-shop-trust-strip article {
  min-height: 88px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.public-shop-trust-strip svg {
  width: 24px;
  height: 24px;
  color: var(--teal-dark);
}

.public-shop-trust-strip strong,
.public-shop-trust-strip small {
  display: block;
}

.public-shop-trust-strip strong {
  color: var(--ink);
  line-height: 1.2;
}

.public-shop-trust-strip small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.32;
}

.public-shop-live-region {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 26px 0;
  padding: 10px 14px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
  font-weight: 900;
}

.public-shop-live-region svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.public-shop-help-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(22, 32, 51, 0.06);
}

.public-shop-help-intro {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.public-shop-help-intro > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #e8f0ff;
  color: var(--teal-dark);
}

.public-shop-help-intro strong,
.public-shop-help-intro small {
  display: block;
}

.public-shop-help-intro small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
  font-weight: 800;
}

.public-shop-help-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.public-shop-help-steps li {
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.public-shop-help-steps strong,
.public-shop-help-steps small {
  display: block;
}

.public-shop-help-steps small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
  font-weight: 800;
}

.public-department-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.public-department-card {
  min-height: 118px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.public-department-card span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  color: #ffffff;
  background: #111827;
}

.public-department-card strong,
.public-department-card small {
  display: block;
}

.public-department-card strong {
  font-size: 17px;
}

.public-department-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.public-department-card:hover,
.public-department-card:focus-visible {
  border-color: rgba(245, 158, 11, 0.5);
  background: #fffbeb;
  transform: translateY(-1px);
}

.public-shop-content {
  display: grid;
  grid-template-columns: 258px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.public-shop-main-list {
  min-width: 0;
}

.public-shop-sidebar {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.public-shop-sidebar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--soft-line);
}

.public-shop-sidebar-head strong {
  color: var(--ink);
  font-size: 18px;
}

.public-shop-sidebar-head button {
  min-height: 30px;
  padding: 0 9px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #ecfeff;
  border-color: rgba(7, 85, 237, 0.18);
  box-shadow: none;
  font-size: 12px;
}

.public-shop-sidebar label {
  display: grid;
  gap: 6px;
}

.public-shop-sidebar b {
  color: var(--ink);
  font-size: 13px;
}

.public-shop-sidebar select,
.public-shop-sidebar input {
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  font-weight: 850;
}

.public-shop-price-range {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.public-shop-content .public-shop-section {
  margin-top: 0;
}

.public-shop-content .public-shop-section + .public-shop-section {
  margin-top: 18px;
}

.public-shop-main-list .public-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(214px, 1fr));
}

.public-product-tile {
  min-height: 100%;
}

.public-product-body h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.public-product-body p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.public-shop-shell .small-button,
.public-shop-shell .primary-button {
  border-radius: 8px;
}

.company-picker {
  min-width: 220px;
  display: grid;
  gap: 4px;
}

.client-company-filters {
  display: grid;
  grid-template-columns: minmax(150px, 1.05fr) minmax(120px, 0.8fr) minmax(130px, 0.8fr) minmax(150px, 0.9fr);
  gap: 8px;
  align-items: end;
  min-width: min(760px, 52vw);
}

.client-company-filters label {
  display: grid;
  gap: 4px;
}

.client-company-filters span {
  color: var(--quiet);
  font-size: 11px;
  font-weight: 800;
}

.company-picker span,
.language-picker span {
  color: var(--quiet);
  font-size: 11px;
  font-weight: 800;
}

.company-picker select,
.client-company-filters input,
.client-company-filters select,
.language-picker select,
.search-box input {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: #ffffff;
  outline: 0;
}

.company-picker select {
  padding: 0 12px;
  font-weight: 750;
}

.client-company-filters input,
.client-company-filters select {
  width: 100%;
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 750;
}

.language-picker {
  min-width: 150px;
  display: grid;
  gap: 4px;
}

.language-picker select {
  width: 100%;
  padding: 0 10px;
  font-weight: 750;
}

.search-box {
  width: min(360px, 25vw);
  min-height: 38px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--quiet);
  background: #ffffff;
}

.search-box input {
  min-height: 34px;
  border: 0;
  padding: 0;
}

.icon-button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--muted);
}

.notification-wrap {
  position: relative;
}

.notification-menu {
  position: fixed;
  top: 72px;
  left: 22px;
  z-index: 60;
  width: min(340px, 86vw);
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.notification-menu::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 22px;
  width: 10px;
  height: 10px;
  border-left: 1px solid var(--line);
  border-top: 1px solid var(--line);
  background: #ffffff;
  transform: rotate(45deg);
}

.notification-menu-head,
.notification-item,
.notification-empty {
  display: grid;
  gap: 4px;
}

.notification-menu-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--soft-line);
}

.notification-menu-head small,
.notification-empty small,
.notification-item small {
  color: var(--muted);
  font-size: 12px;
}

.notification-item {
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.notification-item:hover {
  border-color: var(--teal);
  background: #e8f0ff;
}

.notification-item > span,
.notification-empty > svg {
  color: var(--teal);
}

.notification-empty {
  place-items: center;
  padding: 18px 10px;
  text-align: center;
}

.profile-button {
  min-height: 38px;
  display: inline-grid;
  grid-template-columns: 26px auto;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: var(--ink);
  font-weight: 800;
}

.profile-button span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #ffffff;
  background: var(--teal);
}

.profile-button svg {
  width: 16px;
  height: 16px;
}

.page {
  max-width: 1540px;
  margin: 0 auto;
  padding: 28px;
}

.global-back-bar {
  max-width: 1540px;
  margin: 14px auto 0;
  padding: 0 28px;
}

.global-back-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--teal-dark);
  background: #e8f0ff;
  border-color: #9fbef6;
  box-shadow: 0 10px 24px rgba(6, 71, 194, 0.08);
}

.global-back-button svg {
  transform: rotate(180deg);
}

.page-head,
.module-hero,
.panel,
.kpi,
.widget,
.module-map {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 22px;
}

.page-head h2 {
  max-width: 860px;
  font-size: 24px;
}

.page-head p,
.module-hero p {
  max-width: 820px;
  margin: 8px 0 0;
  color: var(--muted);
}

.dashboard-page-head {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
  padding: 24px 28px;
}

.dashboard-page-head h2 {
  max-width: 760px;
  font-size: 28px;
  line-height: 1.16;
}

.dashboard-page-head p {
  max-width: 720px;
  font-size: 15px;
  line-height: 1.45;
}

.dashboard-page-head .page-head-actions {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--soft-line);
  padding-top: 14px;
}

.dashboard-page-head .period-filter {
  flex: 1 1 640px;
  justify-content: flex-start;
}

.dashboard-page-head .period-switch {
  flex: 0 0 auto;
}

.dashboard-page-head .period-custom-fields {
  flex: 1 1 auto;
}

.dashboard-page-head .period-custom-fields label {
  min-width: 236px;
}

.dashboard-page-head .small-button {
  min-width: 124px;
}

.client-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.marketplace-head {
  background: linear-gradient(135deg, #ffffff 0%, #fff8e8 100%);
}

.ads-head {
  background: linear-gradient(135deg, #ffffff 0%, #eef7ff 100%);
}

.admin-head {
  background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%);
}

.hr-head {
  background: linear-gradient(135deg, #ffffff 0%, #f5fbf1 100%);
}

.sales-head {
  background: linear-gradient(135deg, #ffffff 0%, #fff8f1 100%);
}

.purchase-head {
  background: linear-gradient(135deg, #ffffff 0%, #f2fbf7 100%);
}

.status-pill,
.soft-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 900;
}

.status-pill {
  margin-bottom: 10px;
  color: var(--teal-dark);
  background: #dbe5f5;
}

.soft-badge {
  color: var(--muted);
  background: #f0f4f9;
}

.period-switch,
.mode-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f8fafc;
}

.period-filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.period-switch button,
.mode-tabs button {
  min-height: 32px;
  border: 0;
  padding: 0 12px;
  color: var(--muted);
  background: transparent;
  font-weight: 850;
}

.period-switch button.active,
.mode-tabs button.active {
  color: #ffffff;
  background: var(--ink);
}

.period-custom-fields {
  display: none;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.period-custom-fields.active {
  display: inline-flex;
}

.period-custom-fields label {
  min-height: 40px;
  display: inline-grid;
  grid-template-columns: auto 138px;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 3px 8px;
  background: #ffffff;
}

.period-custom-fields span {
  color: var(--quiet);
  font-size: 11px;
  font-weight: 850;
}

.period-custom-fields input {
  min-height: 30px;
  border: 0;
  color: var(--ink);
  background: transparent;
  font-weight: 800;
  outline: 0;
}

.mode-tabs {
  margin-top: 16px;
}

.quick-strip,
.kpi-grid,
.dashboard-grid,
.widget-grid,
.module-map {
  margin-top: 16px;
}

.quick-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.quick-action {
  min-height: 50px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  color: var(--ink);
  text-align: left;
  font-weight: 850;
}

.quick-action:hover {
  border-color: var(--teal);
  color: var(--teal-dark);
}

.quick-action.active {
  border-color: rgba(7, 85, 237, 0.48);
  color: var(--teal-dark);
  background: #ecfdf5;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.kpi {
  min-height: 118px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 16px;
}

.kpi > span,
.module-hero > span,
.widget > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.kpi small,
.kpi strong,
.kpi em {
  display: block;
}

.kpi small {
  color: var(--muted);
  font-weight: 800;
}

.kpi strong {
  margin-top: 6px;
  font-size: 23px;
  line-height: 1.1;
}

.kpi em {
  margin-top: 6px;
  color: var(--quiet);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.kpi.kpi-link {
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  cursor: pointer;
  text-align: left;
}

.kpi.kpi-link:hover,
.kpi.kpi-link:focus-visible {
  border-color: rgba(7, 85, 237, 0.4);
  box-shadow: 0 14px 28px rgba(7, 85, 237, 0.12);
  transform: translateY(-1px);
}

.kpi.kpi-link i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #e8f0ff;
}

.kpi.kpi-link i svg {
  width: 16px;
  height: 16px;
}

.dashboard-action-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.dashboard-action-card {
  position: relative;
  min-height: 126px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-content: start;
  gap: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
  box-shadow: 0 10px 22px rgba(22, 32, 51, 0.06);
}

.dashboard-action-card:hover,
.dashboard-action-card:focus-within {
  border-color: rgba(7, 85, 237, 0.36);
  background: #f8fffd;
  box-shadow: 0 14px 28px rgba(7, 85, 237, 0.12);
  transform: translateY(-1px);
}

.dashboard-action-card.primary {
  border-color: rgba(7, 85, 237, 0.34);
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.dashboard-action-card > span {
  grid-row: 1 / span 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.dashboard-action-card strong,
.dashboard-action-card small {
  min-width: 0;
}

.dashboard-action-card strong {
  font-size: 14px;
  line-height: 1.18;
}

.dashboard-action-link {
  color: var(--ink);
  text-decoration: none;
  text-underline-offset: 3px;
}

.dashboard-action-link:hover,
.dashboard-action-link:focus-visible {
  color: var(--teal-dark);
  text-decoration: underline;
}

.dashboard-action-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

.dashboard-action-card b {
  justify-self: start;
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-size: 10px;
  font-weight: 900;
}

.export-format-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.export-format-actions .small-button,
.export-format-actions .primary-button {
  min-height: 34px;
  padding-inline: 10px;
}

.panel-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.inventory-export-actions {
  gap: 6px;
}

.inventory-export-actions .small-button {
  min-height: 32px;
  padding-inline: 9px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  font-size: 12px;
  box-shadow: none;
}

.inventory-export-actions .small-button:hover,
.inventory-export-actions .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: none;
}

.marketplace-export-actions .small-button {
  min-width: 54px;
}

.finance-export-actions .small-button,
.finance-export-actions .primary-button {
  min-width: 58px;
}

.reports-export-actions {
  gap: 6px;
}

.reports-export-actions .small-button,
.reports-export-actions .primary-button {
  min-width: 58px;
}

.dashboard-process-panel .panel-head p,
.dashboard-health-panel .panel-head p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.dashboard-process-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-process-step {
  min-height: 132px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--ink);
  background: #fbfdff;
  text-align: left;
}

.dashboard-process-link-step:hover,
.dashboard-process-link-step:focus-within {
  border-color: rgba(7, 85, 237, 0.34);
  background: #f8fffd;
  box-shadow: 0 10px 20px rgba(7, 85, 237, 0.1);
  transform: translateY(-1px);
}

.dashboard-process-step > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.dashboard-process-step strong {
  font-size: 13px;
  line-height: 1.2;
}

.dashboard-action-link,
.flow-text-link,
.process-text-link,
.setup-text-link {
  color: var(--ink);
  text-decoration: none;
  text-underline-offset: 3px;
}

.dashboard-action-link:hover,
.dashboard-action-link:focus-visible,
.flow-text-link:hover,
.flow-text-link:focus-visible,
.process-text-link:hover,
.process-text-link:focus-visible,
.setup-text-link:hover,
.setup-text-link:focus-visible {
  color: var(--teal-dark);
  text-decoration: underline;
}

.dashboard-process-step small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.32;
}

.dashboard-process-step i {
  justify-self: start;
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #e8f0ff;
}

.dashboard-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));
  gap: 10px;
}

.dashboard-health-item {
  min-height: 86px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon title status"
    "icon text status";
  gap: 3px 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 11px;
  color: var(--ink);
  background: #fbfdff;
  text-align: left;
}

.dashboard-health-item:hover,
.dashboard-health-item:focus-visible {
  border-color: rgba(7, 85, 237, 0.32);
  background: #ffffff;
  box-shadow: 0 10px 20px rgba(22, 32, 51, 0.08);
  transform: translateY(-1px);
}

.dashboard-health-item > span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.dashboard-health-item strong {
  grid-area: title;
  font-size: 13px;
}

.dashboard-health-item small {
  grid-area: text;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

.dashboard-health-item em {
  grid-area: status;
  align-self: start;
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--muted);
  background: #eef3f8;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.dashboard-health-item.active em,
.dashboard-health-item.passed em {
  color: #0647c2;
  background: #dcfce7;
}

.dashboard-health-item.warning em,
.dashboard-health-item.needs_config em,
.dashboard-health-item.needs_data em {
  color: #a15c00;
  background: #fff3cd;
}

.dashboard-health-item.pending em,
.dashboard-health-item.needs_plan em {
  color: #36517a;
  background: #eaf0ff;
}

.dashboard-health-item.error em,
.dashboard-health-item.blocked em,
.dashboard-health-item.critical em {
  color: #b91c1c;
  background: #fee2e2;
}

.account-ad-section {
  width: min(1540px, 100%);
  display: grid;
  gap: 10px;
  margin: 0 auto;
  padding: 16px 28px 0;
}

.account-ad-grid,
.pro-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.account-ad-card {
  min-height: 126px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-items: center;
  gap: 5px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(22, 32, 51, 0.06);
}

.account-ad-card > span {
  grid-row: 1 / 4;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.account-ad-card small,
.account-ad-card strong,
.account-ad-card p {
  min-width: 0;
}

.account-ad-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.account-ad-card strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.08;
}

.account-ad-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.account-ad-card .small-button {
  grid-column: 1 / -1;
  min-height: 32px;
  margin-top: 4px;
  font-size: 13px;
}

.ad-free-upgrade-button {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(7, 85, 237, 0.42);
  border-radius: var(--radius);
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--teal-dark), var(--teal));
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.14);
  font-weight: 900;
  text-align: center;
}

.ad-order-form .wide-field {
  grid-column: 1 / -1;
}

.ad-order-form textarea {
  min-height: 112px;
}

.advertising-order-page .dashboard-grid,
.company-ads-audit-grid,
.company-ads-workspace {
  align-items: start;
}

[data-ads-section] {
  scroll-margin-top: 96px;
}

.ads-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.company-ads-quick-strip .quick-action {
  min-height: 54px;
}

.ads-export-actions {
  gap: 6px;
}

.ads-export-actions .export-group-label {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--muted);
  background: #eef3f8;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.ads-export-actions .small-button {
  min-width: 58px;
  min-height: 32px;
  padding-inline: 9px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  font-size: 12px;
  box-shadow: none;
}

.ads-export-actions .small-button:hover,
.ads-export-actions .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.ads-performance-grid,
.ads-next-list {
  display: grid;
  gap: 10px;
}

.ads-performance-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.ads-performance-card {
  min-height: auto;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ads-performance-card > span {
  grid-row: 1 / 4;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.ads-performance-card strong,
.ads-performance-card b,
.ads-performance-card small {
  min-width: 0;
}

.ads-performance-card strong {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.ads-performance-card b {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.1;
}

.ads-performance-card small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.ads-next-list {
  grid-template-columns: 1fr;
}

.ads-next-item {
  min-height: 72px;
  display: grid;
  gap: 6px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ads-next-item small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.pro-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.pro-plan-grid {
  margin-top: 16px;
}

.pro-plan-card {
  position: relative;
  min-height: 182px;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.pro-plan-card.recommended {
  border-color: rgba(7, 85, 237, 0.46);
  box-shadow: 0 14px 30px rgba(7, 85, 237, 0.12);
}

.pro-plan-card small {
  color: var(--muted);
  font-weight: 850;
}

.pro-plan-card strong {
  color: var(--ink);
  font-size: 28px;
  line-height: 1.05;
}

.pro-plan-card strong span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.pro-plan-card p {
  margin: 0;
  color: var(--muted);
}

.pro-plan-card > b {
  width: max-content;
  border-radius: 999px;
  padding: 5px 10px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-size: 12px;
}

.pro-plan-card .small-button {
  align-self: end;
}

.pro-payment-placeholder {
  margin-top: 16px;
  min-height: auto;
}

.pro-payment-placeholder > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.pro-payment-placeholder svg {
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  padding: 10px;
  color: #ffffff;
  background: var(--teal);
}

.pro-payment-placeholder strong,
.pro-payment-placeholder small {
  display: block;
}

.pro-payment-placeholder small {
  margin-top: 4px;
  color: var(--muted);
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  grid-auto-flow: dense;
  gap: 16px;
}

.dashboard-page .dashboard-grid > .panel:not(.panel-wide):not(.dashboard-health-panel) {
  grid-column: span 6;
  height: 100%;
}

.dashboard-page .dashboard-grid > .financial-assistant-panel,
.dashboard-page .dashboard-grid > .storage-usage-panel,
.dashboard-page .dashboard-grid > .company-setup-panel,
.dashboard-page .dashboard-grid > .dashboard-process-panel {
  grid-column: 1 / -1;
}

.dashboard-page .dashboard-grid > .dashboard-list-panel,
.dashboard-page .dashboard-grid > [data-integration-section="keys"] {
  align-self: stretch;
}

.dashboard-page .empty-chart {
  min-height: 176px;
}

.dashboard-page .dashboard-process-list {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.dashboard-page .dashboard-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

@media (min-width: 1480px) {
  .dashboard-page .dashboard-grid > .panel:not(.panel-wide):not(.dashboard-health-panel) {
    grid-column: span 4;
  }
}

.dashboard-grid > .panel-wide {
  grid-column: 1 / -1;
}

.dashboard-grid > .dashboard-health-panel {
  grid-column: 1 / -1;
}

.dashboard-grid > .panel {
  min-height: auto;
}
/* Company portal stacked panel policy */
.company-shell .main-shell .page > .dashboard-grid,
.company-shell .main-shell .page > .admin-layout,
.company-shell .main-shell .page > .crm-layout,
.company-shell .main-shell .page > .reports-layout,
.company-shell .main-shell .page > .automation-layout,
.company-shell .main-shell .page > .ads-layout,
.company-shell .main-shell .page > .communication-layout,
.company-shell .main-shell .page > .inventory-production-grid {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}

.company-shell .main-shell .page > .dashboard-grid > .panel,
.company-shell .main-shell .page > .dashboard-grid > .panel-wide,
.company-shell .main-shell .page > .dashboard-grid > .dashboard-health-panel,
.company-shell .main-shell .page > .admin-layout > .panel,
.company-shell .main-shell .page > .crm-layout > .panel,
.company-shell .main-shell .page > .reports-layout > .panel,
.company-shell .main-shell .page > .automation-layout > .panel,
.company-shell .main-shell .page > .ads-layout > .panel,
.company-shell .main-shell .page > .communication-layout > .panel,
.company-shell .main-shell .page > .inventory-production-grid > .panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}

/* Company dashboard specific stacked panel policy */
.company-shell .main-shell .dashboard-page .dashboard-grid > .panel:not(.panel-wide):not(.dashboard-health-panel),
.company-shell .main-shell .dashboard-page .dashboard-grid > .dashboard-list-panel,
.company-shell .main-shell .dashboard-page .dashboard-grid > [data-integration-section="keys"] {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}
.sales-page {
  width: 100%;
  max-width: none;
}

.purchase-page {
  width: 100%;
  max-width: none;
}

.finance-page {
  width: 100%;
  max-width: none;
}

.finance-head {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.finance-head > div:first-child {
  max-width: 820px;
}

.finance-head h2 {
  max-width: 780px;
  font-size: 28px;
  line-height: 1.15;
}

.finance-head p {
  max-width: 760px;
  font-size: 15px;
  line-height: 1.45;
}

.finance-head .status-pill {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.finance-head-actions {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--soft-line);
  padding-top: 14px;
}

.finance-head-controls,
.finance-head-shortcuts {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.finance-head-controls {
  justify-content: flex-start;
}

.finance-head-shortcuts {
  justify-content: flex-end;
}

.finance-head .period-filter {
  flex: 1 1 660px;
  justify-content: flex-start;
  min-width: 0;
}

.finance-head .period-switch {
  flex: 0 0 auto;
}

.finance-head .period-custom-fields {
  flex: 1 1 auto;
}

.finance-head .period-custom-fields label {
  min-width: 236px;
}

.billing-center-page {
  width: 100%;
  max-width: none;
}

.billing-center-head {
  background: linear-gradient(135deg, #ffffff 0%, #f1fbff 100%);
}

.billing-center-grid {
  margin-top: 16px;
}

.billing-center-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.billing-center-page .billing-subscription-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.billing-center-page .pro-plan-card {
  min-height: auto;
}

.billing-center-page .platform-billing-panel .compact-head {
  margin-top: 16px;
  border-top: 1px solid var(--soft-line);
  padding-top: 16px;
}

.billing-center-page .payment-method-config-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.billing-center-page .billing-events-panel,
.billing-center-page .platform-billing-panel,
.billing-center-page .platform-billing-documents-panel,
.billing-center-page .subscription-history-panel,
.billing-center-page .billing-payment-method-panel {
  min-height: auto;
}

.billing-center-page .platform-billing-admin-summary .setup-row {
  min-height: 72px;
  grid-template-columns: 34px minmax(120px, .7fr) minmax(0, 1.8fr) auto auto auto auto auto;
  gap: 8px 10px;
  padding: 12px;
}

.billing-center-page .platform-billing-admin-summary .setup-row > span {
  width: 30px;
  height: 30px;
}

.billing-center-page .platform-billing-admin-summary .setup-row small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-center-page .platform-billing-admin-summary .setup-row .small-button {
  min-width: max-content;
}

.hr-page {
  width: 100%;
  max-width: none;
}

.crm-page {
  width: 100%;
  max-width: none;
}

.reports-page {
  width: 100%;
  max-width: none;
}

.automation-page {
  width: 100%;
  max-width: none;
}

.hr-head {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.hr-head h2 {
  max-width: 820px;
  font-size: 28px;
  line-height: 1.15;
}

.hr-head p {
  max-width: 760px;
  font-size: 15px;
  line-height: 1.45;
}

.hr-head .status-pill {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.hr-head .page-head-actions,
.hr-head .profile-head-actions {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--soft-line);
  padding-top: 14px;
}

.hr-head .period-filter {
  flex: 1 1 620px;
  justify-content: flex-start;
  min-width: 0;
}

.hr-head .period-custom-fields label {
  min-width: 236px;
}

.crm-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.reports-head {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #ffffff 0%, #f3fbff 100%);
}

.reports-head h2 {
  max-width: 900px;
  font-size: 28px;
  line-height: 1.15;
}

.reports-head p {
  max-width: 780px;
  font-size: 15px;
  line-height: 1.45;
}

.reports-head .status-pill {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.reports-head-actions {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--soft-line);
  padding-top: 14px;
}

.reports-head .period-filter {
  flex: 1 1 620px;
  justify-content: flex-start;
  min-width: 0;
}

.reports-head .period-custom-fields label {
  min-width: 236px;
}

.automation-head {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.automation-head h2 {
  max-width: 900px;
  font-size: 28px;
  line-height: 1.15;
}

.automation-head p {
  max-width: 780px;
  font-size: 15px;
  line-height: 1.45;
}

.automation-head .status-pill {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.automation-head .page-head-actions {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--soft-line);
  padding-top: 14px;
}

.automation-head .period-filter {
  flex: 1 1 620px;
  justify-content: flex-start;
  min-width: 0;
}

.automation-head .period-custom-fields label {
  min-width: 236px;
}

.sales-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
}

.sales-page-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  max-width: 760px;
}

.sales-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 18px 0;
}

.sales-hub-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  min-height: 250px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  background: #ffffff;
  box-shadow: var(--shadow-soft);
}

.sales-hub-card.primary {
  border-color: rgba(6, 71, 194, 0.28);
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.sales-hub-card .soft-badge {
  position: absolute;
  top: 18px;
  right: 18px;
}

.sales-hub-card h3 {
  margin: 4px 0 8px;
  font-size: clamp(22px, 2vw, 30px);
}

.sales-hub-card p {
  margin: 0;
  max-width: 44rem;
  color: var(--muted);
  line-height: 1.55;
}

.sales-hub-card button {
  grid-column: 1 / -1;
  align-self: end;
  width: 100%;
  margin-top: 10px;
}

.sales-hub-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background: var(--teal);
  color: #ffffff;
}

.sales-hub-icon svg {
  width: 24px;
  height: 24px;
}

.sales-invoice-issue-layout {
  align-items: start;
}

.sales-invoice-issue-layout .sales-editor-panel {
  grid-column: span 8;
}

.sales-side-panel {
  grid-column: span 4;
}

.sales-mini-metrics {
  display: grid;
  gap: 10px;
}

.sales-mini-metrics > div {
  display: grid;
  gap: 4px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 14px;
  background: #f8fbff;
}

.sales-mini-metrics strong {
  color: var(--ink);
  font-size: 22px;
  font-weight: 950;
}

.sales-mini-metrics span {
  color: var(--muted);
  font-weight: 800;
}

.sales-readonly-field {
  display: flex;
  align-items: center;
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 14px;
  background: #e8f0ff;
  color: var(--teal-dark);
  font-weight: 950;
}

.sales-cash-receipt-box {
  display: grid;
  grid-template-columns: minmax(280px, 1.4fr) minmax(220px, .8fr);
  gap: 12px;
  align-items: end;
  margin: 12px 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, .28);
  border-radius: var(--radius);
  background: #e8f0ff;
}

.sales-cash-receipt-box.is-disabled {
  opacity: .58;
  background: #f6f8fb;
}

.sales-checkbox-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0;
}

.sales-checkbox-row input {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  margin-top: 2px;
}

.sales-checkbox-row span {
  display: grid;
  gap: 4px;
}

.sales-checkbox-row small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.4;
}

.sales-dashboard-panel {
  margin-top: 16px;
}

.sales-dashboard-filters {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(150px, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.sales-dashboard-filters label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.sales-dashboard-filters input,
.sales-dashboard-filters select {
  width: 100%;
}

.sales-report-grid,
.sales-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 16px 0;
}

.sales-report-card,
.sales-settings-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow-soft);
}

.sales-report-card > span {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #e8f0ff;
  color: var(--teal-dark);
}

.sales-report-card div,
.sales-settings-card div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.sales-report-card strong,
.sales-settings-card h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 950;
}

.sales-report-card b,
.sales-settings-card strong {
  color: var(--ink);
  font-size: 21px;
  font-weight: 950;
}

.sales-report-card small,
.sales-settings-card p {
  margin: 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.45;
}

.sales-report-card button,
.sales-settings-card button {
  grid-column: 1 / -1;
}

.sales-setting-status-list {
  display: grid;
  gap: 10px;
}

.sales-setting-status-list button {
  justify-content: flex-start;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
}

.purchase-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.finance-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.hr-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.crm-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: stretch;
}

.reports-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.automation-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.sales-layout > .panel {
  grid-column: span 6;
  min-height: auto;
}

.sales-layout > .panel-wide {
  grid-column: 1 / -1;
}

.sales-invoice-issue-layout > .sales-editor-panel {
  grid-column: span 8;
}

.sales-invoice-issue-layout > .sales-side-panel {
  grid-column: span 4;
}

.purchase-layout > .panel {
  grid-column: span 4;
  min-height: auto;
}

.purchase-layout > .panel-wide {
  grid-column: span 8;
}

.purchase-layout > .dashboard-process-panel,
.purchase-layout > .dashboard-health-panel,
.purchase-layout > .financial-assistant-panel {
  grid-column: 1 / -1;
}

.purchase-page .dashboard-action-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.purchase-kpi-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.finance-layout > .panel {
  grid-column: span 4;
  min-height: auto;
}

.finance-layout > .panel-wide {
  grid-column: span 8;
}

.finance-layout > .dashboard-process-panel,
.finance-layout > .dashboard-health-panel,
.finance-layout > .financial-assistant-panel,
.finance-layout > .platform-billing-documents-panel {
  grid-column: 1 / -1;
}

.finance-linked-panel .panel-head,
.finance-control-panel .panel-head {
  align-items: flex-start;
  gap: 12px;
}

.finance-linked-panel .panel-actions,
.finance-control-panel .panel-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.finance-account-panel .panel-head {
  align-items: flex-start;
  gap: 12px;
}

.finance-account-panel .finance-export-actions {
  justify-content: flex-end;
}

.finance-account-panel .finance-export-actions .small-button {
  min-width: 58px;
  min-height: 34px;
  padding-inline: 10px;
}

.finance-account-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.finance-account-form .primary-button {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.finance-mini-table .admin-table-row strong,
.finance-mini-table .admin-table-row small {
  display: block;
}

.finance-mini-table .admin-table-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.hr-export-actions .small-button,
.hr-export-actions .primary-button {
  min-width: 58px;
}

.hr-layout > .panel {
  grid-column: span 6;
  min-height: auto;
}

.hr-layout > .panel-wide {
  grid-column: 1 / -1;
}

.hr-layout > .dashboard-process-panel,
.hr-layout > .dashboard-health-panel,
.hr-layout > .financial-assistant-panel {
  grid-column: 1 / -1;
}

.hr-layout .panel-head {
  align-items: flex-start;
  gap: 12px;
}

.hr-layout .panel-actions,
.hr-layout .hr-export-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.crm-layout > .panel {
  grid-column: span 6;
  height: 100%;
}

.crm-layout > .panel-wide {
  grid-column: 1 / -1;
}

.crm-layout > .dashboard-process-panel,
.crm-layout > .dashboard-health-panel,
.crm-layout > .financial-assistant-panel {
  grid-column: 1 / -1;
}

.reports-layout > .panel {
  grid-column: span 4;
  min-height: auto;
}

.reports-layout > .panel-wide {
  grid-column: span 8;
}

.reports-layout > .dashboard-process-panel,
.reports-layout > .dashboard-health-panel,
.reports-layout > .financial-assistant-panel,
.reports-layout > .reports-catalog-panel,
.reports-layout > .report-table-panel {
  grid-column: 1 / -1;
}

.reports-layout .panel-head {
  align-items: flex-start;
  gap: 12px;
}

.reports-layout .panel-actions,
.reports-layout .reports-export-actions,
.report-card-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.reports-layout .reports-export-actions .small-button,
.reports-layout .reports-export-actions .primary-button {
  min-width: 58px;
  min-height: 34px;
  padding-inline: 10px;
}

.automation-layout > .panel {
  grid-column: span 4;
  min-height: auto;
}

.automation-layout > .panel-wide {
  grid-column: span 8;
  min-height: auto;
}

.automation-layout > .dashboard-process-panel,
.automation-layout > .dashboard-health-panel,
.automation-layout > .financial-assistant-panel,
.automation-layout > .automation-map-panel,
.automation-layout > .automation-health-anchor {
  grid-column: 1 / -1;
  min-height: auto;
}

.automation-layout > .automation-health-anchor {
  display: contents;
}

.automation-layout .panel-head {
  align-items: flex-start;
  gap: 12px;
}

.automation-layout .panel-actions,
.automation-layout .automation-export-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.automation-layout .automation-export-actions .small-button {
  min-width: 58px;
  min-height: 34px;
  padding-inline: 10px;
}

.finance-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 0 0 18px;
}

.finance-guard-modal {
  width: 100%;
  box-shadow: none;
}

.purchase-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 0 0 18px;
}

.purchase-guard-modal {
  width: 100%;
  box-shadow: none;
}

.hr-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 0 0 16px;
}

.hr-guard-modal {
  width: 100%;
  box-shadow: none;
}

.crm-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 0 0 16px;
}

.crm-guard-modal {
  width: 100%;
  box-shadow: none;
}

[data-crm-section] {
  scroll-margin-top: 96px;
}

.crm-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.crm-form {
  margin-bottom: 14px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.crm-form.single {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-form .span-2 {
  grid-column: span 2;
}

.crm-form .span-3 {
  grid-column: 1 / -1;
}

.crm-form .primary-button {
  grid-column: 1 / -1;
  min-height: 42px;
}

.crm-form .company-lookup-card {
  grid-column: 1 / -1;
}

.crm-table {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
}

.crm-table-head,
.crm-table-row {
  display: grid;
  grid-template-columns: var(--cols);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  min-width: 760px;
}

.crm-table-head {
  background: var(--ink);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.crm-table-row {
  border-top: 1px solid var(--soft-line);
  background: #fff;
}

.crm-table-row span,
.crm-mini-item,
.crm-lead-card,
.crm-opportunity-card,
.crm-task-item {
  min-width: 0;
}

.crm-table-row strong,
.crm-table-row small,
.crm-mini-item strong,
.crm-mini-item span,
.crm-mini-item small {
  display: block;
  overflow-wrap: anywhere;
}

.crm-table-row small,
.crm-mini-item small,
.crm-lead-card small,
.crm-opportunity-card small,
.crm-task-item small,
.crm-timeline-item small {
  color: var(--muted);
}

.crm-lead-list,
.crm-mini-list,
.crm-task-list,
.crm-timeline {
  display: grid;
  gap: 10px;
}

.crm-lead-card,
.crm-mini-item,
.crm-task-item,
.crm-timeline-item {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #fff;
  padding: 12px;
}

.crm-lead-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.crm-lead-card > span {
  color: var(--teal);
  font-weight: 800;
}

.crm-pipeline-board {
  display: grid;
  grid-template-columns: repeat(6, minmax(180px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.crm-stage-column {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #f8fafc;
  min-height: 180px;
  padding: 10px;
}

.crm-stage-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.crm-stage-head span {
  color: var(--teal);
  font-weight: 800;
  white-space: nowrap;
}

.crm-opportunity-card {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: var(--radius);
  background: #fff;
  padding: 10px;
  margin-bottom: 8px;
}

.crm-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

.crm-card-actions button,
.crm-card-actions .small-button {
  min-height: 32px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 8px;
  padding: 7px 10px;
  background: #ffffff;
  color: var(--teal-dark);
  font-weight: 800;
  box-shadow: none;
}

.crm-card-actions button:hover,
.crm-card-actions button:focus-visible,
.crm-card-actions .small-button:hover,
.crm-card-actions .small-button:focus-visible {
  border-color: rgba(7, 85, 237, 0.5);
  background: #e8f0ff;
}

.crm-page .dashboard-process-list,
.crm-page .dashboard-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.crm-opportunity-card span {
  color: var(--ink);
  font-weight: 800;
  font-size: 0.82rem;
}

.crm-stage-empty {
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  padding: 14px;
  text-align: center;
  font-size: 0.85rem;
}

.crm-mini-item,
.crm-task-item,
.crm-timeline-item {
  display: grid;
  gap: 4px;
}

.crm-task-item,
.crm-timeline-item {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
}

.crm-task-item > span,
.crm-timeline-item > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--teal);
  background: rgba(7, 85, 237, 0.1);
}

.crm-task-item.overdue {
  border-color: rgba(220, 38, 38, 0.35);
  background: #fff7f7;
}

.crm-task-item.overdue > span {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
}

.automation-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 0 0 18px;
}

.automation-guard-modal {
  width: 100%;
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: none;
}

[data-automation-section] {
  scroll-margin-top: 96px;
}

.automation-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.automation-export-actions {
  gap: 6px;
}

.automation-export-actions .small-button {
  min-width: 58px;
  min-height: 32px;
  padding-inline: 9px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  font-size: 12px;
  box-shadow: none;
}

.automation-export-actions .small-button:hover,
.automation-export-actions .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: none;
}

.automation-workflow-form,
.automation-key-form {
  margin-top: 4px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.automation-workflow-form .wide-field {
  grid-column: span 2;
}

.automation-workflow-form .primary-button {
  grid-column: span 2;
  min-height: 44px;
}

.automation-key-form .small-button {
  min-height: 42px;
}

.automation-empty-box {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 128px;
  border: 1px dashed rgba(100, 116, 139, 0.26);
  border-radius: var(--radius);
  padding: 18px;
  color: var(--muted);
  text-align: center;
  background: #fbfdff;
}

.automation-empty-box svg {
  width: 28px;
  height: 28px;
  color: var(--teal);
}

.automation-empty-box strong {
  color: var(--ink);
}

.automation-key-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.automation-key-list > div {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.automation-key-list svg {
  width: 22px;
  height: 22px;
  color: var(--teal);
}

.automation-key-list strong,
.automation-key-list span,
.automation-key-list small {
  display: block;
}

.automation-key-list span,
.automation-key-list small {
  color: var(--muted);
  font-size: 12px;
}

.automation-suggestion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
}

.automation-suggestion-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 14px;
  background: #ffffff;
}

.automation-suggestion-card > span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: var(--teal-dark);
  background: #dbe5f5;
}

.automation-suggestion-card p {
  margin: 5px 0;
  color: var(--muted);
  line-height: 1.4;
}

.automation-suggestion-card small {
  color: var(--quiet);
  font-weight: 800;
}

.automation-suggestion-card .report-card-actions {
  grid-column: 1 / -1;
  justify-content: flex-start;
}

.automation-map-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.automation-map-card {
  min-height: 128px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon title status"
    "icon text text";
  gap: 6px 10px;
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
}

.automation-map-card:hover,
.automation-map-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.34);
  background: #f8fffd;
  box-shadow: 0 10px 20px rgba(7, 85, 237, 0.1);
  transform: translateY(-1px);
}

.automation-map-card > span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.automation-map-card strong {
  grid-area: title;
  font-size: 14px;
}

.automation-map-card small {
  grid-area: text;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.automation-map-card em {
  grid-area: status;
  align-self: start;
  border-radius: 999px;
  padding: 4px 8px;
  color: #0647c2;
  background: #dcfce7;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.automation-table {
  overflow-x: auto;
}

.automation-table .table-head,
.automation-table .admin-table-row {
  min-width: 980px;
}

.automation-table .admin-table-row strong,
.automation-table .admin-table-row small {
  display: block;
}

.automation-table .admin-table-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.automation-table .row-actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.automation-table .row-actions .small-button {
  min-width: 74px;
  min-height: 34px;
  padding-inline: 10px;
}

.automation-run-list {
  display: grid;
  gap: 10px;
}

.automation-run-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.automation-run-list > div.ok {
  border-color: rgba(22, 163, 74, 0.22);
  background: #f0fdf4;
}

.automation-run-list > div.failed {
  border-color: rgba(220, 38, 38, 0.22);
  background: #fff1f2;
}

.automation-run-list svg {
  width: 20px;
  height: 20px;
}

.automation-run-list strong,
.automation-run-list span,
.automation-run-list small {
  display: block;
}

.automation-run-list span,
.automation-run-list small {
  color: var(--muted);
  font-size: 12px;
}

.ai-mission-panel,
.ai-architecture-panel,
.ai-autonomy-panel,
.ai-agents-panel,
.ai-agent-orchestrator-panel,
.ai-foundation-panel,
.ai-roadmap-panel,
.ai-tool-execution-panel,
.ai-context-panel,
.ai-planning-panel,
.ai-tool-registry-panel,
.ai-workflow-engine-panel,
.ai-event-bus-panel,
.ai-decision-engine-panel,
.ai-knowledge-platform-panel,
.ai-interaction-panel,
.ai-engine-panel {
  grid-column: 1 / -1 !important;
}

.ai-export-group {
  justify-content: flex-end;
}

.ai-foundation-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-foundation-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-foundation-summary span,
.ai-layer-card > span,
.ai-task-card > span,
.ai-compact-list > div > span {
  display: grid;
  place-items: center;
  color: #ffffff;
  background: var(--teal);
}

.ai-foundation-summary span {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.ai-foundation-summary strong,
.ai-foundation-summary small {
  display: block;
  min-width: 0;
}

.ai-foundation-summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-mission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
  gap: 12px;
  margin-bottom: 14px;
}

.ai-mission-card,
.ai-confirmation-preview,
.ai-principle-card,
.ai-autonomy-card,
.ai-core-node,
.ai-agent-card {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #ffffff;
}

.ai-mission-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px 12px;
  align-content: start;
  padding: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.ai-mission-card > span,
.ai-principle-card > span,
.ai-core-node > span,
.ai-agent-card > div:first-child > span {
  display: grid;
  place-items: center;
  color: #ffffff;
  background: var(--teal);
}

.ai-mission-card > span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.ai-mission-card p {
  grid-column: 2;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.ai-confirmation-preview {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: #fbfdff;
}

.ai-confirmation-preview > div {
  display: grid;
  grid-template-columns: .65fr 1fr;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 8px 10px;
  background: #ffffff;
}

.ai-confirmation-preview small {
  color: var(--muted);
  font-weight: 900;
}

.ai-confirmation-preview .small-button {
  width: 100%;
}

.ai-principle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.ai-principle-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: start;
  padding: 12px;
}

.ai-principle-card > span,
.ai-agent-card > div:first-child > span {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}

.ai-principle-card small {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-principle-card .status-badge {
  grid-column: 2;
}

.ai-autonomy-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ai-autonomy-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 152px;
  padding: 13px;
  color: var(--ink);
  text-align: left;
  box-shadow: none;
}

.ai-autonomy-card:hover,
.ai-autonomy-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.34);
  background: #f8fffd;
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.1);
}

.ai-autonomy-card.selected {
  border-color: rgba(7, 85, 237, 0.5);
  background: #e8f0ff;
}

.ai-autonomy-card > span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.ai-autonomy-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-boundary-strip {
  margin-top: 12px;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: var(--radius);
  padding: 11px 12px;
  color: #92400e;
  background: #fffbeb;
  font-weight: 850;
}

.ai-boundary-strip span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.ai-architecture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.ai-architecture-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 7px 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.ai-architecture-card > span {
  grid-row: span 3;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-architecture-card code {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 11px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.ai-architecture-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-foundation-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 14px;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  background: #e8f0ff;
}

.ai-foundation-flow span {
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-foundation-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-foundation-flow svg {
  width: 18px;
  height: 18px;
}

.ai-provider-panel {
  grid-column: 1 / -1 !important;
}

.ai-provider-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-provider-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-provider-summary span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-provider-summary strong,
.ai-provider-summary small {
  display: block;
  min-width: 0;
}

.ai-provider-summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ai-fallback-chain {
  display: grid;
  gap: 8px;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-fallback-chain > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.ai-fallback-chain span:not(.eyebrow) {
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-fallback-chain b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-fallback-chain svg {
  width: 16px;
  height: 16px;
}

.ai-provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 12px;
}

.ai-provider-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-provider-card.disabled {
  background: #f8fafc;
}

.ai-provider-card.future {
  border-style: dashed;
}

.ai-provider-card > div:first-child {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.ai-provider-card > div:first-child > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-provider-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-provider-meta,
.ai-provider-capabilities {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.ai-provider-meta em,
.ai-provider-capabilities span {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.ai-provider-capabilities span {
  color: var(--teal-dark);
  background: #dbe5f5;
}

.ai-provider-health-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.ai-provider-card > .small-button {
  width: 100%;
  min-height: 38px;
}

.ai-provider-bottom-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  margin-top: 14px;
}

.ai-provider-bottom-grid h4 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 15px;
}

.ai-routing-list {
  display: grid;
  gap: 8px;
}

.ai-routing-list > div {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.ai-routing-list strong,
.ai-routing-list small {
  display: block;
}

.ai-routing-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ai-capability-cloud {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-capability-cloud span {
  border-radius: 999px;
  padding: 8px 10px;
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--soft-line);
  font-size: 12px;
  font-weight: 900;
}

.ai-core-tree {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.ai-core-node {
  display: grid;
  gap: 10px;
  align-content: center;
  justify-items: center;
  padding: 18px;
  text-align: center;
  background: linear-gradient(180deg, #0f172a 0%, #14233a 100%);
  color: #ffffff;
}

.ai-core-node > span {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--teal);
}

.ai-core-node small {
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.4;
}

.ai-agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
}

.ai-agent-card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 13px;
}

.ai-agent-card.disabled {
  background: #f8fafc;
}

.ai-agent-card > div:first-child {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.ai-agent-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-agent-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-agent-meta em {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.ai-agent-orchestrator-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-agent-orchestrator-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-agent-orchestrator-summary span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-agent-orchestrator-summary strong,
.ai-agent-orchestrator-summary small {
  display: block;
  min-width: 0;
}

.ai-agent-orchestrator-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.ai-agent-orchestrator-summary small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-agent-flow,
.ai-agent-lifecycle {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-agent-flow span,
.ai-agent-lifecycle span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-agent-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-agent-flow svg {
  width: 17px;
  height: 17px;
}

.ai-agent-lifecycle {
  border-style: solid;
  background: #ffffff;
}

.ai-agent-lifecycle span.ready,
.ai-agent-lifecycle span.completed {
  color: var(--fb-success);
  background: #bbf7d0;
}

.ai-agent-lifecycle span.busy,
.ai-agent-lifecycle span.waiting {
  color: #92400e;
  background: #fffbeb;
}

.ai-agent-lifecycle span.stopped {
  color: #64748b;
  background: #eef2f7;
}

.ai-agent-orchestrator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ai-agent-orchestrator-grid > section {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.mini-head {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.mini-head strong {
  color: var(--ink);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.ai-agent-assignment-list,
.ai-agent-health-list,
.ai-agent-message-list {
  display: grid;
  gap: 8px;
}

.ai-agent-assignment-list > div,
.ai-agent-health-list > div,
.ai-agent-message-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 9px;
  background: #fbfdff;
}

.ai-agent-assignment-list > div > span,
.ai-agent-health-list > div > span,
.ai-agent-message-list > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-agent-assignment-list strong,
.ai-agent-health-list strong,
.ai-agent-message-list strong,
.ai-agent-assignment-list small,
.ai-agent-health-list small,
.ai-agent-message-list small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-agent-assignment-list small,
.ai-agent-health-list small,
.ai-agent-message-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-workflow-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-workflow-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-workflow-summary span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-workflow-summary strong,
.ai-workflow-summary small {
  display: block;
  min-width: 0;
}

.ai-workflow-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.ai-workflow-summary small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-workflow-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-workflow-flow span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-workflow-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-workflow-flow svg {
  width: 17px;
  height: 17px;
}

.ai-workflow-engine-grid,
.ai-workflow-monitor-grid {
  display: grid;
  grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ai-workflow-monitor-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-workflow-engine-grid > section,
.ai-workflow-monitor-grid > section,
.ai-workflow-generator-card {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-workflow-generator-card h4 {
  margin: 8px 0 10px;
  color: var(--ink);
  font-size: 18px;
}

.ai-workflow-generator-form {
  display: grid;
  gap: 10px;
}

.ai-workflow-generator-form textarea {
  min-height: 112px;
  resize: vertical;
}

.ai-workflow-generator-form .primary-button {
  width: 100%;
}

.ai-workflow-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.ai-workflow-template-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-workflow-template-card > div:first-child {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.ai-workflow-template-card strong,
.ai-workflow-template-card p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-workflow-template-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.ai-workflow-template-card .small-button {
  width: 100%;
}

.ai-workflow-tags {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.ai-workflow-tags em,
.ai-workflow-bottleneck-list span {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.ai-workflow-monitor-list,
.ai-workflow-policy-list {
  display: grid;
  gap: 8px;
}

.ai-workflow-monitor-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 9px;
  background: #fbfdff;
}

.ai-workflow-monitor-list > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-workflow-monitor-list strong,
.ai-workflow-monitor-list small,
.ai-workflow-monitor-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-workflow-monitor-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-workflow-monitor-list em {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.ai-workflow-analytics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.ai-workflow-analytics-grid > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 10px;
  background: #fbfdff;
}

.ai-workflow-analytics-grid strong,
.ai-workflow-analytics-grid small {
  display: block;
}

.ai-workflow-analytics-grid strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.ai-workflow-analytics-grid small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ai-workflow-bottleneck-list {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.ai-workflow-bottleneck-list b {
  color: var(--teal-dark);
}

.ai-workflow-policy-list span {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 9px;
  color: var(--muted);
  background: #fbfdff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-workflow-policy-list svg {
  flex: 0 0 auto;
  color: var(--teal-dark);
}

.ai-event-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-event-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-event-summary span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-event-summary strong,
.ai-event-summary small {
  display: block;
  min-width: 0;
}

.ai-event-summary strong {
  color: var(--ink);
  font-size: 23px;
  line-height: 1;
}

.ai-event-summary small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-event-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-event-flow span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-event-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-event-flow svg {
  width: 17px;
  height: 17px;
}

.ai-event-bus-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ai-event-monitor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-event-bus-grid > section,
.ai-event-monitor-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-event-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.ai-event-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-left: 4px solid var(--teal);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-event-card.priority-low {
  border-left-color: #94a3b8;
}

.ai-event-card.priority-high {
  border-left-color: #f59e0b;
}

.ai-event-card.priority-critical {
  border-left-color: #ef4444;
}

.ai-event-card > div:first-child {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.ai-event-card strong,
.ai-event-card p,
.ai-event-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-event-card p,
.ai-event-card small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.ai-event-card .small-button {
  width: 100%;
}

.ai-event-tags {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.ai-event-tags em {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.ai-trigger-rule-list,
.ai-event-history-list,
.ai-dead-letter-list,
.ai-event-suggestion-list {
  display: grid;
  gap: 8px;
}

.ai-trigger-rule-list > div,
.ai-event-history-list > div,
.ai-dead-letter-list > div,
.ai-event-suggestion-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 9px;
  background: #fbfdff;
}

.ai-event-history-list > div.dead_letter,
.ai-dead-letter-list > div {
  border-color: rgba(239, 68, 68, 0.24);
  background: #fff7f7;
}

.ai-trigger-rule-list > div.paused {
  background: #f8fafc;
  opacity: .82;
}

.ai-trigger-rule-list > div > span,
.ai-event-history-list > div > span,
.ai-dead-letter-list > div > span,
.ai-event-suggestion-list > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-dead-letter-list > div > span,
.ai-event-history-list > div.dead_letter > span {
  background: #ef4444;
}

.ai-trigger-rule-list strong,
.ai-trigger-rule-list small,
.ai-trigger-rule-list em,
.ai-event-history-list strong,
.ai-event-history-list small,
.ai-event-history-list em,
.ai-dead-letter-list strong,
.ai-dead-letter-list small,
.ai-dead-letter-list em,
.ai-event-suggestion-list strong,
.ai-event-suggestion-list small,
.ai-event-suggestion-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-trigger-rule-list small,
.ai-event-history-list small,
.ai-dead-letter-list small,
.ai-event-suggestion-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-trigger-rule-list em,
.ai-event-history-list em,
.ai-dead-letter-list em,
.ai-event-suggestion-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-event-error {
  color: #b91c1c !important;
}

.ai-event-history-list b {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 11px;
}

.ai-decision-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-decision-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-decision-summary span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-decision-summary strong,
.ai-decision-summary small {
  display: block;
  min-width: 0;
}

.ai-decision-summary strong {
  color: var(--ink);
  font-size: 23px;
  line-height: 1;
}

.ai-decision-summary small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-decision-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-decision-flow span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-decision-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-decision-scenario-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-decision-scenario-card {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 5px 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-left: 4px solid var(--teal);
  border-radius: var(--radius);
  padding: 11px;
  text-align: left;
  background: #ffffff;
  cursor: pointer;
}

.ai-decision-scenario-card.risk-high {
  border-left-color: #f59e0b;
}

.ai-decision-scenario-card.risk-critical {
  border-left-color: #ef4444;
}

.ai-decision-scenario-card > span {
  grid-row: span 3;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-decision-scenario-card.risk-critical > span {
  background: #ef4444;
}

.ai-decision-scenario-card strong,
.ai-decision-scenario-card small,
.ai-decision-scenario-card em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-decision-scenario-card small,
.ai-decision-scenario-card em {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-decision-scenario-card em {
  color: var(--teal-dark);
  font-style: normal;
  font-weight: 900;
}

.ai-decision-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ai-decision-monitor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-decision-grid > section,
.ai-decision-monitor-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-policy-list,
.ai-decision-record-list,
.ai-approval-list,
.ai-simulation-list,
.ai-conflict-list {
  display: grid;
  gap: 8px;
}

.ai-policy-list > div,
.ai-decision-record-list > div,
.ai-approval-list > div,
.ai-simulation-list > div,
.ai-conflict-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 9px;
  background: #fbfdff;
}

.ai-simulation-list > div,
.ai-conflict-list > div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.ai-policy-list > div.disabled {
  opacity: .72;
  background: #f8fafc;
}

.ai-decision-record-list > div.decision-deny,
.ai-conflict-list > div.open {
  border-color: rgba(239, 68, 68, 0.24);
  background: #fff7f7;
}

.ai-decision-record-list > div.decision-ask_user,
.ai-approval-list > div {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffbeb;
}

.ai-policy-list > div > span,
.ai-decision-record-list > div > span,
.ai-approval-list > div > span,
.ai-simulation-list > div > span,
.ai-conflict-list > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-decision-record-list > div.decision-deny > span,
.ai-conflict-list > div.open > span {
  background: #ef4444;
}

.ai-policy-list strong,
.ai-policy-list small,
.ai-policy-list em,
.ai-decision-record-list strong,
.ai-decision-record-list small,
.ai-decision-record-list em,
.ai-approval-list strong,
.ai-approval-list small,
.ai-simulation-list strong,
.ai-simulation-list small,
.ai-simulation-list em,
.ai-conflict-list strong,
.ai-conflict-list small,
.ai-conflict-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-policy-list small,
.ai-decision-record-list small,
.ai-approval-list small,
.ai-simulation-list small,
.ai-conflict-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-policy-list em,
.ai-decision-record-list em,
.ai-simulation-list em,
.ai-conflict-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-approval-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ai-knowledge-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-knowledge-summary > div,
.ai-knowledge-source-grid > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-knowledge-summary span:first-child,
.ai-knowledge-source-grid span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-knowledge-summary strong,
.ai-knowledge-summary small,
.ai-knowledge-source-grid strong,
.ai-knowledge-source-grid small {
  display: block;
  min-width: 0;
}

.ai-knowledge-summary strong {
  color: var(--ink);
  font-size: 23px;
  line-height: 1;
}

.ai-knowledge-summary small,
.ai-knowledge-source-grid small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-knowledge-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-knowledge-flow span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-knowledge-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-knowledge-source-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-knowledge-main-grid,
.ai-knowledge-library-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ai-knowledge-monitor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-knowledge-main-grid > section,
.ai-knowledge-library-grid > section,
.ai-knowledge-monitor-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-knowledge-question-form,
.ai-knowledge-document-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ai-knowledge-question-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  margin-bottom: 10px;
}

.ai-knowledge-document-form .full,
.ai-knowledge-question-form .full {
  grid-column: 1 / -1;
}

.ai-knowledge-demo-questions,
.ai-knowledge-sync-actions,
.ai-knowledge-feedback-actions,
.ai-knowledge-doc-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
}

.ai-knowledge-demo-questions {
  margin-bottom: 10px;
}

.ai-knowledge-answer-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-knowledge-answer-card > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-knowledge-answer-card p {
  margin: 6px 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.ai-knowledge-answer-card strong,
.ai-knowledge-answer-card small,
.ai-knowledge-answer-card em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-knowledge-answer-card em {
  color: var(--teal-dark);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.ai-knowledge-document-list,
.ai-knowledge-index-list,
.ai-knowledge-suggestion-list,
.ai-knowledge-version-list,
.ai-knowledge-sync-list {
  display: grid;
  gap: 8px;
}

.ai-knowledge-document-list > div,
.ai-knowledge-index-list > div,
.ai-knowledge-suggestion-list > div,
.ai-knowledge-version-list > div,
.ai-knowledge-sync-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 10px;
  padding: 9px;
  background: #fbfdff;
}

.ai-knowledge-index-list > div,
.ai-knowledge-suggestion-list > div,
.ai-knowledge-version-list > div {
  grid-template-columns: 34px minmax(0, 1fr);
}

.ai-knowledge-document-list > div.status-draft {
  border-color: rgba(245, 158, 11, 0.25);
  background: #fffbeb;
}

.ai-knowledge-document-list > div.status-deprecated,
.ai-knowledge-document-list > div.status-archived {
  border-color: rgba(239, 68, 68, 0.2);
  background: #fff7f7;
}

.ai-knowledge-document-list > div > span,
.ai-knowledge-index-list > div > span,
.ai-knowledge-suggestion-list > div > span,
.ai-knowledge-version-list > div > span,
.ai-knowledge-sync-list > div > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--teal);
}

.ai-knowledge-document-list strong,
.ai-knowledge-document-list small,
.ai-knowledge-document-list em,
.ai-knowledge-index-list strong,
.ai-knowledge-index-list small,
.ai-knowledge-index-list em,
.ai-knowledge-suggestion-list strong,
.ai-knowledge-suggestion-list small,
.ai-knowledge-suggestion-list em,
.ai-knowledge-version-list strong,
.ai-knowledge-version-list small,
.ai-knowledge-version-list em,
.ai-knowledge-sync-list strong,
.ai-knowledge-sync-list small,
.ai-knowledge-sync-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-knowledge-document-list small,
.ai-knowledge-index-list small,
.ai-knowledge-suggestion-list small,
.ai-knowledge-version-list small,
.ai-knowledge-sync-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-knowledge-document-list em,
.ai-knowledge-index-list em,
.ai-knowledge-suggestion-list em,
.ai-knowledge-version-list em,
.ai-knowledge-sync-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-interaction-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ai-interaction-summary > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-interaction-summary span:first-child,
.ai-conversation-message > span,
.ai-reference-list > div > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-interaction-summary strong,
.ai-interaction-summary small {
  display: block;
  min-width: 0;
}

.ai-interaction-summary strong {
  color: var(--ink);
  font-size: 23px;
  line-height: 1;
}

.ai-interaction-summary small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-interaction-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-interaction-flow span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-interaction-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-interaction-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ai-interaction-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.ai-interaction-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-conversation-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 10px;
}

.ai-conversation-form label {
  min-width: 0;
}

.ai-conversation-prompts {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

.ai-conversation-thread,
.ai-reference-list,
.ai-translation-memory-list,
.ai-conversation-timeline-list,
.ai-streaming-list {
  display: grid;
  gap: 8px;
}

.ai-conversation-message,
.ai-reference-list > div,
.ai-conversation-timeline-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 11px;
  background: #fbfdff;
}

.ai-conversation-message.user {
  border-color: rgba(7, 85, 237, 0.24);
  background: #e8f0ff;
}

.ai-conversation-message.assistant > span {
  background: var(--navy);
}

.ai-conversation-mode-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-conversation-mode-grid > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 11px;
  background: #fbfdff;
}

.ai-conversation-mode-grid > div.operational,
.ai-conversation-mode-grid > div.satisfaction {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.ai-conversation-mode-grid > div > span,
.ai-streaming-list > div > span,
.ai-rich-response-card > span,
.ai-conversation-timeline-list > div > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-conversation-mode-grid > div.analytical > span {
  background: #2563eb;
}

.ai-conversation-mode-grid > div.assistant > span,
.ai-rich-response-card > span {
  background: var(--navy);
}

.ai-conversation-message strong,
.ai-conversation-message p,
.ai-conversation-message small,
.ai-reference-list strong,
.ai-reference-list small,
.ai-reference-list em,
.ai-conversation-mode-grid strong,
.ai-conversation-mode-grid small,
.ai-streaming-list strong,
.ai-streaming-list small,
.ai-rich-response-card strong,
.ai-rich-response-card p,
.ai-conversation-timeline-list strong,
.ai-conversation-timeline-list small,
.ai-conversation-timeline-list em,
.ai-translation-memory-list strong,
.ai-translation-memory-list small,
.ai-translation-memory-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-conversation-message p {
  margin: 5px 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.ai-conversation-message small,
.ai-reference-list small,
.ai-conversation-mode-grid small,
.ai-streaming-list small,
.ai-conversation-timeline-list small,
.ai-translation-memory-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-reference-list em,
.ai-conversation-timeline-list em,
.ai-translation-memory-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-reasoning-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-reasoning-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-reasoning-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.ai-reasoning-metrics > div,
.ai-reasoning-type-grid > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-reasoning-metrics strong,
.ai-reasoning-metrics small,
.ai-reasoning-type-grid strong,
.ai-reasoning-type-grid small,
.ai-reasoning-list strong,
.ai-reasoning-list small,
.ai-reasoning-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-reasoning-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-reasoning-metrics small,
.ai-reasoning-type-grid small,
.ai-reasoning-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-reasoning-type-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.ai-reasoning-type-grid > div {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.ai-reasoning-type-grid > div > span,
.ai-reasoning-list > div > span {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-reasoning-type-grid > div > span {
  width: 30px;
  height: 30px;
}

.ai-reasoning-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-reasoning-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-reasoning-list.compact > div {
  padding: 9px;
}

.ai-reasoning-list > div > span {
  width: 36px;
  height: 36px;
}

.ai-reasoning-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-task-mission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-task-mission-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-task-mission-grid > section:nth-child(5),
.ai-task-mission-grid > section:nth-child(6) {
  grid-column: span 1;
}

.ai-task-mission-metrics,
.ai-task-type-grid,
.ai-mission-template-grid,
.ai-task-boundary-list {
  display: grid;
  gap: 8px;
}

.ai-task-mission-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.ai-task-type-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.ai-mission-template-grid,
.ai-task-boundary-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 10px;
}

.ai-task-mission-metrics > div,
.ai-task-type-grid > div,
.ai-mission-template-grid > div,
.ai-task-boundary-list > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-task-type-grid > div,
.ai-mission-template-grid > div,
.ai-task-boundary-list > div {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.ai-mission-template-grid > div {
  align-items: start;
}

.ai-task-type-grid > div > span,
.ai-mission-list > div > span,
.ai-mission-template-grid > div > span,
.ai-task-boundary-list > div > span {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-task-type-grid > div > span,
.ai-mission-template-grid > div > span,
.ai-task-boundary-list > div > span {
  width: 30px;
  height: 30px;
}

.ai-task-mission-metrics strong,
.ai-task-mission-metrics small,
.ai-task-type-grid strong,
.ai-task-type-grid small,
.ai-mission-list strong,
.ai-mission-list small,
.ai-mission-list em,
.ai-mission-template-grid strong,
.ai-mission-template-grid small,
.ai-mission-template-grid em,
.ai-task-boundary-list strong,
.ai-task-boundary-list small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-task-mission-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-task-mission-metrics small,
.ai-task-type-grid small,
.ai-mission-list small,
.ai-mission-template-grid small,
.ai-task-boundary-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-mission-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-mission-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-mission-list.compact > div {
  padding: 9px;
}

.ai-mission-list > div > span {
  width: 36px;
  height: 36px;
}

.ai-mission-list em,
.ai-mission-template-grid em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-mission-list b {
  display: block;
  height: 6px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5eef8;
}

.ai-mission-list b i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), #2563eb);
}

.ai-task-dependency-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ai-task-dependency-strip span {
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--muted);
  background: #fbfdff;
  font-size: 11px;
  font-weight: 900;
}

.ai-notification-center-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-notification-center-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-notification-metrics,
.ai-notification-type-grid,
.ai-notification-channel-grid,
.ai-notification-policy-grid {
  display: grid;
  gap: 8px;
}

.ai-notification-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.ai-notification-type-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 10px;
}

.ai-notification-channel-grid,
.ai-notification-policy-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 10px;
}

.ai-notification-metrics > div,
.ai-notification-type-grid > div,
.ai-notification-channel-grid > div,
.ai-notification-policy-grid > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-notification-type-grid > div,
.ai-notification-channel-grid > div {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.ai-notification-channel-grid > div {
  grid-template-columns: 32px minmax(0, 1fr) auto;
}

.ai-notification-channel-grid > div.enabled {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.ai-notification-channel-grid > div.disabled {
  background: #fbfdff;
}

.ai-notification-type-grid > div > span,
.ai-notification-channel-grid > div > span,
.ai-notification-list > div > span {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-notification-type-grid > div > span,
.ai-notification-channel-grid > div > span {
  width: 30px;
  height: 30px;
}

.ai-notification-metrics strong,
.ai-notification-metrics small,
.ai-notification-type-grid strong,
.ai-notification-type-grid small,
.ai-notification-channel-grid strong,
.ai-notification-channel-grid small,
.ai-notification-policy-grid strong,
.ai-notification-policy-grid small,
.ai-notification-policy-grid em,
.ai-notification-list strong,
.ai-notification-list small,
.ai-notification-list em,
.ai-notification-list b {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-notification-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-notification-metrics small,
.ai-notification-type-grid small,
.ai-notification-channel-grid small,
.ai-notification-policy-grid small,
.ai-notification-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-notification-policy-grid em,
.ai-notification-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-notification-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-notification-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-notification-list.compact > div {
  padding: 9px;
}

.ai-notification-list > div > span {
  width: 36px;
  height: 36px;
}

.ai-notification-list b {
  margin-top: 6px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 900;
}

.ai-copilot-workspace-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-copilot-workspace-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-copilot-workspace-grid > .ai-copilot-hero {
  grid-column: 1 / -1;
  border-color: rgba(7, 85, 237, 0.24);
  background: #e8f0ff;
}

.ai-copilot-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.35fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 10px;
}

.ai-copilot-hero h4 {
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.ai-copilot-hero p {
  max-width: 980px;
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.ai-copilot-badges,
.ai-task-dependency-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ai-copilot-badges span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--teal-dark);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.ai-copilot-command-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 12px;
  padding: 12px;
  background: #ffffff;
}

.ai-copilot-command-card > span,
.ai-copilot-list > div > span,
.ai-copilot-panel-grid > div > span,
.ai-copilot-action-grid button > span {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-copilot-command-card > span {
  width: 40px;
  height: 40px;
}

.ai-copilot-command-card .small-button {
  grid-column: 2;
  justify-self: start;
  margin-top: 4px;
}

.ai-copilot-metrics,
.ai-copilot-panel-grid,
.ai-copilot-action-grid,
.ai-copilot-command-grid,
.ai-copilot-support-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-copilot-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-copilot-panel-grid,
.ai-copilot-command-grid,
.ai-copilot-support-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-copilot-action-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ai-copilot-metrics > div,
.ai-copilot-panel-grid > div,
.ai-copilot-support-grid > div,
.ai-copilot-command-grid button,
.ai-copilot-action-grid button {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-copilot-panel-grid > div,
.ai-copilot-action-grid button {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.ai-copilot-panel-grid > div {
  grid-template-columns: 32px minmax(0, 1fr) auto;
}

.ai-copilot-panel-grid > div.visible {
  border-color: rgba(7, 85, 237, 0.26);
  background: #e8f0ff;
}

.ai-copilot-panel-grid > div.hidden {
  opacity: 0.72;
}

.ai-copilot-panel-grid > div > span,
.ai-copilot-action-grid button > span {
  width: 30px;
  height: 30px;
}

.ai-copilot-action-grid button,
.ai-copilot-command-grid button {
  text-align: left;
  cursor: pointer;
}

.ai-copilot-action-grid button:hover,
.ai-copilot-command-grid button:hover {
  border-color: rgba(7, 85, 237, 0.36);
  background: #e8f0ff;
}

.ai-copilot-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-copilot-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-copilot-list.compact > div {
  padding: 9px;
}

.ai-copilot-list > div > span {
  width: 36px;
  height: 36px;
}

.ai-copilot-command-card strong,
.ai-copilot-command-card small,
.ai-copilot-metrics strong,
.ai-copilot-metrics small,
.ai-copilot-panel-grid strong,
.ai-copilot-panel-grid small,
.ai-copilot-action-grid strong,
.ai-copilot-action-grid small,
.ai-copilot-action-grid em,
.ai-copilot-command-grid strong,
.ai-copilot-command-grid small,
.ai-copilot-support-grid strong,
.ai-copilot-support-grid small,
.ai-copilot-list strong,
.ai-copilot-list small,
.ai-copilot-list em,
.ai-copilot-list b {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-copilot-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-copilot-command-card small,
.ai-copilot-metrics small,
.ai-copilot-panel-grid small,
.ai-copilot-action-grid small,
.ai-copilot-command-grid small,
.ai-copilot-support-grid small,
.ai-copilot-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-copilot-action-grid em,
.ai-copilot-list em,
.ai-copilot-list b {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-suggestion-engine-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-suggestion-engine-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-suggestion-engine-grid > .ai-suggestion-hero {
  grid-column: 1 / -1;
  border-color: rgba(7, 85, 237, 0.24);
  background: #f8fffd;
}

.ai-suggestion-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.24fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 10px;
}

.ai-suggestion-hero h4 {
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.ai-suggestion-hero p {
  max-width: 1040px;
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.ai-suggestion-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ai-suggestion-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--teal-dark);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.ai-suggestion-score-card {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 12px;
  padding: 14px;
  background: #ffffff;
}

.ai-suggestion-score-card strong {
  color: var(--navy);
  font-size: 34px;
  line-height: 1;
}

.ai-suggestion-score-card small,
.ai-suggestion-score-card em {
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
}

.ai-suggestion-metrics,
.ai-suggestion-category-grid,
.ai-suggestion-optimization-grid,
.ai-suggestion-policy-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-suggestion-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-suggestion-category-grid,
.ai-suggestion-optimization-grid,
.ai-suggestion-policy-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-suggestion-metrics > div,
.ai-suggestion-category-grid > div,
.ai-suggestion-optimization-grid > div,
.ai-suggestion-policy-grid > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-suggestion-category-grid > div,
.ai-suggestion-optimization-grid > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.ai-suggestion-category-grid > div > span,
.ai-suggestion-optimization-grid > div > span,
.ai-suggestion-main > span,
.ai-suggestion-explain-list > div > span,
.ai-suggestion-split-list article > span {
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-suggestion-category-grid > div > span,
.ai-suggestion-optimization-grid > div > span {
  width: 32px;
  height: 32px;
}

.ai-suggestion-list,
.ai-suggestion-explain-list {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.ai-suggestion-list > article {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-suggestion-list > article.priority-high {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fffaf0;
}

.ai-suggestion-list > article.priority-critical {
  border-color: rgba(239, 68, 68, 0.34);
  background: #fff7f7;
}

.ai-suggestion-main,
.ai-suggestion-explain-list > div,
.ai-suggestion-split-list article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.ai-suggestion-main > span,
.ai-suggestion-explain-list > div > span,
.ai-suggestion-split-list article > span {
  width: 36px;
  height: 36px;
}

.ai-suggestion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  padding-left: 48px;
}

.ai-suggestion-actions button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 10px;
  padding: 8px 10px;
  color: var(--teal-dark);
  background: #ffffff;
  font-weight: 900;
  cursor: pointer;
}

.ai-suggestion-actions button:hover {
  border-color: rgba(7, 85, 237, 0.46);
  background: #e8f0ff;
}

.ai-suggestion-actions button.ghost {
  color: var(--muted);
  border-color: var(--soft-line);
}

.ai-suggestion-split-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.ai-suggestion-split-list > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-suggestion-split-list h5 {
  margin: 0 0 8px;
  color: var(--teal-dark);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.ai-suggestion-split-list article {
  grid-template-columns: 34px minmax(0, 1fr);
  border-top: 1px solid var(--soft-line);
  padding-top: 8px;
  margin-top: 8px;
}

.ai-suggestion-split-list article:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.ai-suggestion-metrics strong,
.ai-suggestion-metrics small,
.ai-suggestion-category-grid strong,
.ai-suggestion-category-grid small,
.ai-suggestion-main strong,
.ai-suggestion-main small,
.ai-suggestion-main em,
.ai-suggestion-main b,
.ai-suggestion-actions span,
.ai-suggestion-explain-list strong,
.ai-suggestion-explain-list small,
.ai-suggestion-explain-list em,
.ai-suggestion-split-list strong,
.ai-suggestion-split-list small,
.ai-suggestion-split-list em,
.ai-suggestion-optimization-grid strong,
.ai-suggestion-optimization-grid small,
.ai-suggestion-optimization-grid em,
.ai-suggestion-policy-grid strong,
.ai-suggestion-policy-grid small,
.ai-suggestion-policy-grid em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-suggestion-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-suggestion-metrics small,
.ai-suggestion-category-grid small,
.ai-suggestion-main small,
.ai-suggestion-explain-list small,
.ai-suggestion-split-list small,
.ai-suggestion-optimization-grid small,
.ai-suggestion-policy-grid small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-suggestion-main em,
.ai-suggestion-main b,
.ai-suggestion-explain-list em,
.ai-suggestion-split-list em,
.ai-suggestion-optimization-grid em,
.ai-suggestion-policy-grid em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-explainability-framework-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-explainability-framework-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-explainability-framework-grid > .ai-explainability-hero {
  grid-column: 1 / -1;
  border-color: rgba(7, 85, 237, 0.24);
  background: #f8fffd;
}

.ai-explainability-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.24fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 10px;
}

.ai-explainability-hero h4 {
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.ai-explainability-hero p {
  max-width: 1060px;
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.ai-explainability-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ai-explainability-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--teal-dark);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.ai-explainability-score-card {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 12px;
  padding: 14px;
  background: #ffffff;
}

.ai-explainability-score-card strong {
  color: var(--navy);
  font-size: 34px;
  line-height: 1;
}

.ai-explainability-score-card small,
.ai-explainability-score-card em {
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
}

.ai-explainability-metrics,
.ai-explainability-trace-grid,
.ai-explainability-evidence-grid,
.ai-explainability-override-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-explainability-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-explainability-trace-grid,
.ai-explainability-evidence-grid,
.ai-explainability-override-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-explainability-metrics > div,
.ai-explainability-trace-grid > div,
.ai-explainability-evidence-grid > div,
.ai-explainability-confidence > div,
.ai-explainability-override-grid button {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-explainability-trace-grid > div,
.ai-explainability-evidence-grid > div,
.ai-explainability-override-grid button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  text-align: left;
}

.ai-explainability-override-grid button {
  color: var(--ink);
  cursor: pointer;
}

.ai-explainability-override-grid button:hover {
  border-color: rgba(7, 85, 237, 0.38);
  background: #e8f0ff;
}

.ai-explainability-trace-grid > div > span,
.ai-explainability-evidence-grid > div > span,
.ai-explainability-source-list > div > span,
.ai-explainability-split-list article > span,
.ai-explainability-log-list > div > span,
.ai-explainability-api-list > div > span,
.ai-explainability-override-grid button > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-explainability-evidence-grid > div.muted {
  opacity: .68;
  background: #f8fafc;
}

.ai-explainability-confidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.ai-explainability-source-list,
.ai-explainability-log-list,
.ai-explainability-api-list {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.ai-explainability-source-list > div,
.ai-explainability-log-list > div,
.ai-explainability-api-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-explainability-split-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.ai-explainability-split-list > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-explainability-split-list h5 {
  margin: 0 0 8px;
  color: var(--teal-dark);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.ai-explainability-split-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border-top: 1px solid var(--soft-line);
  padding-top: 8px;
  margin-top: 8px;
}

.ai-explainability-split-list article:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.ai-explainability-workflow-card {
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  margin-top: 10px;
  background: #fbfdff;
}

.ai-explainability-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.ai-explainability-flow span {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--teal-dark);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.ai-explainability-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-explainability-metrics strong,
.ai-explainability-metrics small,
.ai-explainability-trace-grid strong,
.ai-explainability-trace-grid small,
.ai-explainability-trace-grid em,
.ai-explainability-evidence-grid strong,
.ai-explainability-evidence-grid small,
.ai-explainability-evidence-grid em,
.ai-explainability-confidence strong,
.ai-explainability-confidence small,
.ai-explainability-confidence em,
.ai-explainability-source-list strong,
.ai-explainability-source-list small,
.ai-explainability-source-list em,
.ai-explainability-split-list strong,
.ai-explainability-split-list small,
.ai-explainability-split-list em,
.ai-explainability-log-list strong,
.ai-explainability-log-list small,
.ai-explainability-log-list em,
.ai-explainability-api-list strong,
.ai-explainability-api-list small,
.ai-explainability-api-list em,
.ai-explainability-override-grid strong,
.ai-explainability-override-grid small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-explainability-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-explainability-metrics small,
.ai-explainability-trace-grid small,
.ai-explainability-evidence-grid small,
.ai-explainability-confidence small,
.ai-explainability-source-list small,
.ai-explainability-split-list small,
.ai-explainability-log-list small,
.ai-explainability-api-list small,
.ai-explainability-override-grid small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-explainability-trace-grid em,
.ai-explainability-evidence-grid em,
.ai-explainability-confidence em,
.ai-explainability-source-list em,
.ai-explainability-split-list em,
.ai-explainability-log-list em,
.ai-explainability-api-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-enterprise-agent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-enterprise-agent-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-enterprise-agent-grid > .ai-finance-agent-hero {
  grid-column: 1 / -1;
  border-color: rgba(7, 85, 237, 0.24);
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.ai-finance-agent-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, .24fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 10px;
}

.ai-finance-agent-hero h4 {
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.ai-finance-agent-hero p {
  max-width: 1080px;
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.ai-finance-agent-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ai-finance-agent-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--teal-dark);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.ai-finance-agent-score-card {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 12px;
  padding: 14px;
  background: #ffffff;
}

.ai-finance-agent-score-card strong {
  color: var(--navy);
  font-size: 34px;
  line-height: 1;
}

.ai-finance-agent-score-card small,
.ai-finance-agent-score-card em {
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
}

.ai-enterprise-roadmap-grid,
.ai-finance-agent-metrics,
.ai-finance-agent-tool-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ai-enterprise-roadmap-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-finance-agent-metrics,
.ai-finance-agent-tool-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-enterprise-roadmap-grid button,
.ai-finance-agent-tool-grid button,
.ai-finance-agent-metrics > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-enterprise-roadmap-grid button,
.ai-finance-agent-tool-grid button {
  display: grid;
  gap: 6px;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.ai-enterprise-roadmap-grid button:hover,
.ai-finance-agent-tool-grid button:hover {
  border-color: rgba(7, 85, 237, .36);
  background: #e8f0ff;
}

.ai-finance-agent-tool-grid button {
  grid-template-columns: 34px minmax(0, 1fr);
}

.ai-finance-agent-tool-grid button > span {
  grid-row: 1 / span 3;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-finance-agent-list,
.ai-finance-agent-split-list {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.ai-finance-agent-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-finance-agent-list > div.severity-high,
.ai-finance-agent-list > div.severity-critical,
.ai-finance-agent-list > div.risk-high,
.ai-finance-agent-list > div.risk-critical {
  border-color: rgba(245, 158, 11, .34);
  background: #fffaf0;
}

.ai-finance-agent-list > div.priority-high,
.ai-finance-agent-list > div.priority-critical {
  border-color: rgba(15, 159, 150, .28);
  background: #f8fffd;
}

.ai-finance-agent-list > div > span,
.ai-finance-agent-split-list article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-finance-agent-split-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-finance-agent-split-list > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-finance-agent-split-list h5 {
  margin: 0 0 8px;
  color: var(--teal-dark);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.ai-finance-agent-split-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border-top: 1px solid var(--soft-line);
  padding-top: 8px;
  margin-top: 8px;
}

.ai-finance-agent-split-list article:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.ai-enterprise-roadmap-grid strong,
.ai-enterprise-roadmap-grid small,
.ai-finance-agent-metrics strong,
.ai-finance-agent-metrics small,
.ai-finance-agent-list strong,
.ai-finance-agent-list small,
.ai-finance-agent-list em,
.ai-finance-agent-tool-grid strong,
.ai-finance-agent-tool-grid small,
.ai-finance-agent-tool-grid em,
.ai-finance-agent-split-list strong,
.ai-finance-agent-split-list small,
.ai-finance-agent-split-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-finance-agent-metrics strong {
  color: var(--navy);
  font-size: 21px;
  line-height: 1.1;
}

.ai-enterprise-roadmap-grid small,
.ai-finance-agent-metrics small,
.ai-finance-agent-list small,
.ai-finance-agent-tool-grid small,
.ai-finance-agent-split-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.ai-finance-agent-list em,
.ai-finance-agent-tool-grid em,
.ai-finance-agent-split-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-streaming-list > div {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-streaming-list > div.waiting {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffbeb;
}

.ai-rich-response-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px dashed rgba(7, 85, 237, 0.28);
  border-radius: 12px;
  padding: 12px;
  margin-top: 10px;
  background: #e8f0ff;
}

.ai-rich-response-card p {
  margin: 5px 0 8px;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.4;
}

.ai-rich-response-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.ai-language-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ai-language-card,
.ai-translation-memory-list > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-language-card > span,
.ai-translation-memory-list > div > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
  font-size: 12px;
  font-weight: 950;
}

.ai-language-card strong,
.ai-language-card small,
.ai-language-card em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-language-card small,
.ai-language-card em {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-language-card em {
  color: var(--teal-dark);
  font-style: normal;
  font-weight: 850;
}

.ai-localization-strip {
  margin-top: 10px;
  border: 1px dashed rgba(7, 85, 237, 0.28);
  border-radius: 12px;
  padding: 10px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-size: 12px;
  font-weight: 900;
}

.ai-localization-management-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.ai-localization-management-grid > section {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-localization-profile-list,
.ai-country-pack-list,
.ai-localized-asset-list {
  display: grid;
  gap: 8px;
}

.ai-localization-profile-list > div,
.ai-localized-asset-list > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-localization-profile-list.compact > div {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  padding: 9px;
}

.ai-localization-profile-list > div > span:first-child,
.ai-localized-asset-list > div > span:first-child {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-country-pack-list > div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 12px;
  padding: 10px;
  background: #fbfdff;
}

.ai-country-pack-list > div > span:first-child {
  display: grid;
  place-items: center;
  width: 48px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--navy);
  font-size: 12px;
  font-weight: 950;
}

.ai-localization-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.ai-localization-preview-grid > div {
  min-width: 0;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 12px;
  padding: 11px;
  background: #e8f0ff;
}

.ai-localization-preview-grid strong,
.ai-localization-preview-grid span,
.ai-localization-profile-list strong,
.ai-localization-profile-list small,
.ai-localization-profile-list em,
.ai-country-pack-list strong,
.ai-country-pack-list small,
.ai-country-pack-list em,
.ai-localized-asset-list strong,
.ai-localized-asset-list small,
.ai-localized-asset-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-localization-preview-grid strong {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.ai-localization-preview-grid span {
  margin-top: 5px;
  color: var(--ink);
  font-size: 18px;
  font-weight: 950;
  line-height: 1.15;
}

.ai-localization-profile-list small,
.ai-country-pack-list small,
.ai-localized-asset-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-localization-profile-list em,
.ai-country-pack-list em,
.ai-localized-asset-list em {
  margin-top: 4px;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-ai02-roadmap {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-ai02-roadmap > div {
  display: grid;
  gap: 7px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-ai02-roadmap > div.active {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.ai-ai02-roadmap strong,
.ai-ai02-roadmap small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-ai02-roadmap small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-layer-grid,
.ai-phase-grid,
.ai-task-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.ai-layer-card,
.ai-phase-card,
.ai-task-card {
  position: relative;
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 14px;
  background: #ffffff;
}

.ai-layer-card > span,
.ai-task-card > span {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.ai-layer-card strong,
.ai-phase-card strong,
.ai-task-card strong,
.ai-layer-card small,
.ai-phase-card small,
.ai-task-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-layer-card small,
.ai-phase-card p,
.ai-phase-card small,
.ai-task-card small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.ai-layer-card .status-badge {
  margin-top: 2px;
}

.ai-phase-card {
  min-height: 150px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.ai-phase-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.ai-phase-card p {
  margin: 0;
}

.ai-phase-card.active,
.ai-layer-card.active {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.ai-phase-card.locked,
.ai-layer-card.blocked,
.ai-layer-card.critical {
  border-color: rgba(220, 38, 38, 0.18);
  background: #fff7f7;
}

.ai-tool-execution-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-tool-execution-summary > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-tool-execution-summary strong,
.ai-tool-execution-summary span,
.ai-tool-execution-summary small {
  display: block;
  min-width: 0;
}

.ai-tool-execution-summary strong {
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
}

.ai-tool-execution-summary span {
  margin-top: 6px;
  font-weight: 950;
}

.ai-tool-execution-summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ai-tool-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-tool-flow span {
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-tool-flow b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-tool-flow svg {
  width: 17px;
  height: 17px;
}

.ai-tool-risk-grid,
.ai-tool-module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.ai-tool-module-grid {
  margin-top: 14px;
}

.ai-tool-risk-card,
.ai-tool-module-card {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-tool-risk-card {
  display: grid;
  gap: 8px;
  align-content: start;
}

.ai-risk-border-low {
  border-color: rgba(34, 197, 94, 0.24);
}

.ai-risk-border-medium {
  border-color: rgba(245, 158, 11, 0.26);
}

.ai-risk-border-high {
  border-color: rgba(249, 115, 22, 0.24);
}

.ai-risk-border-critical {
  border-color: rgba(220, 38, 38, 0.24);
}

.ai-tool-risk-card small,
.ai-tool-module-card small,
.ai-tool-module-card em,
.ai-tool-marketplace-note small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-tool-module-card {
  display: grid;
  gap: 8px;
  background: #fbfdff;
}

.ai-tool-module-card > div {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.ai-tool-module-card span {
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 11px;
  font-weight: 950;
}

.ai-tool-module-card em {
  display: block;
  font-style: normal;
  overflow-wrap: anywhere;
}

.ai-tool-marketplace-note {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: var(--radius);
  padding: 12px;
  margin-top: 14px;
  background: #e8f0ff;
}

.ai-tool-marketplace-note > svg,
.ai-tool-marketplace-note > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-tool-marketplace-note code {
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 12px;
  font-weight: 900;
}

.ai-planning-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-planning-summary > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-planning-summary strong,
.ai-planning-summary span,
.ai-planning-summary small {
  display: block;
  min-width: 0;
}

.ai-planning-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.ai-planning-summary span {
  margin-top: 6px;
  font-weight: 950;
}

.ai-planning-summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ai-planning-pipeline {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 12px;
  background: #e8f0ff;
}

.ai-planning-pipeline span {
  border-radius: 999px;
  padding: 8px 10px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.ai-planning-pipeline b {
  display: inline-grid;
  place-items: center;
  color: var(--teal-dark);
}

.ai-planning-pipeline svg {
  width: 16px;
  height: 16px;
}

.ai-planning-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.ai-planning-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ai-planning-grid h4 {
  margin: 0 0 8px;
  color: var(--ink);
}

.ai-intent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 10px;
}

.ai-intent-card {
  display: grid;
  gap: 7px;
  align-content: start;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
  box-shadow: none;
}

.ai-intent-card:hover,
.ai-intent-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.34);
  background: #f8fffd;
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.1);
}

.ai-intent-card > div {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.ai-intent-card small,
.ai-intent-card span,
.ai-intent-card em:not(.ai-risk) {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ai-policy-list {
  display: grid;
  gap: 10px;
}

.ai-policy-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 11px;
  background: #ffffff;
}

.ai-policy-list > div.block {
  border-color: rgba(220, 38, 38, 0.22);
  background: #fff7f7;
}

.ai-policy-list > div.warning {
  border-color: rgba(245, 158, 11, 0.26);
  background: #fffbeb;
}

.ai-policy-list small,
.ai-policy-list em {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
}

.ai-confirmation-builder-preview {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-confirmation-builder-preview > svg,
.ai-confirmation-builder-preview > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.ai-confirmation-builder-preview small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.ai-plan-table .table-head,
.ai-plan-table .admin-table-row {
  min-width: 1180px;
}

.ai-context-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-context-summary > div {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.ai-context-summary strong,
.ai-context-summary span,
.ai-context-summary small {
  display: block;
  min-width: 0;
}

.ai-context-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.ai-context-summary span {
  margin-top: 6px;
  font-weight: 950;
}

.ai-context-summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ai-context-priority {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #e8f0ff;
}

.ai-context-priority span {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.ai-context-priority b {
  border-radius: 999px;
  padding: 8px 10px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
}

.ai-context-priority svg {
  width: 16px;
  height: 16px;
  color: var(--teal-dark);
}

.ai-context-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ai-context-level-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.ai-context-level-card.loaded {
  border-color: rgba(7, 85, 237, 0.24);
  background: #f8fffd;
}

.ai-context-level-card > div {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.ai-context-level-card small,
.ai-context-level-card em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
}

.ai-context-inspector-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 14px;
}

.ai-context-inspector-card {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 13px;
  background: #ffffff;
}

.ai-context-inspector-card h4 {
  margin: 2px 0 10px;
  color: var(--ink);
}

.ai-context-inspector-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.ai-context-inspector-card dl > div {
  display: grid;
  grid-template-columns: .55fr 1fr;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fbfdff;
}

.ai-context-inspector-card dt,
.ai-context-inspector-card dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.ai-context-inspector-card dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.ai-context-inspector-card dd {
  font-weight: 850;
}

.ai-source-cloud,
.ai-context-privacy-list,
.ai-memory-list {
  display: grid;
  gap: 8px;
}

.ai-source-cloud {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.ai-source-cloud span {
  border-radius: 999px;
  padding: 7px 9px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 12px;
  font-weight: 900;
}

.ai-source-cloud span.active {
  color: var(--teal-dark);
  background: #dbe5f5;
}

.ai-context-privacy-list > div,
.ai-memory-list > div {
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 9px 10px;
  background: #fbfdff;
}

.ai-context-privacy-list > div.block {
  border-color: rgba(220, 38, 38, 0.18);
  background: #fff7f7;
}

.ai-context-privacy-list > div.warning {
  border-color: rgba(245, 158, 11, 0.22);
  background: #fffbeb;
}

.ai-context-privacy-list strong,
.ai-context-privacy-list small,
.ai-memory-list strong,
.ai-memory-list small,
.ai-memory-list em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-context-privacy-list small,
.ai-memory-list small,
.ai-memory-list em {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
}

.ai-tool-table .table-head,
.ai-tool-table .admin-table-row {
  min-width: 1320px;
}

.ai-tool-table .text-link {
  min-height: auto;
  padding: 0;
  border: 0;
  color: var(--teal-dark);
  background: transparent;
  box-shadow: none;
  font-weight: 900;
  text-align: left;
}

.ai-risk {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.ai-risk-low {
  color: #047857;
  background: #dcfce7;
}

.ai-risk-medium {
  color: #b45309;
  background: #fef3c7;
}

.ai-risk-high {
  color: #9a3412;
  background: #ffedd5;
}

.ai-risk-critical {
  color: #b91c1c;
  background: #fee2e2;
}

.ai-task-card {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
}

.ai-task-card > span {
  grid-row: span 2;
}

.ai-task-card .small-button {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 38px;
}

.ai-engine-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.ai-engine-columns h4 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 15px;
}

.ai-compact-list {
  display: grid;
  gap: 10px;
}

.ai-compact-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.ai-compact-list > div > span {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}

.ai-compact-list strong,
.ai-compact-list small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-compact-list small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.hr-form {
  margin-bottom: 14px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.hr-form .primary-button {
  grid-column: span 3;
}

.hr-table {
  overflow-x: auto;
  margin-top: 12px;
}

.hr-table .table-head,
.hr-table .admin-table-row {
  min-width: 720px;
}

.hr-table .admin-table-row strong {
  color: var(--ink);
}

.hr-table .admin-table-row small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.inline-check {
  align-content: end;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-height: 56px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  color: var(--muted);
  background: #ffffff;
  font-weight: 850;
}

.inline-check input {
  width: 18px;
  min-height: 18px;
  accent-color: var(--teal);
}

.market-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.ads-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.admin-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.admin-layout > .panel {
  grid-column: span 4;
}

.admin-layout > .panel-wide {
  grid-column: span 8;
}

.company-admin-page > .kpi-grid,
.company-profile-page > .kpi-grid {
  grid-template-columns: 1fr;
}

.company-admin-page > .kpi-grid .kpi,
.company-profile-page > .kpi-grid .kpi {
  min-height: 92px;
}

.company-admin-page .dashboard-process-list {
  grid-template-columns: 1fr;
}

.company-admin-page .dashboard-health-grid,
.company-profile-page .dashboard-health-grid {
  grid-template-columns: 1fr;
}

.company-admin-page .dashboard-grid > .panel,
.company-admin-page .dashboard-grid > .panel-wide,
.company-admin-page .dashboard-grid > .dashboard-health-panel,
.company-profile-page .dashboard-grid > .panel,
.company-profile-page .dashboard-grid > .panel-wide,
.company-profile-page .dashboard-grid > .dashboard-health-panel {
  grid-column: 1 / -1;
  width: 100%;
}

.company-admin-workspace {
  align-items: start;
  grid-auto-flow: row;
}

.company-admin-workspace > .panel {
  min-height: auto;
  width: 100%;
}

.company-admin-workspace > .company-create-operator-panel,
.company-admin-workspace > .company-owners-panel,
.company-admin-workspace > .company-permission-guide-panel,
.company-admin-workspace > .company-operators-panel,
.company-admin-workspace > .company-admin-audit-panel {
  grid-column: 1 / -1;
}

.ads-layout > .panel {
  grid-column: span 4;
  min-height: auto;
}

.ads-layout > .panel-wide {
  grid-column: span 8;
  min-height: auto;
}

.company-ads-workspace > [data-ads-section="campaigns"],
.company-ads-workspace > [data-ads-section="payments"] {
  grid-column: 1 / -1;
}

.marketing-center-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 52%, #f7fbff 100%);
}

.marketing-center-head .page-head-actions {
  justify-content: flex-end;
}

.marketing-center-context-panel {
  margin-top: 16px;
  min-height: auto;
}

.marketing-center-context-grid {
  display: grid;
  grid-template-columns: minmax(180px, .9fr) minmax(220px, 1fr) minmax(240px, 1.1fr) minmax(280px, 1.3fr);
  gap: 12px;
  align-items: end;
}

.marketing-center-context-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketing-center-context-grid b {
  color: var(--ink);
  font-size: 12px;
}

.marketing-center-context-summary {
  min-height: 50px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 12px;
  background: #f8fafc;
}

.marketing-center-context-summary strong,
.marketing-center-context-summary small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketing-center-context-summary small {
  color: var(--muted);
  font-weight: 800;
}

.marketing-center-kpis {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.marketing-center-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin-top: 16px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.marketing-center-tab {
  min-height: 42px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  justify-content: start;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 10px;
  color: var(--muted);
  background: transparent;
  font-size: 12px;
  font-weight: 900;
  text-align: left;
}

.marketing-center-tab svg {
  width: 17px;
  height: 17px;
}

.marketing-center-tab.active,
.marketing-center-tab:hover,
.marketing-center-tab:focus-visible {
  color: #ffffff;
  border-color: rgba(7, 85, 237, 0.35);
  background: var(--teal);
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.18);
}

.marketing-center-workspace {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.marketing-center-workspace > .panel {
  grid-column: span 4;
  min-height: auto;
}

.marketing-center-workspace > .panel-wide {
  grid-column: 1 / -1;
  min-height: auto;
}

.marketing-center-workspace > .marketing-center-side-panel {
  grid-column: span 6;
}

.marketing-center-command-panel {
  min-height: auto;
}

.marketing-center-command-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.marketing-center-command-card {
  min-height: 112px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
}

.marketing-center-command-card > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--teal);
}

.marketing-center-command-card strong {
  margin-top: 3px;
  font-size: 15px;
}

.marketing-center-command-card small {
  grid-column: 2;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.4;
}

.marketing-center-command-card:hover,
.marketing-center-command-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.45);
  box-shadow: 0 14px 28px rgba(7, 85, 237, 0.12);
  transform: translateY(-1px);
}

.marketing-center-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.marketing-center-list-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(180px, auto);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.marketing-center-list-item > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: var(--teal-dark);
  background: #e8f0ff;
}

.marketing-center-list-item strong,
.marketing-center-list-item small,
.marketing-center-list-item em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketing-center-list-item small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 750;
}

.marketing-center-list-item em {
  margin-top: 3px;
  color: var(--quiet);
  font-style: normal;
  font-weight: 750;
}

.marketing-center-list-item .row-actions {
  justify-content: flex-end;
  min-width: 190px;
}

.marketing-center-status {
  white-space: nowrap;
}

.marketing-status-attention,
.marketing-status-blocked,
.marketing-status-failed {
  color: #9f3412;
  background: #fff7ed;
}

.marketing-status-ready,
.marketing-status-quality_approved,
.marketing-status-active,
.marketing-status-connected,
.marketing-status-tracked,
.marketing-status-monitored {
  color: var(--fb-success);
  background: #dcfce7;
}

.marketing-status-waiting_approval,
.marketing-status-approval_required,
.marketing-status-revision_required,
.marketing-status-pending,
.marketing-status-draft,
.marketing-status-proposed {
  color: #92400e;
  background: #fef3c7;
}

.marketing-center-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.marketing-center-metric {
  min-height: auto;
  display: grid;
  align-content: start;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  background: #fbfdff;
}

.marketing-center-metric strong,
.marketing-center-metric span,
.marketing-center-metric small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketing-center-metric span {
  color: var(--ink);
  font-size: 22px;
  font-weight: 950;
}

.marketing-center-metric small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

@media (max-width: 1100px) {
  .marketing-center-context-grid,
  .marketing-center-kpis,
  .marketing-center-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketing-center-workspace {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .marketing-center-workspace > .panel,
  .marketing-center-workspace > .panel-wide {
    grid-column: 1 / -1;
  }

  .marketing-center-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketing-center-list-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .marketing-center-list-item .row-actions {
    grid-column: 2;
    justify-content: flex-start;
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .marketing-center-context-grid,
  .marketing-center-kpis,
  .marketing-center-command-grid,
  .marketing-center-metric-grid {
    grid-template-columns: 1fr;
  }

  .marketing-center-tabs {
    grid-template-columns: 1fr;
  }

  .marketing-center-list-item {
    grid-template-columns: 1fr;
  }

  .marketing-center-list-item > span,
  .marketing-center-list-item .row-actions {
    grid-column: auto;
  }

  .marketing-center-list-item .row-actions {
    justify-content: stretch;
  }

  .marketing-center-list-item .row-actions .small-button,
  .marketing-center-list-item .row-actions .icon-button {
    width: 100%;
  }
}

.market-layout > .panel {
  grid-column: span 4;
}

.market-layout > .panel-wide,
.market-search-panel {
  grid-column: span 8;
}

.market-layout > .dashboard-process-panel,
.market-layout > .dashboard-health-panel {
  grid-column: 1 / -1;
}

.marketplace-workspace > .marketplace-module-capabilities-panel {
  grid-column: 1 / -1;
  min-height: auto;
}

.marketplace-module-capabilities-panel .filter-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.marketplace-module-capabilities-panel .module-action-button {
  min-height: 40px;
  padding-inline: 16px 13px;
}

.marketplace-workspace > .marketplace-assistant-panel {
  grid-column: 1 / -1;
}

.marketplace-module-page,
.company-marketplace-page {
  width: 100%;
  max-width: none;
}

.marketplace-module-page .market-layout,
.company-marketplace-page .market-layout {
  width: 100%;
}

.marketplace-module-page .marketplace-workspace > .financial-assistant-panel.marketplace-assistant-panel,
.company-marketplace-page .marketplace-workspace > .financial-assistant-panel.marketplace-assistant-panel {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
}

.marketplace-workspace > .marketplace-hub-side-panel {
  grid-column: span 4;
}

.marketplace-workspace > .marketplace-hub-half-panel,
.marketplace-workspace > .marketplace-seller-card-panel,
.marketplace-workspace > .marketplace-rfq-side-panel {
  grid-column: span 6;
}

.marketplace-workspace > .marketplace-seller-overview-panel,
.marketplace-workspace > .marketplace-listing-table-panel,
.marketplace-workspace > .marketplace-rfq-main-panel,
.marketplace-workspace > .marketplace-review-main-panel,
.marketplace-workspace > .marketplace-review-table-panel,
.marketplace-workspace > .marketplace-analytics-events-panel {
  grid-column: 1 / -1;
}

.marketplace-workspace > .marketplace-rfq-table-panel {
  grid-column: span 6;
}

.marketplace-seller-layout > .dashboard-action-grid {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0;
}

.marketplace-seller-layout > .marketplace-seller-card-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  min-height: auto;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .panel-head {
  align-items: flex-start;
  gap: 16px;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .marketplace-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .table-head,
.marketplace-seller-layout > .marketplace-seller-card-panel .table-row {
  min-width: 1120px;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .table-head > *,
.marketplace-seller-layout > .marketplace-seller-card-panel .table-row > * {
  overflow-wrap: normal;
  word-break: normal;
}


/* Marketplace B2C seller dashboard professional preview layout */
.marketplace-seller-layout {
  width: 100%;
  max-width: 1520px;
  margin-inline: auto;
  align-items: start;
}

.marketplace-seller-layout > .marketplace-seller-card-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: auto;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.marketplace-seller-dashboard-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.marketplace-seller-dashboard-row,
.marketplace-seller-dashboard-empty {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: start;
  width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.marketplace-seller-dashboard-row.compact {
  grid-template-columns: 48px minmax(0, 1fr) max-content;
}

.marketplace-seller-dashboard-empty {
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #f3f7fd 100%);
}

.marketplace-seller-dashboard-icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #0755ed;
  background: #dbe5f5;
}

.marketplace-seller-dashboard-icon svg {
  width: 22px;
  height: 22px;
}

.marketplace-seller-dashboard-main {
  min-width: 0;
}

.marketplace-seller-dashboard-titleline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.marketplace-seller-dashboard-titleline > div {
  min-width: 0;
}

.marketplace-seller-dashboard-titleline strong,
.marketplace-seller-dashboard-empty strong {
  display: block;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-seller-dashboard-titleline small,
.marketplace-seller-dashboard-empty small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.marketplace-seller-dashboard-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  margin-top: 12px;
}

.marketplace-seller-dashboard-metrics span {
  min-width: 128px;
  max-width: 240px;
  padding-left: 10px;
  border-left: 2px solid rgba(7, 85, 237, 0.22);
}

.marketplace-seller-dashboard-metrics small,
.marketplace-seller-dashboard-metrics em {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  font-style: normal;
}

.marketplace-seller-dashboard-metrics strong {
  display: block;
  margin-top: 2px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-seller-dashboard-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.marketplace-seller-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 420px;
}

.marketplace-seller-dashboard-actions .small-button,
.marketplace-seller-dashboard-actions .primary-button,
.marketplace-seller-dashboard-actions .danger-button {
  min-height: 40px;
  white-space: nowrap;
}

.marketplace-seller-dashboard-comment {
  margin: 10px 0 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.45;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .marketplace-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .table-head,
.marketplace-seller-layout > .marketplace-seller-card-panel .table-row {
  min-width: 1120px;
}

.marketplace-seller-layout > .marketplace-seller-card-panel .table-head > *,
.marketplace-seller-layout > .marketplace-seller-card-panel .table-row > * {
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 1180px) {
  .marketplace-seller-dashboard-row,
  .marketplace-seller-dashboard-row.compact {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .marketplace-seller-dashboard-actions {
    grid-column: 2;
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 720px) {
  .marketplace-seller-layout > .marketplace-seller-card-panel .panel-head {
    flex-direction: column;
  }

  .marketplace-seller-layout > .marketplace-seller-card-panel .panel-actions,
  .marketplace-seller-dashboard-actions {
    width: 100%;
    justify-content: stretch;
  }

  .marketplace-seller-dashboard-row,
  .marketplace-seller-dashboard-row.compact,
  .marketplace-seller-dashboard-empty {
    grid-template-columns: 1fr;
  }

  .marketplace-seller-dashboard-actions {
    grid-column: 1;
  }

  .marketplace-seller-dashboard-actions .small-button,
  .marketplace-seller-dashboard-actions .primary-button,
  .marketplace-seller-dashboard-actions .danger-button {
    width: 100%;
  }
}
/* End Marketplace B2C seller dashboard professional preview layout */

.marketplace-seller-overview-panel .panel-head p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.marketplace-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
  padding-top: 14px;
  border-top: 1px solid var(--soft-line);
}

.marketplace-section-title strong {
  color: var(--ink);
  font-size: 14px;
}

.marketplace-seller-metrics {
  margin-bottom: 0;
}

.marketplace-form .marketplace-wide {
  grid-column: 1 / -1;
}

.marketplace-form .primary-button {
  min-height: 44px;
}

.admin-form.compact.marketplace-form.marketplace-store-wizard {
  display: block;
}

.marketplace-store-wizard-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.marketplace-store-wizard-head h4 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.2;
}

.marketplace-store-wizard-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.marketplace-store-wizard-step-button {
  min-height: 84px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  text-align: left;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.marketplace-store-wizard-step-button:hover,
.marketplace-store-wizard-step-button:focus-visible,
.marketplace-store-wizard-step-button.active {
  border-color: rgba(7, 85, 237, 0.38);
  background: #e8f0ff;
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.12);
}

.marketplace-store-wizard-step-number {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #ffffff;
  background: var(--ink);
  font-weight: 900;
}

.marketplace-store-wizard-step-button.active .marketplace-store-wizard-step-number {
  background: var(--teal);
}

.marketplace-store-wizard-step-copy {
  min-width: 0;
}

.marketplace-store-wizard-step-button strong,
.marketplace-store-wizard-step-button small {
  display: block;
}

.marketplace-store-wizard-step-button strong {
  font-size: 14px;
  line-height: 1.2;
}

.marketplace-store-wizard-step-button small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  white-space: normal;
}

.marketplace-store-wizard-step-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--teal-dark);
}

.marketplace-store-wizard-step-icon svg {
  width: 18px;
  height: 18px;
}

.marketplace-store-wizard-main {
  min-width: 0;
}

.marketplace-store-wizard-panel {
  min-height: 316px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-store-wizard-panel[hidden],
.marketplace-store-wizard-actions [hidden] {
  display: none !important;
}

.marketplace-store-wizard-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.marketplace-store-wizard-panel-head h4 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.18;
}

.marketplace-store-wizard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketplace-store-wizard-grid label {
  min-width: 0;
}

.marketplace-store-wizard-actions {
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr) minmax(180px, auto);
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}

.marketplace-store-wizard-actions .primary-button,
.marketplace-store-wizard-actions .small-button {
  min-width: 150px;
}

.marketplace-store-wizard-progress {
  justify-self: center;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.marketplace-store-wizard-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.marketplace-store-wizard-summary span {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  color: var(--ink);
  background: #f3f7fd;
  font-weight: 850;
}

@media (max-width: 980px) {
  .marketplace-store-wizard-steps,
  .marketplace-store-wizard-grid,
  .marketplace-store-wizard-summary {
    grid-template-columns: 1fr;
  }

  .marketplace-store-wizard-head,
  .marketplace-store-wizard-panel-head {
    flex-direction: column;
  }

  .marketplace-store-wizard-panel {
    min-height: auto;
  }

  .marketplace-store-wizard-actions {
    grid-template-columns: 1fr;
  }

  .marketplace-store-wizard-progress {
    justify-self: stretch;
    text-align: center;
  }

  .marketplace-store-wizard-actions .primary-button,
  .marketplace-store-wizard-actions .small-button {
    width: 100%;
  }
}

.marketplace-table .admin-table-row strong,
.marketplace-table .admin-table-row small {
  display: block;
}

.marketplace-table .admin-table-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.platform-marketplace-admin-page .marketplace-head {
  align-items: flex-start;
  gap: 18px;
}

.platform-marketplace-admin-page .page-head-actions {
  justify-content: flex-end;
}

.platform-marketplace-admin-nav {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 10px;
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.platform-marketplace-admin-nav .quick-action {
  min-height: 40px;
  border-color: rgba(7, 85, 237, 0.22);
  color: var(--teal-dark);
  background: #ffffff;
}

.platform-marketplace-admin-panel {
  scroll-margin-top: 18px;
}

.platform-marketplace-admin-panel .panel-head {
  align-items: flex-start;
}

.platform-marketplace-admin-panel .panel-head p {
  max-width: 780px;
  margin-top: 6px;
}

.platform-marketplace-admin-page .admin-layout > .platform-marketplace-admin-panel {
  grid-column: 1 / -1;
}

.platform-marketplace-admin-page .admin-layout > .panel-wide:nth-child(-n + 3) {
  grid-column: span 4;
}

.platform-marketplace-admin-page .marketplace-table {
  overflow-x: auto;
}

.platform-marketplace-admin-page .marketplace-table .table-row,
.platform-marketplace-admin-page .marketplace-table .table-head {
  min-width: 760px;
}

.marketplace-subnav .quick-action.active,
.inventory-subnav .quick-action.active,
.hr-subnav .quick-action.active {
  border-color: rgba(7, 85, 237, 0.32);
  color: var(--teal-dark);
  background: #ecfdf5;
}

.marketplace-guard-modal {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.marketplace-guard-modal .inventory-guard-icon {
  color: var(--teal-dark);
  background: #dbe5f5;
}

.muted-text {
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-public-head .page-head-actions {
  align-items: center;
  flex-wrap: wrap;
}

.marketplace-storefront-page .marketplace-public-head {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, 0.8fr);
  gap: 24px;
  align-items: stretch;
  padding: 28px;
  border-color: rgba(7, 85, 237, 0.2);
  background:
    linear-gradient(120deg, rgba(232, 240, 255, 0.86), rgba(255, 255, 255, 0.96) 54%, rgba(248, 250, 252, 0.94)),
    #ffffff;
}

.marketplace-hero-copy {
  display: grid;
  align-content: center;
  gap: 14px;
}

.marketplace-hero-copy h2 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.06;
}

.marketplace-hero-copy p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.55;
}

.marketplace-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.marketplace-hero-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(112px, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.marketplace-hero-kpis div {
  min-height: 86px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.marketplace-hero-kpis span,
.marketplace-hero-kpis small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.marketplace-hero-kpis strong {
  display: block;
  margin: 5px 0 2px;
  color: var(--ink);
  font-size: 21px;
  line-height: 1.08;
}

.marketplace-hero-card {
  display: grid;
  align-content: start;
  gap: 13px;
  min-height: 100%;
  padding: 20px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.marketplace-hero-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.16;
}

.marketplace-hero-card p,
.marketplace-hero-card em {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-hero-card em {
  font-style: normal;
  font-weight: 850;
}

.marketplace-hero-proof-grid {
  display: grid;
  gap: 9px;
}

.marketplace-hero-proof-grid span {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  color: var(--ink);
  background: #f8fafc;
  font-weight: 850;
}

.marketplace-hero-proof-grid svg {
  width: 18px;
  height: 18px;
  color: var(--teal-dark);
}

.marketplace-public-layout > .marketplace-public-panel,
.marketplace-selected-layout > .marketplace-public-panel {
  min-height: auto;
}

.marketplace-compare-layout > .marketplace-public-panel,
.marketplace-compare-layout > .marketplace-assistant-panel {
  grid-column: 1 / -1;
}

.marketplace-public-panel .panel-head p {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-compare-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.marketplace-compare-card {
  min-height: 112px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 6px 10px;
  padding: 14px;
  text-align: left;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: none;
  cursor: pointer;
}

.marketplace-compare-card > span {
  grid-row: span 3;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  color: #ffffff;
  background: var(--teal);
}

.marketplace-compare-card svg {
  width: 20px;
  height: 20px;
}

.marketplace-compare-card strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.1;
}

.marketplace-compare-card small,
.marketplace-compare-card em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.marketplace-compare-card em {
  font-weight: 700;
}

.marketplace-compare-card:hover,
.marketplace-compare-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.34);
  background: #e8f0ff;
  transform: translateY(-1px);
}

.client-storefront-search-panel {
  margin-top: 14px;
}

.client-storefront-search-panel form {
  display: grid;
  gap: 14px;
}

.client-storefront-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
}

.client-storefront-filter-grid label {
  display: grid;
  gap: 6px;
}

.client-storefront-filter-grid b {
  color: var(--ink);
  font-size: 13px;
}

.client-storefront-filter-grid input,
.client-storefront-filter-grid select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: #ffffff;
  font-weight: 750;
}

.client-storefront-search-text {
  grid-column: span 2;
}

.client-storefront-search-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.client-storefront-search-summary span {
  padding: 6px 10px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 999px;
  color: var(--teal-dark);
  background: #ecfdf5;
  font-size: 12px;
  font-weight: 850;
}

.marketplace-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 16px;
}

.marketplace-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  min-height: 286px;
  overflow: hidden;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.marketplace-card:hover,
.marketplace-card:focus-within {
  border-color: rgba(7, 85, 237, 0.32);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.marketplace-card-visual {
  display: grid;
  align-content: center;
  place-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-right: 1px solid var(--soft-line);
  background: linear-gradient(150deg, #ecfeff, #f8fafc);
  color: var(--teal-dark);
  cursor: pointer;
}

.marketplace-card-visual.service {
  background: linear-gradient(150deg, #e8f0ff, #fefce8);
}

.marketplace-card-visual.product {
  background: linear-gradient(150deg, #ecfeff, #f8fafc);
}

.marketplace-card-visual span,
.marketplace-avatar {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: var(--teal);
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 0;
}

.marketplace-card-visual small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 22px);
  padding: 5px 9px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 999px;
  color: var(--teal-dark);
  background: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 900;
}

.marketplace-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 11px;
  min-width: 0;
  padding: 16px;
}

.marketplace-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.marketplace-card-type {
  align-self: flex-start;
  padding: 4px 9px;
  border-radius: 999px;
  background: #ecfeff;
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 800;
}

.marketplace-card-promo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border-radius: 999px;
  color: #92400e;
  background: #fef3c7;
  font-size: 12px;
  font-weight: 900;
}

.marketplace-card h4,
.marketplace-store-card h4 {
  margin: 0;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.2;
}

.marketplace-card p,
.marketplace-store-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-card-category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketplace-card-category span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  color: var(--muted);
  background: #f8fafc;
  font-size: 12px;
  font-weight: 850;
}

.marketplace-card-category svg {
  width: 15px;
  height: 15px;
  color: var(--teal-dark);
}

.marketplace-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.marketplace-meta-row span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.marketplace-meta-row svg {
  width: 16px;
  height: 16px;
  color: var(--teal-dark);
}

.marketplace-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.marketplace-card-badges .marketplace-seller-verification-badge,
.marketplace-card-badges .marketplace-trust-badge {
  margin: 0;
}

.marketplace-card-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.marketplace-card-footer strong,
.marketplace-detail-actions strong {
  display: block;
  color: var(--ink);
  font-size: 18px;
}

.marketplace-card-footer small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  text-decoration: none;
}

.marketplace-card-footer strong + small {
  font-weight: 800;
}

.marketplace-card-footer .marketplace-old-price {
  color: var(--muted);
  text-decoration: line-through;
}

.marketplace-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.marketplace-buy-button {
  min-height: 38px;
  padding-inline: 14px;
}

.marketplace-service-terms {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: rgba(232, 240, 255, 0.62);
}

.marketplace-service-terms p {
  margin: 0;
  color: var(--muted);
}

.marketplace-service-terms strong {
  color: var(--ink);
}

.marketplace-cart-panel {
  display: grid;
  gap: 16px;
}

.marketplace-cart-summary {
  margin: 0;
}

.marketplace-cart-groups {
  display: grid;
  gap: 14px;
}

.marketplace-cart-group {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-cart-group-head,
.marketplace-cart-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.marketplace-cart-group-head strong,
.marketplace-cart-group-head small {
  display: block;
}

.marketplace-cart-group-head small {
  margin-top: 3px;
  color: var(--muted);
}

.marketplace-cart-actions {
  justify-content: flex-end;
}

.marketplace-checkout-form {
  display: grid;
  gap: 16px;
}

.marketplace-checkout-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-checkout-fields label {
  display: grid;
  gap: 6px;
}

.marketplace-checkout-fields input,
.marketplace-checkout-fields select,
.marketplace-checkout-fields textarea {
  width: 100%;
}

.marketplace-checkout-fields .marketplace-wide {
  grid-column: 1 / -1;
}

.marketplace-shipping-form.professional {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.marketplace-shipping-section-label {
  grid-column: 1 / -1;
  padding-top: 6px;
  color: var(--teal-dark);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.marketplace-shipping-form.professional .marketplace-wide {
  grid-column: span 2;
}

.marketplace-shipping-country-field {
  display: grid;
  gap: 8px;
}

.marketplace-shipping-country-field > b {
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.marketplace-shipping-country-field select[multiple] {
  min-height: 190px;
  padding: 8px 10px;
  overflow: auto;
}

.marketplace-shipping-country-field small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-shipping-preset-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketplace-shipping-preset-row .small-button {
  min-height: 32px;
  padding: 0 11px;
  box-shadow: none;
}

.marketplace-hub-side-panel .marketplace-shipping-form.professional {
  grid-template-columns: 1fr;
}

.marketplace-hub-side-panel .marketplace-shipping-form.professional .marketplace-wide {
  grid-column: 1 / -1;
}

.marketplace-shipping-breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.marketplace-shipping-breakdown span,
.commerce-shipment-rate-line span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef5f8;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.commerce-shipment-rate-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 0 0;
}

@media (max-width: 1100px) {
  .marketplace-shipping-form.professional {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .marketplace-shipping-form.professional {
    grid-template-columns: 1fr;
  }

  .marketplace-shipping-form.professional .marketplace-wide {
    grid-column: 1 / -1;
  }
}

.marketplace-cart-group-totals {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
}

.marketplace-cart-group-totals strong {
  color: var(--ink);
}

.marketplace-store-stack,
.marketplace-store-grid {
  display: grid;
  gap: 12px;
}

.marketplace-store-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.marketplace-store-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(132px, auto);
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.marketplace-store-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.marketplace-store-card .marketplace-avatar {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  font-size: 15px;
}

.marketplace-store-card small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
}

.marketplace-store-detail {
  display: grid;
  gap: 16px;
}

.marketplace-store-hero,
.marketplace-detail-layout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-detail-layout {
  grid-template-columns: 220px minmax(0, 1fr);
}

.marketplace-store-hero h3,
.marketplace-detail-layout h3 {
  margin: 0 0 6px;
  font-size: 22px;
}

.marketplace-store-hero p,
.marketplace-detail-layout p {
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-product-visual {
  display: grid;
  min-height: 180px;
  place-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, #e8f0ff, #ffffff);
}

.marketplace-product-visual span {
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 24px;
  background: var(--teal);
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
}

.marketplace-detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.marketplace-ad-placeholder {
  display: grid;
  gap: 10px;
}

.marketplace-ad-tile {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 10px;
  align-items: center;
  width: 100%;
  padding: 12px;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: var(--radius);
  background: #f8fffe;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.marketplace-ad-tile svg {
  grid-row: span 2;
  width: 22px;
  height: 22px;
  color: var(--teal-dark);
}

.marketplace-ad-tile small {
  color: var(--muted);
}

.marketplace-public-empty {
  width: 100%;
  min-width: 0;
  min-height: 140px;
  border-top: 1px solid var(--line);
  border-radius: var(--radius);
}

.marketplace-public-empty-panel {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 120px;
  margin-top: 16px;
}

.marketplace-public-empty-panel > svg {
  width: 48px;
  height: 48px;
  color: var(--teal-dark);
}

.ad-preview-panel {
  grid-column: span 4;
}

.panel {
  grid-column: span 4;
  min-height: 248px;
  padding: 18px;
}

.panel-wide {
  grid-column: span 8;
}

.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.panel-head h3 {
  margin: 0;
  font-size: 18px;
}

.panel-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.empty-chart {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #fbfdff;
}

.chart-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--soft-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--soft-line) 1px, transparent 1px);
  background-size: 100% 60px, 90px 100%;
}

.empty-content {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 24px;
  color: var(--muted);
  text-align: center;
}

.empty-content svg {
  width: 34px;
  height: 34px;
  color: var(--teal);
}

.empty-content strong {
  color: var(--ink);
  font-size: 16px;
}

.setup-list,
.flow-list {
  display: grid;
  gap: 10px;
}

.setup-row,
.flow-step {
  min-height: 42px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 0 10px;
  background: #fbfdff;
}

.setup-row span,
.flow-step span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #ffffff;
  background: var(--teal);
  font-size: 12px;
  font-weight: 900;
}

.setup-row strong,
.flow-step strong {
  font-size: 13px;
}

.setup-link-row {
  transition: border-color 0.18s ease, background 0.18s ease;
}

.setup-link-row:focus-within,
.setup-link-row:hover {
  border-color: rgba(7, 85, 237, 0.28);
  background: #f8fffd;
}

.marketplace-store-readiness-row {
  width: 100%;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  text-align: left;
}

.marketplace-store-readiness-row > svg {
  width: 22px;
  height: 22px;
  color: var(--teal);
}

.marketplace-store-readiness-row > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.marketplace-store-readiness-row > div small {
  color: var(--muted);
  line-height: 1.35;
}

.flow-link-step,
.integration-link-step {
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.flow-link-step:hover,
.flow-link-step:focus-within,
.integration-link-step:hover,
.integration-link-step:focus-within {
  border-color: rgba(7, 85, 237, 0.28);
  background: #f8fffd;
}

.dashboard-list-panel {
  min-height: auto;
}

.dashboard-list-panel .setup-list {
  gap: 10px;
}

.dashboard-list-panel .setup-row {
  min-height: 76px;
  grid-template-columns: 34px minmax(0, 1fr) minmax(92px, auto);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 4px 12px;
  padding: 12px;
}

.dashboard-list-panel .setup-row > span {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 30px;
  height: 30px;
}

.dashboard-list-panel .setup-row > strong {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 14px;
}

.dashboard-list-panel .setup-row > small {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.dashboard-list-panel .setup-row > .small-button {
  grid-column: 3;
  grid-row: 1 / 3;
  justify-self: end;
  min-width: 96px;
  max-width: 140px;
}

.company-setup-panel .setup-list,
.company-setup-page .setup-list {
  gap: 8px;
}

.company-setup-row {
  min-height: 58px;
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
  padding: 10px;
}

.company-setup-row-icon {
  width: 30px;
  height: 30px;
}

.company-setup-row-icon svg {
  width: 16px;
  height: 16px;
}

.company-setup-row-main {
  display: grid;
  gap: 2px;
}

.company-setup-row-main small {
  color: var(--muted);
  font-weight: 700;
}

.company-setup-row .status-badge {
  display: inline-flex;
  place-items: initial;
  width: auto;
  height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: #eef3f8;
  font-size: 11px;
  font-weight: 900;
}

.company-setup-row-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.company-setup-row .small-button {
  min-height: 32px;
  white-space: nowrap;
}

.company-setup-row.done {
  border-color: rgba(22, 101, 52, 0.24);
  background: #f0fdf4;
}

.company-setup-progress-card .mode-tabs {
  margin-top: 10px;
}

.company-setup-meter {
  margin-bottom: 8px;
}

.flow-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-box {
  min-height: 178px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 20px;
  color: var(--muted);
  text-align: center;
  background: #fbfdff;
}

.ai-box svg {
  width: 34px;
  height: 34px;
  color: var(--amber);
}

.ai-box strong {
  color: var(--ink);
}

.ai-box p {
  margin: 0;
}

.financial-assistant-panel {
  min-height: 0;
}

.reports-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 16px 0 0;
}

.reports-guard-modal {
  width: 100%;
  box-shadow: none;
}

.reports-catalog-panel .panel-head p,
.report-table-panel .panel-head p {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.report-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.report-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 14px;
  background: #fbfdff;
}

.report-card > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  color: #ffffff;
  background: var(--teal);
}

.report-card strong,
.report-card p,
.report-card small {
  display: block;
}

.report-card p {
  margin: 5px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.report-card small {
  color: var(--teal-dark);
  font-weight: 900;
}

.report-card-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.report-health-list {
  display: grid;
  gap: 9px;
}

.report-health-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.report-health-row > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--amber);
}

.report-health-row.ok > span {
  background: #22a36a;
}

.report-health-row strong,
.report-health-row small {
  display: block;
}

.report-health-row small {
  color: var(--muted);
  font-size: 12px;
}

.report-table {
  overflow-x: auto;
}

.report-table .table-head,
.report-table .admin-table-row {
  min-width: 760px;
}

.financial-assistant-panel .panel-head p {
  max-width: 680px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.financial-stage-strip,
.financial-summary-grid {
  display: grid;
  gap: 10px;
}

.financial-stage-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.financial-stage {
  display: grid;
  gap: 4px;
  min-height: 104px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.financial-stage.active {
  border-color: rgba(7, 85, 237, 0.3);
  background: #e8f0ff;
}

.financial-stage.pending {
  border-style: dashed;
}

.financial-stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.financial-stage small {
  color: var(--teal-dark);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.financial-stage-head b {
  border-radius: 999px;
  padding: 4px 7px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.financial-stage.pending .financial-stage-head b {
  color: #92400e;
  background: #fef3c7;
}

.financial-stage strong {
  color: var(--ink);
}

.financial-stage span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.financial-stage .small-button {
  justify-self: start;
  min-height: 32px;
  margin-top: 6px;
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.18);
  background: #e8f0ff;
}

.marketplace-assistant-panel .financial-stage {
  grid-template-rows: auto auto minmax(34px, 1fr) auto;
  min-height: 142px;
}

.marketplace-assistant-panel .financial-stage .financial-stage-action {
  justify-self: end;
  align-self: end;
  min-height: 32px;
  margin-top: 8px;
  padding: 0 11px;
  color: #ffffff;
  border-color: transparent;
  background: var(--teal);
  box-shadow: 0 8px 16px rgba(7, 85, 237, 0.14);
}

.marketplace-assistant-panel .financial-stage .financial-stage-action:hover {
  background: var(--teal-dark);
}

.financial-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.financial-summary-card {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.financial-summary-card span,
.financial-summary-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.financial-summary-card strong {
  display: block;
  margin: 6px 0 4px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
}

.financial-insight-list {
  display: grid;
  gap: 8px;
}

.financial-insight {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.financial-insight > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.financial-insight.warning > span {
  background: var(--amber);
}

.financial-insight.critical > span {
  background: #ef4444;
}

.financial-insight.success > span {
  background: #22a36a;
}

.financial-insight strong,
.financial-insight p {
  display: block;
}

.financial-insight strong {
  color: var(--ink);
}

.financial-insight p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.financial-assistant-footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.financial-source-card {
  min-height: 86px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.financial-source-card.local {
  border-style: dashed;
  background: #fbfdff;
}

.financial-source-card.external.locked {
  border-color: rgba(245, 158, 11, 0.24);
  background: #fffdf7;
}

.financial-source-card.external.configured {
  border-color: rgba(34, 163, 106, 0.24);
  background: #f7fefb;
}

.financial-source-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--teal);
  background: #e8f0ff;
}

.financial-source-card.external.locked .financial-source-icon {
  color: var(--amber);
  background: #fff7ed;
}

.financial-source-card.external.configured .financial-source-icon {
  color: #22a36a;
  background: #dcfce7;
}

.financial-source-card strong,
.financial-source-card span {
  display: block;
}

.financial-source-card strong {
  color: var(--ink);
  font-size: 13px;
}

.financial-source-card span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.financial-source-card small {
  align-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  color: #166534;
  background: #dcfce7;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.financial-source-card .small-button {
  min-height: 34px;
  white-space: nowrap;
}

.financial-source-card .integration-secondary-button {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.18);
  background: #e8f0ff;
}

.financial-question-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.financial-question-row button {
  min-height: 32px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 0 12px;
  color: var(--muted);
  background: #f8fafc;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.financial-question-row button:hover,
.financial-question-row button.active {
  border-color: rgba(7, 85, 237, 0.42);
  color: var(--teal-dark);
  background: #ecfdf5;
}

.financial-question-answer,
.financial-answer-placeholder {
  margin-top: 12px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  background: #fbfdff;
}

.financial-answer-placeholder {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.financial-answer-placeholder svg {
  width: 22px;
  height: 22px;
  color: var(--teal);
}

.financial-question-answer {
  padding: 12px;
}

.financial-answer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  margin-bottom: 10px;
}

.financial-answer-head strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
}

.financial-answer-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.financial-answer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.financial-answer-actions .primary-button,
.financial-answer-actions .small-button {
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

.financial-answer-table {
  overflow-x: auto;
}

.financial-answer-table-head,
.financial-answer-table-row {
  display: grid;
  grid-template-columns: var(--cols);
  min-width: 720px;
}

.financial-answer-table-head {
  min-height: 36px;
  align-items: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--ink);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.financial-answer-table-head span,
.financial-answer-table-row span {
  padding: 0 10px;
}

.financial-answer-table-row {
  min-height: 54px;
  align-items: center;
  border-bottom: 1px solid var(--soft-line);
  color: var(--ink);
  font-size: 13px;
}

.financial-answer-table-row strong,
.financial-answer-table-row small {
  display: block;
}

.financial-answer-table-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.financial-answer-empty {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  margin-top: 8px;
  padding: 0 12px;
  color: var(--muted);
  background: #ffffff;
  font-size: 13px;
  font-weight: 800;
}

.financial-answer-empty svg {
  width: 18px;
  height: 18px;
  color: #22a36a;
}

.financial-negative {
  color: #dc2626;
}

.financial-positive {
  color: #166534;
}

.channel-grid,
.submodule-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.channel-grid span,
.submodule-chip {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 0 11px;
  color: var(--ink);
  background: #fbfdff;
  font-size: 13px;
  font-weight: 800;
}

button.submodule-chip {
  cursor: pointer;
  font-family: inherit;
}

.module-action-button {
  min-height: 36px;
  padding: 0 12px 0 14px;
  border-color: rgba(7, 85, 237, 0.26);
  color: var(--teal-dark);
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(22, 32, 51, 0.06);
}

.module-action-button svg {
  width: 15px;
  height: 15px;
}

button.submodule-chip:hover {
  border-color: rgba(7, 85, 237, 0.45);
  color: var(--teal);
  background: #e8f0ff;
  transform: translateY(-1px);
}

.channel-grid svg {
  width: 16px;
  height: 16px;
  color: var(--teal);
}

.market-search-box {
  min-height: 48px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 14px;
  color: var(--quiet);
  background: #ffffff;
}

.market-search-box input {
  width: 100%;
  min-height: 42px;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
}

.filter-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.filter-grid span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: #fbfdff;
  font-size: 12px;
  font-weight: 850;
}

.filter-grid .module-action-button {
  min-height: 36px;
  border-color: rgba(7, 85, 237, 0.3);
  color: var(--teal-dark);
  background: #ffffff;
}

.filter-grid .module-action-button span {
  min-height: auto;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font-size: 13px;
}

.ad-slot-grid {
  display: grid;
  gap: 10px;
}

.ad-slot {
  min-height: 58px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fffdf7;
}

.ad-slot svg {
  color: var(--amber);
}

.ad-slot strong,
.ad-slot small {
  display: block;
}

.ad-slot small {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
}

.store-capabilities,
.shipping-rule-grid,
.placement-map,
.budget-grid,
.service-key-grid {
  display: grid;
  gap: 10px;
}

.store-capabilities {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.capability-card,
.shipping-card,
.placement-card,
.budget-card,
.service-key-card {
  min-height: 84px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

button.service-key-card {
  width: 100%;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-align: left;
}

button.service-key-card:hover,
button.service-key-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.45);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.capability-card svg,
.shipping-card svg,
.placement-card svg,
.budget-card svg,
.service-key-card svg {
  color: var(--teal);
}

.capability-card strong,
.capability-card span,
.shipping-card strong,
.shipping-card span,
.placement-card strong,
.placement-card span,
.budget-card strong,
.budget-card span,
.service-key-card strong,
.service-key-card span {
  display: block;
}

.capability-card span,
.shipping-card span,
.placement-card span,
.budget-card span,
.service-key-card span {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
}

.access-matrix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.access-matrix div {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.access-matrix span,
.access-matrix strong {
  display: block;
}

.access-matrix span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.access-matrix strong {
  margin-top: 6px;
  font-size: 16px;
}

.integrations-page {
  width: 100%;
}

.integrations-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 20px;
  background:
    linear-gradient(135deg, rgba(7, 85, 237, 0.12), rgba(23, 33, 47, 0.04)),
    #fff;
}

.integrations-hero h2 {
  margin: 10px 0 8px;
  font-size: 26px;
  line-height: 1.15;
}

.integrations-hero p {
  max-width: 900px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.integrations-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.edi-eds-page {
  width: 100%;
  max-width: none;
}

.edi-eds-hero {
  margin-bottom: 14px;
}

.edi-eds-kpis {
  margin-top: 14px;
}

.edi-eds-layout > .edi-eds-connectors {
  grid-column: 1 / -1;
}

.edi-eds-layout > .edi-eds-table-panel {
  grid-column: span 6;
}

.edi-eds-connector-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.edi-eds-connector-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: start;
  min-height: 154px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  box-shadow: 0 1px 0 rgba(22, 32, 51, 0.03);
  cursor: pointer;
}

.edi-eds-connector-card:hover {
  border-color: rgba(7, 85, 237, 0.5);
  box-shadow: 0 14px 28px rgba(7, 85, 237, 0.12);
}

.edi-eds-connector-card > span:first-child {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  background: var(--teal);
}

.edi-eds-connector-card strong {
  align-self: center;
  font-size: 16px;
}

.edi-eds-connector-card small {
  grid-column: 2 / -1;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

.edi-eds-connector-card em {
  grid-column: 2 / -1;
  color: var(--teal-dark);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.edi-eds-connector-card .status-badge {
  justify-self: end;
}

.edi-eds-table-panel .panel-head {
  align-items: start;
}

.edi-eds-export-actions {
  justify-content: flex-end;
}

.edi-eds-table .admin-table-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.integrations-kpis,
.integrations-audit-grid,
.integrations-control-panel,
.integration-category-map,
.integration-grid,
.integrations-bottom {
  margin-top: 14px;
}

[data-integration-section] {
  scroll-margin-top: 96px;
}

.integration-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.integration-export-actions {
  gap: 6px;
}

.integration-export-actions .export-group-label {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--muted);
  background: #eef3f8;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.integration-export-actions .small-button {
  min-width: 58px;
  min-height: 32px;
  padding-inline: 9px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  font-size: 12px;
  box-shadow: none;
}

.integration-export-actions .small-button:hover,
.integration-export-actions .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: none;
}

.integration-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
}

.integration-controls label {
  display: grid;
  gap: 6px;
}

.integration-controls span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.integration-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 11px 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.integration-category-map {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.integration-category {
  min-height: 108px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.integration-category:hover,
.integration-category.active {
  border-color: rgba(7, 85, 237, 0.55);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.integration-category svg {
  color: var(--teal);
}

.integration-category strong,
.integration-category span {
  display: block;
}

.integration-category strong {
  font-size: 14px;
}

.integration-category span {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.integration-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
  align-items: stretch;
}

.integration-card {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.integration-card-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.integration-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: var(--radius);
  background: #e8f0ff;
  color: var(--teal);
}

.integration-card strong,
.integration-card small {
  display: block;
}

.integration-card-head strong {
  font-size: 15px;
  line-height: 1.2;
}

.integration-card small,
.integration-card p {
  color: var(--muted);
}

.integration-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.integration-status {
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  white-space: nowrap;
}

.integration-status.connected {
  background: #dcfce7;
  color: #166534;
}

.integration-status.configured {
  background: #fef3c7;
  color: #92400e;
}

.integration-status.error {
  background: #fee2e2;
  color: #991b1b;
}

.integration-status.ready {
  background: #eef2ff;
  color: #3730a3;
}

.integration-status.roadmap {
  background: #fff7ed;
  color: #c2410c;
}

.integration-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.integration-tags span {
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 5px 8px;
  background: #f8fafc;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.integration-requirements {
  display: grid;
  gap: 4px;
  border-top: 1px solid var(--soft-line);
  padding-top: 10px;
}

.integration-requirements span,
.integration-requirements strong {
  display: block;
}

.integration-requirements span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.integration-requirements strong {
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
}

.integration-actions {
  align-self: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.integration-actions .integration-secondary-button {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.18);
  background: #e8f0ff;
}

.integration-actions > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.integration-actions > span svg {
  width: 16px;
  height: 16px;
  color: var(--teal);
}

.integration-empty {
  grid-column: 1 / -1;
}

.integration-settings-panel {
  margin-top: 14px;
  min-height: auto;
}

.integration-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 12px;
  margin-bottom: 12px;
}

.integration-settings-summary,
.integration-saved-keys {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.integration-settings-summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
}

.integration-settings-summary strong,
.integration-settings-summary p,
.integration-saved-keys strong {
  display: block;
}

.integration-settings-summary p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.integration-settings-checklist {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}

.integration-settings-checklist span,
.integration-saved-key,
.integration-settings-empty {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.integration-settings-checklist span {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 6px;
}

.integration-settings-checklist svg {
  color: var(--teal);
}

.integration-settings-checklist b,
.integration-settings-checklist small {
  display: block;
}

.integration-settings-checklist small {
  grid-column: 2;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.integration-saved-keys {
  display: grid;
  align-content: start;
  gap: 8px;
}

.integration-saved-key {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.integration-key-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.integration-saved-key b,
.integration-saved-key small {
  display: block;
}

.integration-saved-key small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.integration-saved-key code {
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.integration-settings-empty {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.integration-settings-empty svg {
  width: 18px;
  height: 18px;
  color: var(--amber);
}

.integration-key-form .wide-field,
.courier-key-form .wide-field {
  grid-column: span 2;
}

.integration-key-form .small-button,
.courier-key-form .small-button {
  min-height: 42px;
}

.integrations-audit-grid > .dashboard-health-panel,
.integrations-audit-grid > .dashboard-process-panel {
  grid-column: span 6;
}

.integrations-bottom > .panel {
  grid-column: span 4;
  min-height: auto;
}

.integrations-bottom > [data-integration-section="keys"] {
  grid-column: span 6;
}

.integrations-bottom .service-key-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.integration-security-list,
.integration-steps {
  display: grid;
  gap: 10px;
}

.integration-security-list div,
.integration-steps div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
}

.integration-security-list svg {
  color: var(--teal);
}

.integration-security-list strong,
.integration-security-list span,
.integration-steps span {
  display: block;
}

.integration-security-list span {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.integration-steps div {
  align-items: center;
}

.integration-steps b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--teal);
  color: #fff;
  font-size: 12px;
}

.integration-steps span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.ads-lifecycle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.document-ad-form {
  margin-bottom: 14px;
}

.document-ad-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.document-ad-preview-card,
.document-ad-empty {
  min-height: 118px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--ad-accent, var(--teal));
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.document-ad-preview-card {
  display: grid;
  gap: 10px;
  color: var(--ink);
  text-decoration: none;
}

.document-ad-preview-card.wide {
  grid-column: span 2;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
}

.document-ad-preview-card:hover {
  border-color: var(--ad-accent, var(--teal));
}

.document-ad-preview-card img {
  width: 100%;
  height: 76px;
  border-radius: var(--radius);
  object-fit: cover;
}

.document-ad-preview-card svg {
  width: 34px;
  height: 34px;
  color: var(--ad-accent, var(--teal));
}

.document-ad-preview-card small,
.document-ad-preview-card strong,
.document-ad-preview-card em {
  display: block;
}

.document-ad-preview-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.document-ad-preview-card strong {
  margin-top: 4px;
  font-size: 14px;
}

.document-ad-preview-card em {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.document-ad-empty {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border-style: dashed;
  color: var(--muted);
  text-align: center;
}

.flow-step small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.targeting-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.targeting-grid span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: #fbfdff;
  font-size: 12px;
  font-weight: 850;
}

.architecture-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
}

.marketplace-flow .architecture-node span {
  background: var(--teal-dark);
}

.ads-flow .architecture-node span {
  background: var(--blue);
}

.architecture-flow > i {
  display: none;
}

.architecture-node {
  min-height: 104px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
  text-align: center;
}

.architecture-node span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--ink);
}

.architecture-node strong {
  font-size: 13px;
}

.code-note {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 14px;
  color: var(--muted);
}

.code-note code {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 10px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-weight: 850;
}

.media-optimizer-tool {
  display: grid;
  gap: 14px;
}

.media-optimizer-tool.full {
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  align-items: start;
}

.media-notice {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: var(--radius);
  padding: 10px 12px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-weight: 800;
}

.media-upload-drop {
  min-height: 178px;
  display: grid;
  place-items: center;
  gap: 8px;
  border: 1px dashed rgba(7, 85, 237, 0.5);
  border-radius: var(--radius);
  padding: 18px;
  color: var(--ink);
  background: #f3f7fd;
  text-align: center;
  cursor: pointer;
}

.media-upload-drop input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.media-upload-drop span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.media-upload-drop strong,
.media-upload-drop small {
  display: block;
}

.media-upload-drop small {
  max-width: 360px;
  color: var(--muted);
}

.media-rule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.media-rule-grid span {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 9px 10px;
  color: var(--muted);
  background: #fbfdff;
  font-weight: 800;
}

.media-job-empty {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 150px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 18px;
  color: var(--muted);
  background: #fbfdff;
  text-align: center;
}

.media-job-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.media-job-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(90px, .7fr)) minmax(180px, 1.3fr) minmax(130px, .75fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.media-job-row strong,
.media-job-row b,
.media-job-row small {
  display: block;
}

.media-job-row small {
  color: var(--muted);
}

.media-stats {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 9px 10px;
  color: var(--muted);
  background: #fbfdff;
  font-size: 13px;
}

.media-stats.compact {
  margin-bottom: 12px;
}

.table {
  overflow-x: auto;
}

.table-head {
  display: grid;
  grid-template-columns: var(--cols);
  gap: 12px;
  min-width: 720px;
  min-height: 42px;
  align-items: center;
  border-radius: var(--radius);
  padding: 0 12px;
  color: #ffffff;
  background: var(--ink);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.table-empty {
  min-width: 720px;
  min-height: 86px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0 0 var(--radius) var(--radius);
  padding: 0 18px;
  color: var(--muted);
  background: #ffffff;
}

.table-empty svg {
  color: var(--amber);
}

.table-empty.marketplace-public-empty {
  width: 100%;
  min-width: 0;
  border-top: 1px solid var(--line);
  border-radius: var(--radius);
}

.admin-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 24px 0;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--radius);
  padding: 12px 14px;
  color: #1d4ed8;
  background: #eff6ff;
  font-weight: 800;
}

.company-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 24px 0;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: var(--radius);
  padding: 12px 14px;
  color: var(--teal-dark);
  background: #ecfdf5;
  font-weight: 800;
}

.communication-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 24px 0;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: var(--radius);
  padding: 12px 14px;
  color: #1d4ed8;
  background: #eff6ff;
  font-weight: 800;
}

.admin-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-form.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-form label {
  display: grid;
  gap: 6px;
}

.admin-form label b {
  font-size: 12px;
}

.settings-inline-field {
  display: grid;
  gap: 8px;
  max-width: 360px;
}

.settings-inline-field b {
  font-size: 12px;
  color: var(--muted);
}

.settings-inline-field select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 11px 12px;
  color: var(--ink);
  background: #ffffff;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-table-row input,
.admin-table-row select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
}

.admin-form textarea {
  min-height: 92px;
  padding: 10px;
  resize: vertical;
}

.admin-form .primary-button {
  align-self: end;
}

.sales-form {
  display: grid;
  gap: 14px;
}

.sales-editor-panel,
.sales-register-panel {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
}

.sales-form-grid,
.sales-line-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.sales-form-grid.client {
  grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));
}

.sales-form-grid.client.address {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sales-form-wide {
  grid-column: span 2;
}

.sales-line-grid {
  grid-template-columns: .8fr 1.6fr .7fr .8fr .9fr .7fr;
}

.sales-form label,
.sales-line-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.sales-form label b {
  font-size: 12px;
}

.cui-lookup-field {
  position: relative;
}

.cui-lookup-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.cui-inline-search {
  white-space: nowrap;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  max-width: 0;
  padding-inline: 0 !important;
  overflow: hidden;
  transition: opacity .18s ease, transform .18s ease, max-width .18s ease, padding .18s ease;
}

.cui-lookup-field.has-cui .cui-inline-search {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  max-width: 180px;
  padding-inline: 12px !important;
}

.sales-form input,
.sales-form select,
.panel-tools select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
}

.sales-form input:focus,
.sales-form select:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(247, 105, 31, 0.12);
  outline: 0;
}

.sales-line-grid .wide {
  grid-column: span 2;
}

.sales-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid var(--soft-line);
  padding-top: 12px;
}

.sales-section-title > div {
  display: grid;
  gap: 3px;
}

.sales-section-title strong {
  color: var(--ink);
}

.sales-section-title span,
.sales-row small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.sales-add-line {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-color: rgba(7, 85, 237, 0.26);
  color: var(--teal-dark);
  background: #ecfdf5;
}

.sales-lines-table {
  display: grid;
  gap: 8px;
  overflow-x: auto;
}

.sales-lines-head,
.sales-line-row {
  display: grid;
  grid-template-columns: .85fr minmax(220px, 2fr) .65fr .75fr .9fr .75fr minmax(180px, 1.3fr) 82px;
  gap: 8px;
  min-width: 1040px;
  align-items: center;
}

.purchase-lines-head,
.purchase-line-row {
  display: grid;
  grid-template-columns: .9fr minmax(170px, 1.3fr) minmax(220px, 1.6fr) .65fr .75fr .9fr .7fr minmax(160px, 1.1fr) 82px;
  gap: 8px;
  min-width: 1220px;
  align-items: center;
}

.sales-lines-head {
  min-height: 34px;
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--muted);
  background: #f8fafc;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.purchase-lines-head {
  min-height: 34px;
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--muted);
  background: #f8fafc;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.sales-line-row {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 8px 10px;
  background: #ffffff;
}

.purchase-line-row {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 8px 10px;
  background: #ffffff;
}

.sales-line-entry {
  border-color: rgba(7, 85, 237, 0.18);
  background: #fbfffe;
}

.purchase-line-entry {
  border-color: rgba(7, 85, 237, 0.18);
  background: #fbfffe;
}

.sales-line-entry-error {
  border-color: rgba(220, 53, 69, 0.45);
  background: #fff7f7;
}

.sales-added-lines {
  display: grid;
  gap: 8px;
  overflow-x: auto;
}

.sales-confirmed-row {
  background: #f8fafc;
}

.sales-confirmed-row > span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.sales-added-empty {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--muted);
  background: #fbfdff;
  font-size: 13px;
  font-weight: 800;
}

.sales-added-empty svg {
  width: 18px;
  height: 18px;
  color: var(--teal);
}

.sales-remove-line {
  min-height: 36px;
  border: 1px solid rgba(220, 53, 69, 0.26);
  border-radius: var(--radius);
  color: #b91c1c;
  background: #fff5f5;
  font-size: 12px;
  font-weight: 900;
}

.sales-notes-field {
  display: grid;
  gap: 6px;
}

.sales-form-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.purchase-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.purchase-options label {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  padding: 0 12px;
  color: var(--ink);
  background: #fbfdff;
  font-size: 13px;
  font-weight: 800;
}

.purchase-editor-panel,
.purchase-register-panel,
.purchase-supplier-panel {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
}

.purchase-table {
  overflow-x: auto;
}

.purchase-row > span {
  display: grid;
  gap: 2px;
  align-content: center;
}

.purchase-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-content: center;
}

.purchase-actions button {
  flex: 1 1 110px;
}

.purchase-supplier-panel .supplier-list {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.supplier-list {
  display: grid;
  gap: 8px;
}

.supplier-row {
  display: grid;
  gap: 4px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
}

.supplier-row strong {
  color: var(--ink);
}

.supplier-row span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.ai-box.compact {
  min-height: 130px;
}

.sales-row > span {
  display: grid;
  gap: 2px;
  align-content: center;
}

.sales-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-content: center;
}

.sales-actions button {
  flex: 1 1 94px;
  min-width: 0;
  min-height: 32px;
  padding: 0 6px;
  font-size: 12px;
  white-space: nowrap;
}

.sales-portal-flag {
  justify-self: start;
  color: var(--teal-dark);
}

.sales-table {
  overflow-x: auto;
}

.sales-preview-panel {
  background: linear-gradient(135deg, #ffffff 0%, #f3f7fd 100%);
}

.sales-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.sales-preview-grid > div {
  display: grid;
  gap: 5px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.sales-preview-grid strong {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.sales-preview-grid span {
  color: var(--ink);
  font-size: 18px;
  font-weight: 950;
}

.sales-preview-grid small {
  color: var(--muted);
  font-weight: 800;
}

.sales-preview-table {
  overflow-x: auto;
}

.inventory-page {
  width: 100%;
  max-width: none;
}

.inventory-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.inventory-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.inventory-layout > .panel {
  grid-column: span 4;
}

.inventory-layout > .panel-wide {
  grid-column: span 8;
}

.inventory-layout > .dashboard-process-panel,
.inventory-layout > .dashboard-health-panel {
  grid-column: 1 / -1;
}

.inventory-shortcut {
  cursor: pointer;
}

[data-inventory-section] {
  scroll-margin-top: 96px;
}

.inventory-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.inventory-catalog-panel {
  grid-column: 1 / -1 !important;
}

.inventory-subpage-layout > .inventory-editor-panel,
.inventory-subpage-layout > .inventory-register-panel {
  grid-column: 1 / -1;
}

.inventory-subpage-layout .panel-head {
  align-items: flex-start;
}

.inventory-register-panel .inventory-table,
.inventory-register-panel .inventory-compact-table {
  margin-top: 0;
}

.inventory-form,
.inventory-side-form,
.inventory-production-form {
  margin-bottom: 14px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.inventory-form .primary-button {
  grid-column: span 2;
}

.admin-form.inventory-side-form {
  grid-template-columns: 1fr;
}

.inventory-side-form .primary-button {
  grid-column: 1 / -1;
}

.inventory-production-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.admin-form.inventory-production-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inventory-production-form .primary-button {
  grid-column: 1 / -1;
}

.inventory-form-title {
  grid-column: 1 / -1;
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.inventory-table,
.inventory-compact-table {
  overflow-x: auto;
  margin-top: 12px;
}

.inventory-table .admin-table-row strong,
.inventory-compact-table .admin-table-row strong {
  color: var(--ink);
}

.inventory-table .admin-table-row small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.inventory-low-stock,
.stock-out {
  color: #b91c1c !important;
  font-weight: 950;
}

.stock-in {
  color: var(--teal-dark) !important;
  font-weight: 950;
}

.inventory-compact-table .admin-table-row {
  min-width: 430px;
}

.inventory-guard-shell {
  min-height: 360px;
  display: grid;
  place-items: center;
  margin-top: 16px;
}

.inventory-guard-modal {
  width: min(760px, 100%);
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: var(--radius);
  padding: 22px;
  background: #fffaf0;
  box-shadow: var(--shadow);
}

.inventory-guard-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #b45309;
  background: #ffedd5;
}

.inventory-guard-icon svg {
  width: 26px;
  height: 26px;
}

.inventory-guard-modal h3 {
  margin: 4px 0 8px;
  font-size: 20px;
}

.inventory-guard-modal p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
  font-weight: 750;
}

.inventory-guard-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.company-profile-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.profile-head-actions,
.page-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.profile-head-actions button:not(.primary-button):not(.small-button),
.page-head-actions button:not(.primary-button):not(.small-button),
.panel-tools button:not(.primary-button):not(.small-button),
.sales-actions button:not(.primary-button):not(.small-button),
.inventory-guard-actions button:not(.primary-button):not(.small-button) {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 13px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 1px 0 rgba(22, 32, 51, 0.03);
}

.profile-head-actions button:not(.primary-button):not(.small-button):hover,
.page-head-actions button:not(.primary-button):not(.small-button):hover,
.panel-tools button:not(.primary-button):not(.small-button):hover,
.sales-actions button:not(.primary-button):not(.small-button):hover,
.inventory-guard-actions button:not(.primary-button):not(.small-button):hover,
.profile-head-actions button:not(.primary-button):not(.small-button):focus-visible,
.page-head-actions button:not(.primary-button):not(.small-button):focus-visible,
.panel-tools button:not(.primary-button):not(.small-button):focus-visible,
.sales-actions button:not(.primary-button):not(.small-button):focus-visible,
.inventory-guard-actions button:not(.primary-button):not(.small-button):focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: 0 8px 18px rgba(7, 85, 237, 0.1);
  transform: translateY(-1px);
}

.company-profile-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: var(--radius);
  padding: 12px 14px;
  color: #8a5200;
  background: #fff8e8;
  font-weight: 800;
}

.company-profile-alert svg {
  color: var(--amber);
}

.company-profile-form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.company-profile-quick-strip .quick-action {
  min-height: 54px;
}

.company-profile-audit-grid {
  margin-top: 16px;
}

[data-company-profile-section] {
  scroll-margin-top: 96px;
}

.company-profile-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.company-workspace-manager {
  margin-top: 16px;
}

.company-workspace-list {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.company-workspace-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: #ffffff;
}

.company-workspace-item.active {
  border-color: rgba(7, 85, 237, 0.45);
  background: #e8f0ff;
}

.company-workspace-item > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: var(--teal);
  background: rgba(7, 85, 237, 0.1);
}

.company-workspace-item svg {
  width: 22px;
  height: 22px;
}

.company-workspace-item strong,
.company-workspace-item small {
  display: block;
  min-width: 0;
}

.company-workspace-item small {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 750;
}

.company-create-form {
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.company-create-form .wide-field {
  grid-column: 1 / -1;
}

.company-workspace-hint {
  margin-top: 14px;
}

.company-profile-section,
.company-address-card {
  min-height: auto;
}

.company-profile-primary-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.company-profile-primary-grid > .panel,
.company-profile-side-stack > .panel {
  grid-column: 1 / -1;
  width: 100%;
}

.company-profile-side-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.company-profile-side-stack .panel {
  min-height: 0;
}

.company-profile-identity-panel .panel-head {
  align-items: flex-start;
}

.company-profile-export-actions {
  gap: 6px;
}

.company-profile-export-actions .small-button {
  min-width: 58px;
  min-height: 32px;
  padding-inline: 9px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  font-size: 12px;
  box-shadow: none;
}

.company-profile-export-actions .small-button:hover,
.company-profile-export-actions .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.company-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.company-profile-grid.single {
  grid-template-columns: 1fr;
}

.company-profile-grid.address {
  margin-top: 12px;
}

.profile-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.profile-field-wide {
  grid-column: 1 / -1;
}

.profile-field b {
  font-size: 12px;
  color: var(--ink);
}

.profile-field input,
.profile-field select,
.profile-field textarea {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
  outline: 0;
}

.profile-field textarea {
  min-height: 78px;
  padding-top: 9px;
  resize: vertical;
}

.profile-field input:focus,
.profile-field select:focus,
.profile-field textarea:focus {
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(7, 85, 237, 0.12);
}

.profile-checks {
  display: grid;
  align-content: end;
  gap: 8px;
}

.profile-check {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 0 10px;
  background: #fbfdff;
  color: var(--ink);
  font-weight: 800;
}

.profile-check input {
  width: 16px;
  height: 16px;
  accent-color: var(--teal);
}

.company-address-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.company-address-card p,
.profile-hint {
  color: var(--muted);
}

.company-address-card p {
  min-height: 42px;
  margin: 0;
  font-size: 13px;
}

.profile-hint {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 12px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
  font-size: 13px;
}

.profile-hint svg {
  flex: 0 0 auto;
  color: var(--teal);
}

.company-lookup-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, auto);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 14px;
  background: #f3f7fd;
}

.company-lookup-box strong,
.company-lookup-box span,
.company-lookup-box small {
  display: block;
}

.company-lookup-box strong {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
}

.company-lookup-box strong svg {
  width: 18px;
  height: 18px;
  color: var(--teal);
}

.company-lookup-box span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.company-lookup-result {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.company-lookup-action {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.company-lookup-action input {
  width: 100%;
  min-height: 45px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 14px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-weight: 800;
}

.company-lookup-action input:focus {
  border-color: rgba(7, 85, 237, 0.65);
  box-shadow: 0 0 0 3px rgba(7, 85, 237, 0.12);
  outline: none;
}

.company-lookup-result.ok {
  color: #047857;
}

.company-lookup-result.error {
  color: #b91c1c;
}

.company-lookup-result.warning {
  color: #b45309;
}

.company-lookup-result.error {
  color: #b91c1c;
}

.company-lookup-result.info {
  color: #1d4ed8;
}

.company-lookup-captcha {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.company-lookup-captcha img {
  height: 46px;
  width: auto;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #ffffff;
}

.company-lookup-captcha input {
  width: 140px;
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
}

.company-lookup-captcha button {
  min-height: 36px;
}

.saft-page {
  width: 100%;
  max-width: none;
  gap: 18px;
}

.saft-hero {
  border-left: 4px solid var(--accent, #0647c2);
}

.saft-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.saft-head .integrations-hero-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 520px;
}

.saft-head .integrations-hero-actions > .small-button,
.saft-head .integrations-hero-actions > .primary-button {
  min-height: 42px;
  white-space: nowrap;
}

.saft-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  grid-auto-flow: dense;
  align-items: start;
}

.saft-layout > .panel,
.saft-layout > .panel-wide,
.saft-layout > .dashboard-health-panel,
.saft-layout > .dashboard-process-panel {
  grid-column: 1 / -1;
}

.saft-layout > .dashboard-health-panel,
.saft-layout > .dashboard-process-panel {
  grid-column: span 6;
  min-height: auto;
}

.saft-config-panel {
  min-height: auto;
}

.saft-settings-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.saft-settings-form label {
  display: grid;
  gap: 7px;
}

.saft-settings-form input,
.saft-settings-form select {
  width: 100%;
}

.saft-settings-form .checkbox-line {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 800;
}

.saft-settings-form .checkbox-line input {
  width: auto;
}

.saft-form-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  grid-column: 1 / -1;
  flex-wrap: wrap;
}

.saft-section-list,
.saft-issue-list,
.saft-export-list {
  display: grid;
  gap: 10px;
}

.saft-section-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.saft-section-card,
.saft-export-list > div,
.saft-issue {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.saft-section-card {
  min-height: 126px;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

button.saft-section-card {
  cursor: pointer;
}

button.saft-section-card:hover,
button.saft-section-card:focus-visible {
  border-color: rgba(7, 85, 237, 0.38);
  background: #f8fffd;
  box-shadow: 0 12px 24px rgba(7, 85, 237, 0.11);
  transform: translateY(-1px);
}

.saft-section-card > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #ffffff;
  background: var(--teal);
}

.saft-section-card em {
  margin-top: auto;
  color: var(--teal-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.saft-section-card svg,
.saft-issue svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--accent, #0647c2);
}

.saft-section-card strong,
.saft-export-list strong,
.saft-issue strong {
  display: block;
}

.saft-section-card small,
.saft-export-list span,
.saft-export-list small,
.saft-issue span {
  color: var(--muted);
}

.saft-section-card small {
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.saft-issue {
  justify-content: space-between;
  flex-wrap: wrap;
}

.saft-issue > div {
  flex: 1;
  min-width: min(100%, 280px);
}

.saft-issue.critical {
  border-color: #fecaca;
  background: #fef2f2;
}

.saft-issue.critical svg {
  color: #dc2626;
}

.saft-issue.warning {
  border-color: #fed7aa;
  background: #fff7ed;
}

.saft-issue.warning svg {
  color: #ea580c;
}

.saft-issue.info {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.saft-focus-ring {
  outline: 3px solid rgba(7, 85, 237, 0.26);
  outline-offset: 4px;
}

@media (max-width: 1100px) {
  .saft-head {
    grid-template-columns: 1fr;
  }

  .saft-head .integrations-hero-actions {
    justify-content: flex-start;
    max-width: none;
  }

  .saft-layout > .dashboard-health-panel,
  .saft-layout > .dashboard-process-panel {
    grid-column: 1 / -1;
  }

  .saft-section-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .saft-settings-form,
  .saft-section-list {
    grid-template-columns: 1fr;
  }
}

.fiscal-validator-page {
  gap: 18px;
}

.fiscal-validator-hero code {
  padding: 2px 6px;
  border-radius: 6px;
  background: #eef2f7;
  color: var(--ink);
}

.fiscal-validator-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fiscal-validator-form .wide-field,
.fiscal-validator-form .checkbox-line,
.fiscal-validator-form .saft-form-actions {
  grid-column: 1 / -1;
}

.fiscal-validator-form .checkbox-line {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 800;
}

.fiscal-validator-form textarea {
  width: 100%;
  resize: vertical;
}

.fiscal-validator-steps {
  display: grid;
  gap: 10px;
}

.fiscal-validator-steps > div {
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.fiscal-validator-steps b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--accent, #0647c2);
  color: #fff;
}

.fiscal-validator-table code {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  color: var(--ink);
}

.sales-client-lookup {
  margin: 8px 0 14px;
}

.company-fiscal-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.company-fiscal-meta span {
  display: flex;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 9px 10px;
  background: #fbfdff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.company-fiscal-meta svg {
  width: 16px;
  height: 16px;
  color: var(--teal);
}

.document-settings-head {
  background: linear-gradient(135deg, #ffffff 0%, #f1fbff 100%);
}

.document-settings-form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.document-settings-form > .panel {
  grid-column: span 4;
  min-height: auto;
}

.document-settings-form > .panel-wide {
  grid-column: 1 / -1;
  min-height: auto;
}

.template-choice-grid,
.document-template-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.template-choice-card {
  position: relative;
  display: grid;
  gap: 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.template-choice-card:hover {
  transform: translateY(-1px);
  border-color: rgba(7, 85, 237, 0.42);
}

.template-choice-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.template-choice-card.active,
.template-choice-card:has(input:checked) {
  border-color: var(--teal);
  box-shadow: 0 0 0 3px rgba(7, 85, 237, 0.12);
  background: #e8f0ff;
}

.template-choice-card strong {
  font-size: 14px;
}

.template-choice-card small {
  color: var(--muted);
  line-height: 1.45;
}

.template-mini {
  min-height: 112px;
  display: grid;
  gap: 6px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.template-mini b,
.template-mini i,
.template-mini em {
  display: block;
}

.template-mini b {
  height: 22px;
  border-radius: 5px;
  background: var(--template-accent);
}

.template-mini i {
  height: 10px;
  border-radius: 999px;
  background: #e8eef6;
}

.template-mini em {
  align-self: end;
  justify-self: end;
  width: 52%;
  height: 18px;
  border-radius: 5px;
  background: #d8e1ec;
}

.template-mini-classic {
  border-radius: 3px;
}

.template-mini-compact {
  gap: 4px;
}

.template-mini-premium {
  background: #17212f;
}

.template-mini-premium i,
.template-mini-premium em {
  background: rgba(255, 255, 255, 0.22);
}

.document-logo-preview {
  min-height: 120px;
  display: grid;
  place-items: center;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  margin-bottom: 12px;
  background: #fbfdff;
  overflow: hidden;
}

.document-logo-preview img {
  max-width: 190px;
  max-height: 92px;
  object-fit: contain;
}

.document-logo-preview span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-weight: 850;
}

.document-signature-preview {
  min-height: 120px;
  display: grid;
  place-items: center;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  margin-bottom: 12px;
  background: #fbfdff;
  overflow: hidden;
}

.document-signature-preview img {
  max-width: 230px;
  max-height: 92px;
  object-fit: contain;
}

.document-signature-preview span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-weight: 850;
}

.document-clear-logo {
  justify-self: start;
  margin-top: 10px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
}

.document-template-preview {
  min-height: 132px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  background: #fbfdff;
}

.document-template-preview div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.document-template-preview div span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
}

.document-template-preview p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.template-preview-classic {
  border-radius: 3px;
}

.template-preview-premium {
  color: #ffffff;
  background: #17212f;
}

.template-preview-premium p {
  color: #cbd5e1;
}

.document-settings-submit {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
}

.document-settings-flow-grid {
  margin-top: 16px;
}

.document-integrations-panel {
  min-height: auto;
}

.document-integration-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.document-integration-actions button {
  min-height: 38px;
}

.admin-table .table-head {
  grid-template-columns: var(--cols, repeat(5, 1fr));
}

.admin-table-row {
  display: grid;
  grid-template-columns: var(--cols);
  gap: 12px;
  min-width: 720px;
  align-items: center;
  border: 1px solid var(--line);
  border-top: 0;
  padding: 10px 12px;
  background: #ffffff;
}

.admin-table-row:last-child {
  border-radius: 0 0 var(--radius) var(--radius);
}

.admin-table-row > span {
  color: var(--muted);
  font-weight: 750;
}

.row-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.row-actions button,
.file-button,
.exchange-item .small-button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 11px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 1px 0 rgba(22, 32, 51, 0.03);
}

.row-actions button:hover,
.row-actions button:focus-visible,
.file-button:hover,
.file-button:focus-visible,
.exchange-item .small-button:hover,
.exchange-item .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  box-shadow: 0 8px 18px rgba(7, 85, 237, 0.1);
  transform: translateY(-1px);
}

.row-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
  box-shadow: none;
}

.row-actions .danger-button {
  color: #b91c1c;
  border-color: rgba(220, 53, 69, 0.26);
  background: #fff5f5;
}

.row-actions .danger-button:hover,
.row-actions .danger-button:focus-visible {
  color: #991b1b;
  border-color: rgba(220, 53, 69, 0.36);
  background: #fee2e2;
  box-shadow: 0 8px 18px rgba(220, 53, 69, 0.1);
}

.permission-fieldset {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

[data-company-admin-section] {
  scroll-margin-top: 96px;
}

.company-admin-section-active {
  border-color: rgba(7, 85, 237, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(7, 85, 237, 0.12), var(--shadow);
}

.company-admin-quick-strip .quick-action {
  min-height: 54px;
}

.company-admin-workspace > .company-permission-guide-panel,
.company-admin-workspace > .company-operators-panel,
.company-admin-workspace > .company-admin-wallet-panel,
.company-admin-workspace > .company-admin-audit-panel {
  grid-column: 1 / -1;
}

.company-admin-wallet-panel {
  overflow: hidden;
}

.company-admin-wallet-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.company-admin-wallet-unit {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.company-admin-wallet-unit.ready {
  border-color: rgba(22, 101, 52, 0.24);
}

.company-admin-wallet-unit.pending {
  border-color: rgba(245, 158, 11, 0.26);
}

.company-admin-wallet-unit-head,
.company-admin-wallet-metric {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.company-admin-wallet-unit-head > span:first-child,
.company-admin-wallet-metric > span:first-child {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 10px;
  color: var(--teal-dark);
  background: rgba(7, 85, 237, 0.11);
}

.company-admin-wallet-unit-head strong,
.company-admin-wallet-unit-head small,
.company-admin-wallet-metric strong,
.company-admin-wallet-metric small,
.company-admin-wallet-metric em {
  display: block;
  min-width: 0;
}

.company-admin-wallet-unit-head small,
.company-admin-wallet-metric small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.company-admin-wallet-unit-head strong {
  margin-top: 3px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.2;
}

.company-admin-wallet-unit-stats {
  display: grid;
  gap: 8px;
}

.company-admin-wallet-metric {
  grid-template-columns: 36px minmax(0, 1fr);
  min-height: 58px;
  border: 1px solid rgba(224, 233, 242, 0.9);
  border-radius: 10px;
  padding: 9px;
  background: #ffffff;
}

.company-admin-wallet-metric > span:first-child {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}

.company-admin-wallet-metric strong {
  margin-top: 1px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.15;
}

.company-admin-wallet-metric em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.company-admin-wallet-metric.warning > span:first-child {
  color: #b45309;
  background: #fff7df;
}

.company-admin-wallet-unit > .small-button {
  justify-self: start;
}

.company-admin-wallet-note {
  margin-top: 14px;
}

@media (max-width: 1180px) {
  .company-admin-wallet-overview {
    grid-template-columns: 1fr;
  }
}

.company-admin-export-actions {
  gap: 6px;
}

.company-admin-export-actions .export-group-label {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--muted);
  background: #eef3f8;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.company-admin-export-actions .small-button {
  min-width: 58px;
  min-height: 32px;
  padding-inline: 9px;
  color: var(--ink);
  border-color: var(--line);
  background: #ffffff;
  font-size: 12px;
  box-shadow: none;
}

.company-admin-export-actions .small-button:hover,
.company-admin-export-actions .small-button:focus-visible {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.permission-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.permission-grid.mini {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

.permission-grid label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 32px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 0 8px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 800;
}

.permission-grid input {
  width: 14px;
  height: 14px;
}

.permission-guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.permission-guide > div {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
}

.permission-guide strong,
.permission-guide span {
  display: block;
}

.permission-guide span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.company-operator-row {
  grid-template-columns: minmax(170px, 1.1fr) minmax(130px, .9fr) minmax(100px, .7fr) minmax(260px, 1.7fr) minmax(220px, 1.5fr);
  align-items: start;
  gap: 10px;
}

.company-operator-row .row-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 6px;
}

.company-operator-row .row-actions button {
  width: 100%;
  min-height: 34px;
  padding-inline: 8px;
  white-space: normal;
}

@media (max-width: 1200px) {
  .company-admin-workspace > .company-create-operator-panel,
  .company-admin-workspace > .company-owners-panel {
    grid-column: 1 / -1;
  }

  .company-operator-row {
    grid-template-columns: 1fr;
  }
}

.status-badge {
  justify-self: start;
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: #eef2f7;
  font-size: 12px;
  font-weight: 900;
}

.status-badge.open {
  color: #0647c2;
  background: #dbe5f5;
}

.status-badge.pending {
  color: #b45309;
  background: #fff7df;
}

.status-badge.closed {
  color: #64748b;
  background: #eef2f7;
}

.status-badge.active {
  color: #047857;
  background: #dcfce7;
}

.status-badge.ok,
.status-badge.ready,
.status-badge.passed,
.status-badge.online,
.status-badge.queued,
.status-badge.prepared,
.status-badge.recommended {
  color: #047857;
  background: #dcfce7;
}

.status-badge.connected {
  color: #047857;
  background: #dcfce7;
}

.status-badge.disconnected {
  color: #64748b;
  background: #eef2f7;
}

.status-badge.disabled,
.status-badge.unconfigured,
.status-badge.unknown,
.status-badge.logged {
  color: #64748b;
  background: #eef2f7;
}

.status-badge.testing {
  color: #1d4ed8;
  background: #dbeafe;
}

.status-badge.issued,
.status-badge.sent,
.status-badge.new {
  color: #1d4ed8;
  background: #dbeafe;
}

.status-badge.paid {
  color: #047857;
  background: #dcfce7;
}

.status-badge.registered {
  color: #047857;
  background: #dcfce7;
}

.status-badge.partial {
  color: #1d4ed8;
  background: #dbeafe;
}

.status-badge.unpaid {
  color: #b45309;
  background: #fef3c7;
}

.status-badge.warning,
.status-badge.degraded,
.status-badge.needs_approval,
.status-badge.needs_data,
.status-badge.needs_input,
.status-badge.needs_confirmation,
.status-badge.missing,
.status-badge.processing {
  color: #b45309;
  background: #fef3c7;
}

.status-badge.payment_pending,
.status-badge.awaiting_transfer {
  color: #b45309;
  background: #fef3c7;
}

.status-badge.payment_reported,
.status-badge.payment_review {
  color: #0647c2;
  background: #dbe5f5;
}

.status-badge.payment_info_requested {
  color: #92400e;
  background: #ffedd5;
}

.status-badge.offline,
.status-badge.overdue,
.status-badge.cancelled {
  color: #b91c1c;
  background: #fee2e2;
}

.status-badge.suspended,
.status-badge.draft,
.status-badge.planned,
.status-badge.pending {
  color: #b45309;
  background: #fef3c7;
}

.status-badge.blocked,
.status-badge.locked {
  color: #b91c1c;
  background: #fee2e2;
}

.status-badge.failed {
  color: #b91c1c;
  background: #fee2e2;
}

.status-badge.critical {
  color: #b91c1c;
  background: #fee2e2;
}

.environment-badge {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  margin-left: 6px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
}

.environment-badge.demo {
  color: #075985;
  background: #e0f2fe;
}

.environment-badge.production {
  color: #047857;
  background: #dcfce7;
}

.exchange-grid {
  display: grid;
  gap: 10px;
}

.exchange-item {
  display: grid;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.exchange-item > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.file-button {
  position: relative;
  overflow: hidden;
  color: var(--teal-dark);
}

.file-button input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.widget-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.widget {
  min-height: 116px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
}

.widget b {
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  color: var(--muted);
  background: #eef3f8;
  font-size: 11px;
  font-weight: 900;
}

.widget strong,
.widget small {
  display: block;
}

.widget small {
  margin-top: 4px;
  color: var(--muted);
}

.module-map {
  padding: 18px;
}

.module-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.module-card {
  min-height: 116px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon title plan"
    "icon meta meta";
  align-content: center;
  gap: 6px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  color: var(--ink);
  background: #fbfdff;
  text-align: left;
}

.module-card:hover {
  border-color: var(--teal);
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.12);
}

.module-card > span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--ink);
}

.module-card strong {
  grid-area: title;
  font-size: 15px;
}

.module-card small {
  grid-area: meta;
  color: var(--muted);
  font-weight: 750;
}

.module-card b {
  grid-area: plan;
  align-self: start;
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 11px;
}

.module-hero {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
  padding: 22px;
}

.module-hero > span {
  width: 52px;
  height: 52px;
}

.module-hero h2 {
  font-size: 24px;
}

.generic-module-page {
  display: grid;
  gap: 16px;
}

.module-flow-panel,
.module-readiness-panel {
  min-height: auto;
}

.module-flow-grid,
.module-support-grid {
  display: grid;
  gap: 12px;
}

.module-flow-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.module-support-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.module-flow-step,
.module-readiness-list button {
  width: 100%;
  min-width: 0;
  display: grid;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: #fbfdff;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.module-flow-step {
  min-height: 118px;
  grid-template-columns: 40px minmax(0, 1fr) 24px;
  grid-template-areas:
    "index title arrow"
    "index text arrow";
  gap: 7px 12px;
  padding: 14px;
}

.module-flow-step > span {
  grid-area: index;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius);
  color: var(--teal-dark);
  background: #dbe5f5;
  font-weight: 950;
}

.module-flow-step strong {
  grid-area: title;
  font-size: 15px;
  line-height: 1.2;
}

.module-flow-step small {
  grid-area: text;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.module-flow-step svg {
  grid-area: arrow;
  align-self: center;
  color: var(--teal);
}

.module-readiness-list {
  display: grid;
  gap: 10px;
}

.module-readiness-list button {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
}

.module-readiness-list svg {
  display: grid;
  place-self: start;
  color: var(--teal);
}

.module-readiness-list span {
  display: grid;
  gap: 3px;
}

.module-readiness-list small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.module-flow-step:hover,
.module-flow-step:focus-visible,
.module-readiness-list button:hover,
.module-readiness-list button:focus-visible {
  border-color: rgba(7, 85, 237, 0.42);
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.1);
  transform: translateY(-1px);
  outline: 0;
}

@media (max-width: 1180px) {
  .module-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .module-support-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .module-flow-grid {
    grid-template-columns: 1fr;
  }

  .generic-module-page .module-hero {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .generic-module-page .module-hero .primary-button {
    width: 100%;
  }
}

.communication-head {
  align-items: end;
}

.communication-subpage-head {
  background: linear-gradient(135deg, #ffffff 0%, #e8f0ff 100%);
}

.communication-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.communication-actions button,
.composer-actions button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
}

.communication-actions button.active {
  border-color: rgba(7, 85, 237, 0.35);
  color: var(--teal-dark);
  background: #e8f0ff;
}

.communication-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.communication-entry-card {
  min-height: 260px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.communication-entry-card > span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.communication-entry-card > span svg {
  width: 28px;
  height: 28px;
}

.communication-entry-card strong {
  display: block;
  color: var(--ink);
  font-size: 22px;
}

.communication-entry-card p {
  max-width: 620px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.communication-entry-card .primary-button {
  width: max-content;
}

.crm-head {
  align-items: start;
}

.crm-subpage-head {
  grid-template-columns: 1fr;
  gap: 14px;
  background: linear-gradient(135deg, #ffffff 0%, #f0fbff 100%);
}

.crm-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  border-top: 1px solid var(--soft-line);
  padding-top: 12px;
}

.crm-actions button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
}

.crm-actions button.active {
  border-color: rgba(7, 85, 237, 0.35);
  color: var(--teal-dark);
  background: #e8f0ff;
}

.crm-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.crm-hub-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 14px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.crm-hub-card > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #ffffff;
  background: var(--teal);
}

.crm-hub-card > div {
  min-width: 0;
}

.crm-hub-card small {
  color: var(--teal-dark);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.crm-hub-card h3 {
  margin: 6px 0 8px;
  font-size: 19px;
}

.crm-hub-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.crm-hub-card .small-button {
  grid-column: 2;
  justify-self: start;
}

.crm-flow-grid {
  margin-top: 14px;
}

.crm-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.crm-single-layout > .panel,
.crm-single-layout > .panel-wide {
  grid-column: auto;
  min-height: auto;
  width: 100%;
}

.communication-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.communication-hub-card {
  min-height: 210px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.communication-hub-card > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #ffffff;
  background: var(--teal);
}

.communication-hub-card small {
  color: var(--teal-dark);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.communication-hub-card h3 {
  margin: 6px 0 8px;
  font-size: 19px;
}

.communication-hub-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.communication-hub-card .small-button {
  justify-self: start;
}

.communication-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  gap: 14px;
  margin-top: 14px;
}

.communication-single-layout > .panel-wide {
  grid-column: auto;
}

.live-console-shell {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.live-console-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.live-console-toolbar h3 {
  margin: 4px 0 6px;
  font-size: 22px;
}

.live-console-toolbar p {
  max-width: 880px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.live-console-toolbar .primary-button {
  min-width: 190px;
  text-decoration: none;
}

.live-console-grid {
  display: grid;
  grid-template-columns: 280px minmax(270px, 0.82fr) minmax(460px, 1.45fr) 320px;
  gap: 14px;
  align-items: stretch;
}

.live-console-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.live-console-channels,
.live-conversation-list,
.live-client-panel {
  padding: 14px;
}

.live-console-card-head,
.live-thread-head,
.live-composer-actions,
.live-channel-group-head,
.live-status-box span {
  display: flex;
  align-items: center;
}

.live-console-card-head,
.live-thread-head {
  justify-content: space-between;
  gap: 12px;
}

.live-console-card-head h3,
.live-thread-head h3 {
  margin: 0;
  font-size: 20px;
}

.muted-line,
.live-thread-head span,
.live-empty-panel p,
.live-status-box small,
.live-client-file,
.live-template-panel small {
  color: var(--muted);
}

.live-channel-list,
.live-conversation-list,
.live-template-panel {
  display: grid;
  gap: 10px;
}

.live-channel-list {
  margin-top: 14px;
  max-height: 660px;
  overflow: auto;
}

.live-channel-group {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  background: #f8fbff;
}

.live-channel-group-head {
  justify-content: space-between;
  padding: 12px;
}

.live-channel-group-head span,
.live-brand-row em {
  color: var(--muted);
  font-style: normal;
  font-weight: 900;
}

.live-brand-row {
  width: calc(100% - 16px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 8px 8px;
  border: 1px solid rgba(7, 85, 237, 0.25);
  border-radius: var(--radius);
  padding: 10px;
  color: var(--ink);
  background: #e8f0ff;
  text-align: left;
}

.live-brand-row span,
.live-template-panel button span {
  display: grid;
  gap: 3px;
}

.live-channel-empty {
  margin: 0 8px 8px;
  border-radius: var(--radius);
  padding: 10px;
  color: var(--muted);
  background: #ffffff;
}

.live-status-box {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.live-status-box span {
  gap: 8px;
  width: max-content;
  border-radius: 999px;
  padding: 8px 12px;
  background: #edf7f3;
  font-weight: 900;
}

.live-status-box i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0755ed;
}

.live-search-input,
.live-conversation-list select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  background: #ffffff;
  color: var(--ink);
}

.live-empty-panel {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 24px;
  text-align: center;
  background: #fbfdff;
}

.live-empty-panel svg {
  color: var(--teal);
}

.live-thread-panel {
  min-height: 740px;
  display: grid;
  grid-template-rows: auto minmax(320px, 1fr) auto;
}

.live-thread-head {
  border-bottom: 1px solid var(--line);
  padding: 16px;
}

.live-thread-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.live-thread-body {
  padding: 16px;
  background: #f8fbff;
}

.live-composer {
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding: 14px;
  background: #ffffff;
}

.live-composer textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  font: inherit;
}

.live-composer-actions {
  gap: 8px;
  flex-wrap: wrap;
}

.live-client-file {
  min-height: 220px;
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: #f2f8ff;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.live-client-file p {
  margin: 0 0 8px;
}

.live-template-panel {
  margin-top: 14px;
}

.live-template-panel button {
  display: block;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--ink);
  background: #fbfdff;
  text-align: left;
}

.live-template-panel button span {
  font-weight: 900;
}

.communication-page {
  max-width: none;
}

.communication-workflow-page {
  margin: 0;
  padding: 0;
}

.wr-dev-workflow {
  min-height: 100vh;
  color: #101418;
  background: #f3f6f8;
  font-family: Arial, Helvetica, sans-serif;
}

.wr-dev-workflow button,
.wr-dev-workflow input,
.wr-dev-workflow select,
.wr-dev-workflow textarea {
  font: inherit;
}

.wr-dev-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  padding: 18px 28px;
  color: #ffffff;
  background: #111820;
}

.wr-dev-topbar h1 {
  margin: 0;
  color: #ffffff;
  font-size: 31px;
  line-height: 1.2;
  letter-spacing: 0;
}

.wr-dev-session {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.wr-dev-session span {
  color: #d8e2ec;
  font-weight: 700;
}

.wr-dev-session button {
  min-height: 38px;
  border: 1px solid #d9e1e8;
  border-radius: 6px;
  padding: 0 14px;
  color: #101418;
  background: #eef3f7;
  font-weight: 800;
}

.wr-dev-session button:nth-of-type(1),
.wr-dev-session button:nth-of-type(2) {
  color: #ffffff;
  border-color: #0b74de;
  background: #0b74de;
}

.wr-dev-main {
  max-width: 1500px;
  margin: 0 auto;
  padding: 28px;
}

.wr-dev-grid {
  display: grid;
  grid-template-columns: minmax(300px, 480px) 1fr;
  gap: 18px;
  align-items: start;
}

.wr-dev-card {
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  padding: 18px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05);
}

.wr-dev-card h2 {
  margin: 0 0 14px;
  color: #101418;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0;
}

.wr-dev-card h3 {
  margin: 0 0 12px;
  color: #101418;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
}

.wr-dev-control-card hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid #d9e1e8;
}

.wr-dev-notification-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}

.wr-dev-notification-row button,
.wr-dev-outbox button,
.wr-dev-chat-actions button,
.wr-dev-operator-tools button,
.wr-dev-template-row button {
  min-height: 38px;
  border: 1px solid #d9e1e8;
  border-radius: 6px;
  padding: 0 12px;
  color: #101418;
  background: #eef3f7;
  font-weight: 800;
}

.wr-dev-notification-row span,
.wr-dev-muted,
.wr-dev-outbox p,
.wr-dev-outbox small,
.wr-dev-operator-tools span,
.wr-dev-template-list small,
.wr-dev-template-row div {
  color: #52647a;
}

.wr-dev-brand-list {
  display: grid;
  gap: 10px;
  max-height: calc(100vh - 355px);
  min-height: 280px;
  overflow: auto;
  padding-right: 4px;
}

.wr-dev-channel-button {
  width: 100%;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  padding: 10px 12px;
  color: #101418;
  background: #f8fafc;
  text-align: left;
}

.wr-dev-channel-button:hover,
.wr-dev-channel-button.is-active {
  border-color: #0b74de;
  box-shadow: 0 0 0 2px rgba(11, 116, 222, 0.12);
}

.wr-dev-channel-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-size: 19px;
  font-weight: 900;
}

.wr-dev-channel-button b {
  color: #52647a;
  font-size: 13px;
}

.wr-dev-status {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 9px 14px;
  background: #eef3f7;
}

.wr-dev-status span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9aa6b2;
}

.wr-dev-status.is-ready span {
  background: #20a86b;
}

.wr-dev-status strong {
  color: #000000;
}

.wr-dev-empty-state {
  display: grid;
  gap: 8px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  padding: 16px;
  color: #52647a;
  background: #f8fafc;
}

.wr-dev-empty-state strong {
  color: #101418;
}

.wr-dev-empty-state button {
  width: max-content;
  min-height: 36px;
  border: 1px solid #0b74de;
  border-radius: 6px;
  padding: 0 12px;
  color: #ffffff;
  background: #0b74de;
  font-weight: 800;
}

.wr-dev-outbox {
  margin-top: 18px;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  padding: 14px;
  background: #f8fafc;
}

.wr-dev-outbox summary {
  cursor: pointer;
  color: #000000;
  font-size: 18px;
  font-weight: 900;
}

.wr-dev-outbox p,
.wr-dev-outbox small {
  display: block;
  margin-top: 12px;
}

.wr-dev-operator-card {
  min-width: 0;
}

.wr-dev-operator-language {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 14px;
}

.wr-dev-operator-language label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #101418;
  font-weight: 800;
}

.wr-dev-operator-language select,
.wr-dev-conversation-tools input,
.wr-dev-conversation-tools select,
.wr-dev-template-filter select,
.wr-dev-template-filter input,
.wr-dev-operator-tools select {
  min-height: 40px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0 12px;
  color: #101418;
  background: #ffffff;
}

.wr-dev-operator-language select {
  min-width: 190px;
}

.wr-dev-chat-layout {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 16px;
}

.wr-dev-conversation-panel {
  border-right: 1px solid #d9e1e8;
  padding-right: 14px;
}

.wr-dev-conversation-tools {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.wr-dev-conversation-empty {
  color: #52647a;
  line-height: 1.25;
}

.wr-dev-conversation-list {
  display: grid;
  gap: 10px;
}

.wr-dev-chat-panel {
  min-width: 0;
}

.wr-dev-chat-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: start;
  border-bottom: 1px solid #d9e1e8;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.wr-dev-chat-header h3 {
  margin-bottom: 6px;
}

.wr-dev-chat-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.wr-dev-chat-actions button:disabled,
.wr-dev-operator-tools button:disabled,
.wr-dev-template-row button:disabled,
.wr-dev-operator-form textarea:disabled,
.wr-dev-operator-tools select:disabled {
  opacity: 0.64;
  cursor: not-allowed;
}

.wr-dev-client-profile {
  margin-bottom: 12px;
}

.wr-dev-client-profile summary {
  border: 1px solid #cdd8e3;
  border-radius: 8px;
  padding: 12px 14px;
  color: #101418;
  background: #eef3f7;
  text-align: center;
  font-weight: 900;
}

.wr-dev-client-profile-body {
  border: 1px solid #d9e1e8;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  padding: 10px;
  background: #f8fafc;
}

.wr-dev-client-profile-body pre {
  margin: 0;
  white-space: pre-wrap;
  color: #101418;
  font-family: Consolas, "Courier New", monospace;
  line-height: 1.45;
}

.wr-dev-chat-messages {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  max-height: 480px;
  min-height: 0;
  padding: 4px 8px 12px 0;
}

.wr-dev-chat-messages p {
  margin: 0;
}

.wr-dev-operator-form {
  display: grid;
  gap: 8px;
  border-top: 1px solid #d9e1e8;
  padding-top: 12px;
}

.wr-dev-operator-form textarea {
  width: 100%;
  min-height: 100px;
  resize: vertical;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px;
  color: #101418;
  background: #ffffff;
}

.wr-dev-operator-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wr-dev-operator-tools label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 260px;
  color: #34445a;
  font-weight: 700;
}

.wr-dev-operator-tools button[data-live-send] {
  color: #ffffff;
  border-color: #0b74de;
  background: #0b74de;
}

.wr-dev-template-picker {
  display: grid;
  gap: 8px;
}

.wr-dev-template-filter {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(150px, 190px) minmax(220px, 1fr);
  gap: 8px;
}

.wr-dev-template-summary {
  color: #52647a;
  font-weight: 800;
}

.wr-dev-template-list {
  display: grid;
  gap: 6px;
  max-height: 220px;
  overflow: auto;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  padding: 6px;
  background: #ffffff;
}

.wr-dev-template-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 94px;
  gap: 8px;
  align-items: stretch;
}

.wr-dev-template-list button {
  width: 100%;
  border: 1px solid #d9e1e8;
  border-radius: 6px;
  padding: 8px 10px;
  color: #0f172a;
  background: #f8fafc;
  text-align: left;
}

.wr-dev-template-list button[data-live-template]:hover {
  border-color: #0647c2;
  background: #ecfdf5;
}

.wr-dev-template-list button[data-live-template].is-selected {
  border-color: #0755ed;
  background: #e8f0ff;
  box-shadow: 0 0 0 2px rgba(7, 85, 237, 0.12);
}

.wr-dev-template-delete {
  align-self: stretch;
  width: 94px !important;
  min-width: 94px;
  border-color: #fecaca !important;
  color: #b91c1c !important;
  background: #fff7f7 !important;
  padding-inline: 6px !important;
  text-align: center !important;
  font-size: 12px;
  font-weight: 850;
  white-space: normal;
}

.wr-dev-template-disabled {
  display: grid;
  gap: 10px;
  background: #fff7ed;
  border-color: #fed7aa;
  color: #7c2d12;
}

.wr-dev-template-disabled span {
  color: #9a3412;
}

.wr-dev-template-disabled button {
  justify-self: start;
  border-color: #fdba74;
  background: #ffffff;
  color: #9a3412;
}

.wr-dev-template-list button span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
}

.wr-dev-template-list button em {
  border-radius: 999px;
  padding: 3px 8px;
  color: #52647a;
  background: #eef3f7;
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}

.wr-dev-template-list button small {
  display: block;
  margin-top: 4px;
  line-height: 1.35;
}

.wr-dev-template-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 8px;
}

.wr-dev-template-row div {
  display: flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  padding: 8px 10px;
  background: #f8fafc;
  font-weight: 700;
}

.wr-dev-template-manager {
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.wr-dev-template-manager summary {
  cursor: pointer;
  color: #101418;
  font-size: 14px;
  font-weight: 800;
}

.wr-dev-template-custom-form {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(110px, 150px) minmax(120px, 160px);
  gap: 8px;
  margin-top: 10px;
}

.wr-dev-template-custom-form input,
.wr-dev-template-custom-form select,
.wr-dev-template-custom-form textarea {
  min-height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  color: #101418;
  background: #ffffff;
}

.wr-dev-template-custom-form textarea {
  grid-column: 1 / -1;
  resize: vertical;
}

.wr-dev-template-custom-form button {
  grid-column: 1 / -1;
  min-height: 38px;
  border: 1px solid #0755ed;
  border-radius: 8px;
  color: #ffffff;
  background: #0755ed;
  font-weight: 850;
}

.wr-dev-custom-template-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.wr-dev-custom-template-list > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d6e2ee;
  border-radius: 8px;
  background: #f8fbfe;
}

.wr-dev-custom-template-list span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.wr-dev-custom-template-list small {
  color: #65758b;
}

.wr-dev-custom-template-list button {
  border-color: #fecaca;
  color: #b91c1c;
  background: #fff7f7;
}

.wr-dev-emoji-panel {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  border: 1px solid #d9e1e8;
  border-radius: 10px;
  padding: 8px;
  background: #f8fafc;
}

.wr-dev-emoji-panel[hidden] {
  display: none;
}

.wr-dev-emoji-panel button {
  width: 36px;
  height: 36px;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  background: #ffffff;
  font-size: 18px;
}

.wr-dev-attachment-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.wr-dev-attachment-list[hidden] {
  display: none;
}

.wr-dev-attachment-list span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  padding: 6px 10px;
  color: #34445a;
  background: #f8fafc;
  font-size: 13px;
  font-weight: 750;
}

.wr-dev-attachment-list svg {
  width: 15px;
  height: 15px;
  color: #0755ed;
}

.wr-dev-attachment-list small {
  color: #64748b;
}

.live-replica-shell {
  display: grid;
  grid-template-columns: minmax(280px, 0.45fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-height: calc(100vh - 82px);
  margin-top: 0;
  padding: 16px;
}

.communication-workflow-shell .live-replica-shell {
  min-height: 100vh;
}

.communication-workflow-shell .live-replica-sidebar,
.communication-workflow-shell .live-operator-panel {
  min-height: calc(100vh - 32px);
}

.live-replica-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.live-replica-sidebar {
  min-height: calc(100vh - 114px);
  padding: 18px;
}

.live-replica-sidebar h2,
.live-operator-top h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: 0;
}

.live-notification-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  color: var(--muted);
}

.live-notification-row button,
.live-queue-box button,
.live-thread-copy-actions button,
.live-message-composer-copy button,
.live-template-copy button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #eef3f8;
  font-weight: 850;
}

.live-notification-row button:hover,
.live-queue-box button:hover,
.live-thread-copy-actions button:hover,
.live-message-composer-copy button:hover,
.live-template-copy button:hover {
  border-color: rgba(7, 85, 237, 0.32);
  background: #e8f0ff;
}

.live-channel-stack {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  max-height: calc(100vh - 440px);
  min-height: 300px;
  overflow: auto;
  padding-right: 4px;
}

.live-channel-copy {
  overflow: hidden;
  border: 1px solid #d8e3ef;
  border-radius: 8px;
  background: #f7fafc;
}

.live-channel-copy-head {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px;
}

.live-channel-copy-head strong {
  font-size: 17px;
}

.live-channel-copy-head span {
  color: #4f6178;
  font-weight: 900;
}

.live-brand-copy {
  width: calc(100% - 16px);
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 8px 8px;
  border: 1px solid #ff6b22;
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--ink);
  background: #fff7ef;
  text-align: left;
}

.live-brand-copy.is-selected {
  border-color: #168bff;
  box-shadow: inset 0 0 0 1px #168bff;
}

.live-brand-copy b,
.live-brand-copy small {
  display: block;
}

.live-brand-copy b {
  font-size: 16px;
}

.live-brand-copy small {
  margin-top: 4px;
  color: #4f6178;
}

.live-brand-copy em {
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: #e5212d;
  font-style: normal;
  font-weight: 950;
  box-shadow: 0 0 0 4px rgba(229, 33, 45, 0.14);
}

.live-sidebar-status {
  margin-top: 18px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

.live-sidebar-status h3 {
  margin: 0 0 12px;
  font-size: 22px;
}

.live-sidebar-status span {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border-radius: 999px;
  padding: 9px 14px;
  background: #edf7f3;
  font-weight: 950;
}

.live-sidebar-status i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #21a66f;
}

.live-queue-box {
  margin-top: 18px;
  border: 1px solid #d8e3ef;
  border-radius: 8px;
  padding: 14px;
  background: #f7fafc;
}

.live-queue-box summary {
  cursor: default;
  font-size: 18px;
  font-weight: 950;
}

.live-queue-box p,
.live-queue-box small {
  display: block;
  color: var(--muted);
}

.live-operator-panel {
  min-height: calc(100vh - 114px);
  padding: 18px;
}

.live-operator-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.live-operator-top label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
}

.live-operator-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.live-settings-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 900;
}

.live-settings-button:hover {
  border-color: rgba(7, 85, 237, 0.34);
  background: #e8f0ff;
}

.live-operator-top select,
.live-conversations-copy input,
.live-conversations-copy select,
.live-template-copy select,
.live-template-copy input {
  min-height: 48px;
  border: 1px solid #ccd8e6;
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
}

.live-operator-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.55fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.live-conversations-copy {
  border-right: 1px solid var(--line);
  padding-right: 18px;
}

.live-conversations-copy h3 {
  margin: 0 0 16px;
  font-size: 20px;
}

.live-conversations-copy {
  display: grid;
  align-content: start;
  gap: 10px;
}

.live-thread-column-copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 16px;
}

.live-conversation-empty-copy,
.live-bubble-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 180px;
  border: 1px solid #d8e3ef;
  border-radius: 10px;
  padding: 18px;
  color: var(--muted);
  text-align: center;
  background: #fff7ef;
}

.live-conversation-list-copy {
  display: grid;
  gap: 10px;
  max-height: calc(100vh - 390px);
  overflow: auto;
  padding-right: 4px;
}

.live-conversation-card-copy {
  position: relative;
  min-height: 138px;
  display: grid;
  gap: 4px;
  border: 1px solid #ff8a4c;
  border-radius: 10px;
  padding: 12px 56px 12px 14px;
  color: var(--ink);
  background: #fff7ef;
  text-align: left;
}

.live-conversation-card-copy.green {
  border-color: #76d19a;
  background: #effdf4;
}

.live-conversation-card-copy.orange {
  border-color: #ff8a4c;
  background: #fff7ef;
}

.live-conversation-card-copy.is-active {
  box-shadow: 0 0 0 3px rgba(7, 85, 237, 0.18);
}

.live-conversation-card-copy:hover {
  border-color: var(--teal);
}

.live-conversation-card-copy strong {
  color: #ffffff;
  font-size: 16px;
}

.live-conversation-card-copy em {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 38px;
  min-height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  color: #ffffff;
  background: #e5212d;
  box-shadow: 0 0 0 4px rgba(229, 33, 45, 0.14);
  font-style: normal;
  font-weight: 950;
}

.live-conversation-card-copy span {
  width: max-content;
  border-radius: 999px;
  padding: 3px 9px;
  color: #8a4b00;
  background: #fff0bd;
  font-size: 12px;
  font-weight: 950;
}

.live-conversation-card-copy small,
.live-conversation-card-copy p,
.live-conversation-card-copy time {
  margin: 0;
  color: #4f6178;
}

.live-conversation-card-copy time {
  font-size: 13px;
}

.live-thread-copy {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(340px, 1fr) auto;
}

.live-thread-copy-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
}

.live-thread-copy-head h3 {
  margin: 0;
  font-size: 22px;
}

.live-thread-copy-head span,
.live-thread-copy-head p {
  display: block;
  margin: 4px 0 0;
  color: var(--muted);
}

.live-thread-copy-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.live-thread-copy-actions button:last-child {
  color: #c81f1f;
  background: #fff5f5;
  border-color: #ffc9c9;
}

.live-thread-copy-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 520px);
  min-height: 320px;
  overflow: auto;
  padding: 16px 0;
}

.live-message-bubble-copy {
  position: relative;
  max-width: 76%;
  border: 1px solid #d8e3ef;
  border-radius: 10px;
  padding: 10px 12px;
  background: #ffffff;
}

.live-message-bubble-copy.operator {
  align-self: flex-end;
  border-color: #a7f3d0;
  background: #ecfdf5;
  padding-right: 86px;
}

.live-message-bubble-copy.client {
  align-self: flex-start;
  background: #ffffff;
}

.live-message-bubble-copy strong {
  display: block;
  margin-bottom: 4px;
}

.live-message-bubble-copy small {
  color: var(--muted);
  font-weight: 700;
}

.live-message-bubble-copy p {
  margin: 0;
  color: #111827;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 15px;
  line-height: 1.45;
}

.live-message-delete {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 1px solid #fecaca;
  border-radius: 7px;
  padding: 4px 8px;
  color: #b91c1c;
  background: #fff7f7;
  font-size: 12px;
  font-weight: 850;
}

.live-message-delete:hover {
  border-color: #ef4444;
  background: #fee2e2;
}

.live-message-bubble-copy.has-hover-translation {
  border-color: #9fbef6;
}

.live-message-bubble-copy.has-hover-translation::before {
  content: "traducere la hover";
  display: inline-flex;
  width: max-content;
  margin-bottom: 6px;
  border-radius: 999px;
  padding: 3px 8px;
  color: #0647c2;
  background: #dbe5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 850;
}

.live-message-translation {
  display: none;
  margin-top: 8px;
  border-top: 1px dashed #9fbef6;
  padding-top: 8px;
  color: #04275f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.live-message-translation b {
  display: block;
  margin-bottom: 4px;
  color: #0647c2;
  font-size: 12px;
  text-transform: uppercase;
}

.wr-dev-workflow.translations-on .live-message-bubble-copy.has-hover-translation:hover .live-message-translation {
  display: block;
}

.live-message-composer-copy {
  display: grid;
  gap: 12px;
}

.live-message-composer-copy textarea {
  width: 100%;
  min-height: 130px;
  resize: vertical;
  border: 1px solid #ccd8e6;
  border-radius: 8px;
  padding: 14px;
  font: inherit;
}

.live-message-composer-copy > div {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.live-message-composer-copy > div span {
  color: var(--muted);
  font-weight: 800;
}

.live-message-composer-copy .send-copy {
  width: max-content;
  color: #ffffff;
  background: #0b7ee8;
  border-color: #0b7ee8;
}

.wr-dev-translate-panel {
  display: grid;
  gap: 10px;
  border: 1px solid #9fbef6;
  border-radius: 10px;
  padding: 12px;
  background: #e8f0ff;
}

.wr-dev-translate-panel[hidden] {
  display: none !important;
}

.wr-dev-translate-head,
.wr-dev-translate-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.wr-dev-translate-head strong {
  color: #0647c2;
  font-weight: 900;
}

.wr-dev-translate-panel label {
  display: grid;
  gap: 6px;
  color: var(--text);
  font-weight: 850;
}

.wr-dev-translate-panel select,
.wr-dev-translate-panel textarea {
  width: 100%;
  border: 1px solid #ccd8e6;
  border-radius: 8px;
  padding: 10px 12px;
  background: #ffffff;
  font: inherit;
}

.wr-dev-translate-panel textarea {
  min-height: 92px;
  resize: vertical;
}

.wr-dev-translate-panel small {
  color: var(--muted);
  font-weight: 750;
}

.wr-dev-translate-panel [data-live-action="translate-now"] {
  color: #ffffff;
  background: #0647c2;
  border-color: #0647c2;
}

.live-action-notice {
  display: block;
  color: var(--muted);
  font-weight: 800;
}

.live-client-copy {
  min-width: 0;
  grid-column: 2;
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 1fr);
  gap: 14px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

.live-client-copy h3 {
  grid-column: 1 / -1;
  margin: 0;
  border-radius: 10px;
  padding: 14px;
  background: #eaf2f8;
  text-align: center;
  font-size: 20px;
}

.live-client-copy pre {
  min-height: 220px;
  overflow: auto;
  margin: 0;
  border: 1px solid #d8e3ef;
  border-radius: 10px;
  padding: 14px;
  color: #1f2a37;
  background: #edf6ff;
  white-space: pre-wrap;
  font: 14px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.live-template-copy {
  display: grid;
  gap: 10px;
  max-height: 300px;
  overflow: auto;
}

.live-template-copy > div {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 10px;
}

.live-template-copy button {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 72px;
  padding: 12px 70px 12px 12px;
  text-align: left;
  background: #f8fbff;
}

.live-template-copy button strong,
.live-template-copy button small {
  display: block;
}

.live-template-copy button em {
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 999px;
  padding: 3px 8px;
  color: #4f6178;
  background: #eef3f8;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.communication-layout {
  display: grid;
  grid-template-columns: 220px minmax(230px, 0.9fr) minmax(420px, 1.5fr) 280px;
  gap: 14px;
  align-items: start;
}

.communication-rail,
.conversation-list-panel,
.conversation-thread-panel,
.conversation-side-panel,
.communication-create-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.communication-rail,
.conversation-list-panel,
.conversation-side-panel {
  padding: 14px;
}

.conversation-thread-panel {
  min-height: 650px;
  display: grid;
  grid-template-rows: auto minmax(260px, 1fr) auto;
  overflow: hidden;
}

.channel-stack,
.conversation-list,
.template-list,
.profile-facts {
  display: grid;
  gap: 8px;
}

.channel-card {
  min-height: 50px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 9px;
  background: #fbfdff;
}

.channel-card.active {
  border-color: rgba(7, 85, 237, 0.22);
  background: #e8f0ff;
}

.channel-card strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.channel-card b {
  min-width: 28px;
  border-radius: 999px;
  padding: 3px 7px;
  color: var(--teal-dark);
  background: #dbe5f5;
  text-align: center;
  font-size: 12px;
}

.channel-card small {
  grid-column: 2 / -1;
  color: var(--quiet);
  font-size: 11px;
  font-weight: 850;
}

.channel-settings-link {
  width: 100%;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: var(--radius);
  color: var(--teal-dark);
  background: #e8f0ff;
  font-weight: 900;
}

.connection-card {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 8px;
  margin-top: 14px;
  border-top: 1px solid var(--soft-line);
  padding-top: 14px;
}

.connection-card small {
  grid-column: 2;
  color: var(--muted);
}

.status-dot {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: #0755ed;
}

.conversation-filters,
.communication-create-form {
  display: grid;
  gap: 10px;
}

.conversation-filters {
  grid-template-columns: 1fr;
  margin-bottom: 12px;
}

.conversation-filters select,
.communication-create-form input,
.communication-create-form select,
.communication-create-form textarea,
.message-composer textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: #ffffff;
}

.conversation-filters select,
.communication-create-form input,
.communication-create-form select {
  min-height: 38px;
  padding: 0 10px;
}

.communication-create-form textarea,
.message-composer textarea {
  resize: vertical;
  padding: 10px;
}

.conversation-channel-readiness {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  padding: 11px;
  background: #e8f0ff;
  color: var(--ink);
}

.conversation-channel-readiness.warning {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fffbeb;
}

.conversation-channel-readiness.blocked {
  border-color: rgba(239, 68, 68, 0.28);
  background: #fff1f2;
}

.conversation-channel-readiness .readiness-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.conversation-channel-readiness.warning .readiness-icon {
  color: #b45309;
  background: #fff3cd;
}

.conversation-channel-readiness.blocked .readiness-icon {
  color: #b91c1c;
  background: #fee2e2;
}

.conversation-channel-readiness strong,
.conversation-channel-readiness small {
  display: block;
  min-width: 0;
}

.conversation-channel-readiness small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.conversation-channel-readiness .small-button {
  white-space: nowrap;
}

.conversation-delivery-notice {
  margin: 12px 14px 0;
}

.conversation-delivery-notice span {
  display: grid;
  gap: 2px;
}

.conversation-delivery-notice small {
  color: inherit;
  opacity: 0.82;
}

.conversation-card {
  position: relative;
  width: 100%;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
}

.conversation-card.active {
  border-color: rgba(37, 99, 235, 0.42);
  background: #f7fbff;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.08);
}

.conversation-card strong,
.conversation-card small,
.conversation-card em,
.conversation-card time {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conversation-card em {
  color: var(--muted);
  font-style: normal;
}

.conversation-card time,
.conversation-channel {
  color: var(--quiet);
  font-size: 12px;
  font-weight: 800;
}

.conversation-card b {
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 24px;
  border-radius: 999px;
  padding: 2px 7px;
  color: #ffffff;
  background: var(--red);
  text-align: center;
  font-size: 12px;
}

.thread-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 16px;
}

.thread-header h3 {
  margin: 0;
}

.thread-header small {
  color: var(--muted);
}

.thread-status {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.thread-status button {
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 9px;
  color: var(--muted);
  background: #ffffff;
  font-weight: 800;
}

.message-feed {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 300px;
  max-height: 430px;
  overflow: auto;
  padding: 16px;
  background: #f8fafc;
}

.message-bubble {
  max-width: 78%;
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 12px;
  background: #ffffff;
}

.message-bubble.mine {
  justify-self: end;
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.message-bubble.theirs {
  justify-self: start;
}

.message-bubble div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.message-bubble p {
  margin: 0;
  white-space: pre-wrap;
}

.message-bubble span {
  color: var(--quiet);
  font-size: 12px;
  font-weight: 800;
}

.message-composer {
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding: 12px;
  background: #ffffff;
}

.composer-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.conversation-side-panel {
  display: grid;
  gap: 12px;
}

.mini-panel {
  display: grid;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.mini-panel > strong {
  font-size: 16px;
}

.mini-panel > span,
.profile-facts span {
  color: var(--muted);
}

.mini-kpi-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.mini-kpi-row span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdff;
  color: var(--text);
  font-weight: 780;
}

.mini-kpi-row svg {
  width: 18px;
  height: 18px;
  color: var(--teal);
  flex: 0 0 auto;
}

.storage-checkout-layout,
.storage-instructions-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.65fr);
  gap: 16px;
  align-items: start;
}

.storage-checkout-layout > .panel,
.storage-instructions-layout > .panel {
  grid-column: auto;
  min-height: 0;
}

.storage-checkout-main-card,
.storage-instructions-main-card,
.storage-checkout-summary-card {
  display: grid;
  gap: 14px;
}

.storage-checkout-method-selector {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.storage-checkout-method-selector button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 54px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 9px 10px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
}

.storage-checkout-method-selector button.active {
  border-color: rgba(7, 85, 237, 0.38);
  color: #ffffff;
  background: var(--teal);
}

.storage-checkout-method-selector svg {
  width: 18px;
  height: 18px;
}

.storage-checkout-method-selector small {
  display: block;
  margin-top: 2px;
  color: inherit;
  opacity: 0.78;
  font-size: 11px;
  font-weight: 760;
}

.payment-method-config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.payment-method-config-card {
  display: grid;
  gap: 12px;
  align-content: space-between;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 14px;
  background: #fbfdff;
}

.payment-method-config-card > div:first-child {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.payment-method-config-card svg {
  width: 20px;
  height: 20px;
  color: var(--teal);
}

.payment-method-config-card strong,
.payment-method-config-card small {
  display: block;
  overflow-wrap: anywhere;
}

.payment-method-config-card small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.payment-method-config-card.configured {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.payment-method-config-card.missing {
  border-color: rgba(245, 158, 11, 0.32);
  background: #fffbeb;
}

.payment-config-warning .row-actions {
  margin-top: 8px;
}

.payment-method-config-form .storage-checkout-data-grid {
  margin-top: 12px;
}

.settings-form .span-two {
  grid-column: 1 / -1;
}

.storage-checkout-data-grid {
  display: grid;
  gap: 9px;
}

.storage-checkout-data-row {
  display: grid;
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  min-height: 50px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px 12px;
  background: #fbfdff;
}

.storage-checkout-data-row small,
.storage-checkout-data-row em {
  color: var(--muted);
  font-style: normal;
  font-weight: 760;
}

.storage-checkout-data-row strong {
  overflow-wrap: anywhere;
}

.storage-checkout-data-row em {
  grid-column: 2;
  margin-top: -4px;
  font-size: 12px;
}

.storage-checkout-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.storage-checkout-data-row.warning {
  border-color: rgba(220, 53, 69, 0.25);
  background: #fff7f7;
}

.storage-proof-box {
  display: grid;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #f8fbff;
}

.storage-proof-box > div:first-child {
  display: grid;
  gap: 3px;
}

.storage-proof-box strong,
.storage-proof-box small {
  overflow-wrap: anywhere;
}

.storage-proof-box small {
  color: var(--muted);
  font-weight: 760;
}

.storage-proof-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.storage-proof-upload {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.storage-proof-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.storage-payment-message {
  display: grid;
  gap: 6px;
}

.storage-payment-message span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 860;
}

.storage-payment-message textarea {
  width: 100%;
  min-height: 82px;
  resize: vertical;
}

.storage-terms-check {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
}

.storage-terms-check input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.storage-review-note {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: var(--radius);
  padding: 10px;
  color: #0647c2;
  background: #ecfdf5;
}

.storage-review-note svg {
  width: 18px;
  height: 18px;
}

.storage-review-note strong,
.storage-review-note small {
  display: block;
}

.storage-checkout-warning {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(245, 158, 11, 0.32);
  border-radius: var(--radius);
  padding: 12px;
  color: #92400e;
  background: #fffbeb;
}

.storage-checkout-warning svg {
  width: 20px;
  height: 20px;
}

.storage-checkout-warning strong,
.storage-checkout-warning small {
  display: block;
}

.storage-checkout-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.storage-checkout-actions.vertical {
  display: grid;
}

.storage-checkout-summary-card h3 {
  margin: 0;
  font-size: 28px;
}

.storage-checkout-summary-card p {
  margin: -8px 0 0;
  color: var(--muted);
}

.storage-checkout-summary-list {
  display: grid;
  gap: 8px;
}

.storage-checkout-summary-line {
  display: grid;
  gap: 2px;
  border-bottom: 1px solid var(--soft-line);
  padding-bottom: 8px;
}

.storage-checkout-summary-line span,
.storage-checkout-summary-line small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.storage-checkout-summary-line strong {
  overflow-wrap: anywhere;
}

.storage-instruction-steps {
  display: grid;
  gap: 10px;
}

.storage-instruction-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.storage-instruction-step span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #ffffff;
  background: var(--teal);
  font-weight: 900;
}

.storage-instruction-step small {
  color: var(--muted);
  font-weight: 720;
}

.storage-payment-summary-card code {
  overflow-wrap: anywhere;
}

.storage-usage-meter {
  display: grid;
  gap: 8px;
  margin: 14px 0;
}

.storage-usage-track {
  width: 100%;
  height: 14px;
  overflow: hidden;
  border: 1px solid #cfe0ee;
  border-radius: 999px;
  background: #edf4f9;
}

.storage-usage-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0755ed, #1b73e8);
}

.storage-usage-meter small {
  color: var(--muted);
  font-weight: 800;
}

.storage-usage-table .admin-table-row strong,
.storage-admin-table .admin-table-row strong,
.storage-files-table .admin-table-row strong {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.storage-usage-table .admin-table-row svg,
.storage-admin-table .admin-table-row svg,
.storage-files-table .admin-table-row svg {
  width: 16px;
  height: 16px;
}

.storage-files-table {
  margin-top: 14px;
}

.storage-files-table code {
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-facts span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 760;
}

.panel-head.tight {
  margin-bottom: 0;
}

.template-list button {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
  color: var(--ink);
  background: #ffffff;
  text-align: left;
}

.template-list button[hidden],
.template-list [data-template-item][hidden] {
  display: none;
}

.template-list span {
  color: var(--muted);
  font-size: 13px;
}

.template-list b {
  justify-self: start;
  border-radius: 999px;
  padding: 2px 8px;
  color: var(--teal-dark);
  background: #dbe5f5;
  font-size: 11px;
}

.communication-create-panel {
  margin-top: 14px;
  padding: 16px;
}

.communication-guard-shell {
  min-height: auto;
  place-items: stretch;
  margin: 14px 0;
}

.communication-guard-modal {
  width: 100%;
  grid-template-columns: 52px minmax(0, 1fr);
  background: linear-gradient(135deg, #fffaf0 0%, #e8f0ff 100%);
}

.communication-assistant-section {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.8fr);
  gap: 14px;
  margin-top: 14px;
  scroll-margin-top: 24px;
}

.communication-assistant-section > .panel,
.communication-assistant-section > .panel-wide {
  grid-column: auto;
}

.focus-pulse {
  animation: focusPulse 1.1s ease;
}

@keyframes focusPulse {
  0% {
    outline: 0 solid rgba(7, 85, 237, 0);
  }

  30% {
    outline: 4px solid rgba(7, 85, 237, 0.24);
  }

  100% {
    outline: 0 solid rgba(7, 85, 237, 0);
  }
}

.communication-settings-head {
  background: linear-gradient(135deg, #ffffff 0%, #eef7ff 100%);
}

.communication-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.communication-settings-card {
  grid-column: span 1;
  display: grid;
  gap: 14px;
  min-height: auto;
}

.communication-card-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.communication-card-head > span:first-child {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.communication-card-head h3,
.channel-tutorial strong {
  margin: 0;
}

.communication-settings-card > p {
  margin: 0;
  color: var(--muted);
}

.communication-control-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 14px;
  align-items: start;
  margin-top: 16px;
}

.communication-control-panel {
  display: grid;
  gap: 14px;
}

.communication-control-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--soft-line);
  padding-bottom: 12px;
}

.communication-control-head h3,
.communication-control-head p {
  margin: 0;
}

.communication-control-head p {
  margin-top: 4px;
  color: var(--muted);
}

.communication-setting-list {
  display: grid;
  gap: 10px;
}

.communication-setting-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.communication-setting-tile.is-enabled {
  border-color: rgba(7, 85, 237, 0.26);
  background: #f3f7fd;
}

.communication-setting-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.communication-setting-main strong,
.communication-setting-main small {
  display: block;
}

.communication-setting-main small {
  margin-top: 3px;
  color: var(--muted);
}

.communication-setting-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--ink);
}

.communication-setting-icon svg {
  width: 18px;
  height: 18px;
}

.communication-setting-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.communication-switch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  user-select: none;
}

.communication-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.communication-switch span {
  position: relative;
  width: 42px;
  height: 23px;
  border-radius: 999px;
  background: #d8e2ec;
  transition: background 0.18s ease;
}

.communication-switch span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.22);
  transition: transform 0.18s ease;
}

.communication-switch input:checked + span {
  background: var(--teal);
}

.communication-switch input:checked + span::after {
  transform: translateX(19px);
}

.communication-switch input:disabled + span {
  opacity: 0.55;
}

.communication-switch b {
  color: var(--muted);
  font-size: 12px;
}

.communication-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.communication-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.communication-detail-grid .communication-settings-card {
  max-width: 1120px;
}

.communication-channel-form .form-span-2,
.module-toggle-fieldset {
  grid-column: 1 / -1;
}

.communication-channel-form textarea {
  width: 100%;
  min-height: 110px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
  color: var(--ink);
  resize: vertical;
  background: #ffffff;
}

.communication-channel-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.channel-methods,
.whatsapp-connect-block,
.channel-help-actions,
.widget-snippet,
.qr-preview,
.whatsapp-platform-status,
.whatsapp-official-notice {
  grid-column: 1 / -1;
}

.channel-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.channel-method {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
}

.channel-method.active {
  border-color: rgba(7, 85, 237, 0.32);
  background: #e8f0ff;
}

.channel-method input {
  width: 14px;
  height: 14px;
  margin-top: 3px;
  accent-color: var(--teal);
}

.channel-method strong,
.channel-method small {
  display: block;
}

.channel-method small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.communication-channel-form label {
  display: grid;
  gap: 6px;
}

.communication-channel-form label b,
.channel-toggles legend {
  font-size: 12px;
  color: var(--ink);
}

.communication-channel-form input,
.communication-channel-form select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
}

.communication-channel-form input:focus,
.communication-channel-form select:focus {
  border-color: var(--teal);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(7, 85, 237, 0.12);
}

.whatsapp-connect-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.whatsapp-connect-block > div:first-child {
  grid-column: 1 / -1;
}

.whatsapp-connect-block h4 {
  margin: 0;
  font-size: 15px;
}

.whatsapp-connect-block p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.whatsapp-number-actions {
  display: flex;
  align-self: end;
  gap: 8px;
  flex-wrap: wrap;
}

.whatsapp-number-actions button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 900;
}

.qr-preview {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.34);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.qr-code {
  width: 132px;
  height: 132px;
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  gap: 2px;
  border: 8px solid #ffffff;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px var(--line);
}

.qr-code span {
  border-radius: 1px;
  background: #e5edf6;
}

.qr-code span.on {
  background: #162033;
}

.qr-preview strong,
.qr-preview small {
  display: block;
}

.qr-preview small {
  margin-top: 4px;
  color: var(--muted);
}

.whatsapp-platform-status,
.whatsapp-official-notice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border: 1px dashed rgba(15, 159, 150, 0.34);
  border-radius: var(--radius);
  padding: 10px;
  background: #f0fdfa;
}

.whatsapp-platform-status > div,
.whatsapp-official-notice > div {
  display: grid;
  gap: 4px;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.whatsapp-platform-status strong,
.whatsapp-platform-status small,
.whatsapp-official-notice strong,
.whatsapp-official-notice small {
  display: block;
}

.whatsapp-platform-status small,
.whatsapp-official-notice small {
  color: var(--muted);
  line-height: 1.45;
}

.widget-snippet {
  display: grid;
  gap: 6px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
}

.widget-snippet code {
  overflow-x: auto;
  border-radius: 6px;
  padding: 9px;
  color: #0f172a;
  background: #eef2f7;
  font-size: 12px;
  white-space: nowrap;
}

.channel-toggles {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #fbfdff;
}

.channel-toggles legend {
  padding: 0 6px;
  font-weight: 900;
}

.channel-toggles label {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 0 8px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 850;
}

.channel-toggles input {
  width: 14px;
  height: 14px;
  accent-color: var(--teal);
}

.channel-form-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.channel-form-actions button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
}

.channel-form-actions button:disabled,
.communication-channel-form input:disabled,
.communication-channel-form select:disabled,
.channel-method input:disabled,
.channel-toggles input:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.channel-tutorial {
  display: grid;
  gap: 10px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 12px;
  background: #fbfdff;
}

.channel-help-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.channel-help-actions a,
.channel-help-actions button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 10px;
  color: var(--ink);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.channel-help-actions a:first-child {
  color: var(--teal-dark);
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}

.channel-tutorial ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
}

.channel-tutorial li {
  padding-left: 3px;
}

.channel-checklist {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.channel-checklist span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-size: 12px;
  font-weight: 850;
}

.channel-checklist svg {
  width: 14px;
  height: 14px;
}

.communication-create-form {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: end;
}

.communication-create-form label {
  display: grid;
  gap: 6px;
}

.communication-create-form label b {
  font-size: 12px;
}

.communication-create-form .message-field {
  grid-column: span 2;
}

.empty-conversation,
.thread-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 160px;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 18px;
  color: var(--muted);
  text-align: center;
  background: #fbfdff;
}

.thread-empty {
  height: 100%;
  margin: 16px;
}

.thread-empty.compact {
  min-height: 90px;
  height: auto;
  margin: 0;
}

.primary-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 0 16px;
  color: #ffffff;
  background: var(--teal);
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(7, 85, 237, 0.14);
}

.primary-button:hover,
.primary-button:focus-visible {
  color: #ffffff;
  border-color: rgba(7, 85, 237, 0.35);
  background: var(--teal-dark);
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.2);
  transform: translateY(-1px);
}

.primary-button:disabled,
.profile-field input:disabled,
.profile-field select:disabled,
.profile-field textarea:disabled,
.profile-check input:disabled {
  cursor: not-allowed;
  opacity: 0.68;
}

.panel-tools {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.panel-tools button {
  min-height: 32px;
  padding: 0 10px;
  color: var(--muted);
  font-weight: 800;
}

.readiness-panel {
  border-color: rgba(7, 85, 237, 0.28);
}

.readiness-bar {
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef6;
  box-shadow: inset 0 0 0 1px rgba(20, 35, 55, 0.06);
}

.readiness-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0755ed, #0647c2);
  transition: width 0.25s ease;
}

.launch-checklist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.launch-check-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 148px;
  padding: 14px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #fff;
}

.launch-check-card.active,
.launch-check-card.passed {
  background: #e8f0ff;
  border-color: rgba(7, 85, 237, 0.32);
}

.launch-check-card.warning {
  background: #fff8e8;
  border-color: rgba(217, 119, 6, 0.28);
}

.launch-check-card.needs_data,
.launch-check-card.failed {
  background: #fff5f5;
  border-color: rgba(220, 38, 38, 0.24);
}

.launch-check-card strong {
  color: var(--ink);
}

.launch-check-card small {
  color: var(--muted);
  line-height: 1.45;
}

.launch-check-card .small-button {
  align-self: end;
  justify-self: start;
}

.critical-settings-panel .file-button input {
  display: none;
}

@media (max-width: 1180px) {
  .marketplace-compare-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .sidebar {
    padding: 18px 12px;
  }

  .brand {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .brand span:last-child,
  .nav p,
  .nav-item span,
  .portal-switcher span,
  .sidebar-card {
    display: none;
  }

  .portal-switcher {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .portal-switcher button {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 8px;
  }

  .nav-item {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .quick-strip,
  .dashboard-action-grid,
  .dashboard-process-list,
  .widget-grid,
  .module-card-grid,
  .login-choice-grid,
  .login-grid,
  .access-rules {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .login-page-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .registration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-ad-grid,
  .pro-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .billing-center-kpis,
  .billing-center-page .billing-subscription-grid,
  .purchase-page .dashboard-action-grid,
  .purchase-kpi-grid,
  .ads-performance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .integrations-hero {
    grid-template-columns: 1fr;
  }

  .integrations-hero-actions {
    justify-content: flex-start;
  }

  .integration-category-map,
  .integration-grid,
  .saft-section-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .integration-settings-layout,
  .integration-settings-checklist {
    grid-template-columns: 1fr;
  }

  .courier-key-form .wide-field {
    grid-column: auto;
  }

  .panel,
  .panel-wide {
    grid-column: span 6;
  }

  .architecture-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ads-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .admin-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sales-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sales-preview-grid {
    grid-template-columns: 1fr;
  }

  .purchase-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .finance-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .inventory-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .hr-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .crm-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .reports-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .automation-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ai-foundation-summary,
  .ai-mission-grid,
  .ai-provider-summary,
  .ai-provider-bottom-grid,
  .ai-core-tree,
  .ai-agent-orchestrator-summary,
  .ai-agent-orchestrator-grid,
  .ai-workflow-summary,
  .ai-workflow-engine-grid,
  .ai-workflow-monitor-grid,
  .ai-event-summary,
  .ai-event-bus-grid,
  .ai-event-monitor-grid,
  .ai-event-catalog-grid,
  .ai-decision-summary,
  .ai-decision-scenario-grid,
  .ai-decision-grid,
  .ai-decision-monitor-grid,
  .ai-knowledge-summary,
  .ai-knowledge-source-grid,
  .ai-knowledge-main-grid,
  .ai-knowledge-library-grid,
  .ai-knowledge-monitor-grid,
  .ai-knowledge-question-form,
  .ai-knowledge-document-form,
  .ai-interaction-summary,
  .ai-conversation-mode-grid,
  .ai-reasoning-grid,
  .ai-reasoning-metrics,
  .ai-reasoning-type-grid,
  .ai-task-mission-grid,
  .ai-task-mission-metrics,
  .ai-task-type-grid,
  .ai-mission-template-grid,
  .ai-task-boundary-list,
  .ai-notification-center-grid,
  .ai-notification-metrics,
  .ai-notification-type-grid,
  .ai-notification-channel-grid,
  .ai-notification-policy-grid,
  .ai-copilot-workspace-grid,
  .ai-copilot-hero-layout,
  .ai-copilot-metrics,
  .ai-copilot-panel-grid,
  .ai-copilot-action-grid,
  .ai-copilot-command-grid,
  .ai-copilot-support-grid,
  .ai-suggestion-engine-grid,
  .ai-suggestion-hero-layout,
  .ai-suggestion-metrics,
  .ai-suggestion-category-grid,
  .ai-suggestion-split-list,
  .ai-suggestion-optimization-grid,
  .ai-suggestion-policy-grid,
  .ai-explainability-framework-grid,
  .ai-explainability-hero-layout,
  .ai-explainability-metrics,
  .ai-explainability-trace-grid,
  .ai-explainability-evidence-grid,
  .ai-explainability-confidence,
  .ai-explainability-split-list,
  .ai-explainability-override-grid,
  .ai-enterprise-agent-grid,
  .ai-finance-agent-hero-layout,
  .ai-enterprise-roadmap-grid,
  .ai-finance-agent-metrics,
  .ai-finance-agent-tool-grid,
  .ai-finance-agent-split-list,
  .ai-interaction-grid,
  .ai-interaction-grid.compact,
  .ai-language-grid,
  .ai-localization-management-grid,
  .ai-localization-preview-grid,
  .ai-ai02-roadmap,
  .ai-conversation-form,
  .ai-tool-execution-summary,
  .ai-planning-summary,
  .ai-planning-grid,
  .ai-context-summary,
  .ai-context-inspector-grid,
  .ai-engine-columns {
    grid-template-columns: 1fr;
  }

  .ai-autonomy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-setup-row {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .company-setup-row-actions {
    grid-column: 2 / -1;
    justify-content: flex-start;
  }

  .report-card-grid {
    grid-template-columns: 1fr;
  }

  .company-address-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .document-settings-form > .panel,
  .document-settings-form > .panel-wide {
    grid-column: 1 / -1;
  }

  .template-choice-grid,
  .document-template-preview-grid,
  .document-ad-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-form-grid,
  .sales-form-grid.client,
  .sales-form-grid.client.address,
  .sales-line-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .communication-layout {
    grid-template-columns: 180px minmax(230px, 1fr) minmax(360px, 1.4fr);
  }

  .communication-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crm-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .communication-single-layout {
    grid-template-columns: 1fr;
  }

  .live-console-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .live-console-toolbar .primary-button {
    width: 100%;
  }

  .live-console-grid {
    grid-template-columns: 1fr;
  }

  .live-replica-shell {
    grid-template-columns: 1fr;
  }

  .live-operator-grid {
    grid-template-columns: 1fr;
  }

  .live-conversations-copy {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding-right: 0;
    padding-bottom: 18px;
  }

  .live-operator-top,
  .live-thread-copy-head {
    align-items: stretch;
    flex-direction: column;
  }

  .live-thread-copy-actions {
    justify-content: flex-start;
  }

  .crm-single-layout {
    grid-template-columns: 1fr;
  }

  .communication-assistant-section {
    grid-template-columns: 1fr;
  }

  .communication-settings-grid {
    grid-template-columns: 1fr;
  }

  .communication-entry-grid {
    grid-template-columns: 1fr;
  }

  .financial-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .conversation-side-panel {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-storefront-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-storefront-search-text {
    grid-column: 1 / -1;
  }

  .market-layout > .panel,
  .market-layout > .panel-wide,
  .ads-layout > .panel,
  .ads-layout > .panel-wide,
  .admin-layout > .panel,
  .admin-layout > .panel-wide,
  .sales-layout > .panel,
  .sales-layout > .panel-wide,
  .purchase-layout > .panel,
  .purchase-layout > .panel-wide,
  .finance-layout > .panel,
  .finance-layout > .panel-wide,
  .inventory-layout > .panel,
  .inventory-layout > .panel-wide,
  .hr-layout > .panel,
  .hr-layout > .panel-wide,
  .crm-layout > .panel,
  .crm-layout > .panel-wide,
  .reports-layout > .panel,
  .reports-layout > .panel-wide,
  .automation-layout > .panel,
  .automation-layout > .panel-wide,
  .market-search-panel,
  .ad-preview-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .wr-dev-topbar,
  .wr-dev-session {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .wr-dev-main {
    padding: 16px;
  }

  .wr-dev-grid,
  .wr-dev-chat-layout,
  .wr-dev-chat-header,
  .communication-control-grid,
  .wr-dev-template-filter {
    grid-template-columns: 1fr;
  }

  .wr-dev-conversation-panel {
    border-right: 0;
    border-bottom: 1px solid #d9e1e8;
    padding-right: 0;
    padding-bottom: 14px;
  }

  .wr-dev-operator-language {
    justify-content: flex-start;
  }

  .wr-dev-chat-actions,
  .wr-dev-operator-tools {
    justify-content: flex-start;
  }

  .wr-dev-template-row {
    grid-template-columns: 1fr;
  }

  .communication-setting-tile,
  .communication-control-head,
  .communication-detail-head {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .communication-control-head,
  .communication-detail-head {
    flex-direction: column;
  }

  .communication-setting-meta {
    justify-content: flex-start;
  }

  .app-shell {
    display: block;
  }

  .sidebar {
    position: static;
    height: auto;
    display: block;
  }

  .brand,
  .brand span:last-child {
    display: grid;
  }

  .portal-switcher {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 16px;
  }

  .portal-switcher button {
    grid-template-columns: 30px minmax(0, 1fr);
    justify-items: start;
  }

  .portal-switcher span {
    display: block;
  }

  .nav {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    margin-top: 16px;
  }

  .nav section {
    display: flex;
  }

  .nav-item {
    grid-template-columns: 22px auto;
  }

  .nav-item span {
    display: block;
  }

  .topbar,
  .page-head,
  .module-hero {
    grid-template-columns: 1fr;
  }

  .topbar-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .client-storefront-filter-grid {
    grid-template-columns: 1fr;
  }

  .profile-head-actions,
  .page-head-actions,
  .period-filter {
    justify-content: flex-start;
  }

  .period-custom-fields label {
    grid-template-columns: auto minmax(120px, 1fr);
  }

  .search-box,
  .client-company-filters,
  .company-picker,
  .language-picker {
    width: 100%;
    min-width: 0;
  }

  .client-company-filters {
    grid-template-columns: 1fr;
  }

  .page {
    padding: 18px;
  }

  .global-back-bar {
    padding: 0 18px;
  }

  .company-setup-row {
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
  }

  .company-setup-row-status,
  .company-setup-row-actions {
    grid-column: 2;
    justify-self: start;
  }

  .company-setup-row-actions {
    justify-content: flex-start;
  }

  .storage-checkout-data-row {
    grid-template-columns: 1fr;
  }

  .storage-checkout-data-row em {
    grid-column: auto;
  }

  .storage-checkout-data-row .small-button {
    justify-self: start;
  }

  .storage-checkout-row-actions {
    justify-content: flex-start;
  }

  .payment-method-config-grid {
    grid-template-columns: 1fr;
  }

  .account-ad-section {
    padding: 14px 18px 0;
  }

  .quick-strip,
  .dashboard-action-grid,
  .dashboard-process-list,
  .dashboard-health-grid,
  .account-ad-grid,
  .pro-plan-grid,
  .billing-center-page .billing-subscription-grid,
  .billing-center-kpis,
  .purchase-page .dashboard-action-grid,
  .purchase-kpi-grid,
  .kpi-grid,
  .widget-grid,
  .storage-checkout-layout,
  .storage-instructions-layout,
  .storage-checkout-method-selector,
  .ads-performance-grid,
  .module-card-grid,
  .architecture-flow,
    .market-layout,
    .sales-layout,
    .purchase-layout,
    .finance-layout,
    .inventory-layout,
    .hr-layout,
    .crm-layout,
    .reports-layout,
    .automation-layout,
    .ads-layout,
    .admin-layout,
    .communication-layout,
    .communication-assistant-section,
    .communication-hub-grid,
    .communication-single-layout,
    .live-console-toolbar,
    .live-console-grid,
    .live-replica-shell,
    .live-operator-grid,
    .live-template-copy > div,
    .crm-hub-grid,
    .crm-single-layout,
    .flow-columns,
    .store-capabilities,
    .ads-lifecycle,
    .company-profile-primary-grid,
    .company-profile-form,
    .company-profile-grid,
    .company-address-grid,
    .company-lookup-box,
    .company-fiscal-meta,
    .document-settings-form,
    .template-choice-grid,
    .document-template-preview-grid,
    .document-ad-preview-grid,
    .sales-form-grid,
    .sales-form-grid.client,
    .sales-form-grid.client.address,
    .sales-line-grid,
    .crm-form,
    .crm-form.single,
    .inventory-production-grid,
    .inventory-production-form,
    .communication-settings-grid,
    .communication-channel-form,
    .channel-toggles,
    .channel-methods,
    .whatsapp-connect-block,
    .whatsapp-platform-status,
    .whatsapp-official-notice,
    .saft-config-panel,
    .saft-settings-form,
    .saft-section-list,
    .fiscal-validator-form,
    .integration-controls,
    .integration-category-map,
    .integration-grid,
    .media-optimizer-tool.full,
    .media-rule-grid,
    .media-job-row,
    .marketplace-compare-summary,
  .login-grid,
  .login-choice-grid,
  .login-page-layout,
  .register-grid,
  .registration-grid,
  .form-grid,
  .access-rules,
  .access-matrix {
    grid-template-columns: 1fr;
  }

  .auth-code-card .compact-actions {
    grid-template-columns: 1fr;
  }

  .company-lookup-action {
    grid-template-columns: 1fr;
  }

  .ai-layer-grid,
  .ai-architecture-grid,
  .ai-provider-grid,
  .ai-agent-orchestrator-summary,
  .ai-agent-orchestrator-grid,
  .ai-workflow-summary,
  .ai-workflow-engine-grid,
  .ai-workflow-monitor-grid,
  .ai-workflow-template-grid,
  .ai-event-summary,
  .ai-event-bus-grid,
  .ai-event-monitor-grid,
  .ai-event-catalog-grid,
  .ai-decision-summary,
  .ai-decision-scenario-grid,
  .ai-decision-grid,
  .ai-decision-monitor-grid,
  .ai-knowledge-summary,
  .ai-knowledge-source-grid,
  .ai-knowledge-main-grid,
  .ai-knowledge-library-grid,
  .ai-knowledge-monitor-grid,
  .ai-knowledge-question-form,
  .ai-knowledge-document-form,
  .ai-interaction-summary,
  .ai-conversation-mode-grid,
  .ai-reasoning-grid,
  .ai-reasoning-metrics,
  .ai-reasoning-type-grid,
  .ai-task-mission-grid,
  .ai-task-mission-metrics,
  .ai-task-type-grid,
  .ai-mission-template-grid,
  .ai-task-boundary-list,
  .ai-notification-center-grid,
  .ai-notification-metrics,
  .ai-notification-type-grid,
  .ai-notification-channel-grid,
  .ai-notification-policy-grid,
  .ai-copilot-workspace-grid,
  .ai-copilot-hero-layout,
  .ai-copilot-metrics,
  .ai-copilot-panel-grid,
  .ai-copilot-action-grid,
  .ai-copilot-command-grid,
  .ai-copilot-support-grid,
  .ai-suggestion-engine-grid,
  .ai-suggestion-hero-layout,
  .ai-suggestion-metrics,
  .ai-suggestion-category-grid,
  .ai-suggestion-split-list,
  .ai-suggestion-optimization-grid,
  .ai-suggestion-policy-grid,
  .ai-explainability-framework-grid,
  .ai-explainability-hero-layout,
  .ai-explainability-metrics,
  .ai-explainability-trace-grid,
  .ai-explainability-evidence-grid,
  .ai-explainability-confidence,
  .ai-explainability-split-list,
  .ai-explainability-override-grid,
  .ai-enterprise-agent-grid,
  .ai-finance-agent-hero-layout,
  .ai-enterprise-roadmap-grid,
  .ai-finance-agent-metrics,
  .ai-finance-agent-tool-grid,
  .ai-finance-agent-split-list,
  .ai-interaction-grid,
  .ai-interaction-grid.compact,
  .ai-language-grid,
  .ai-localization-management-grid,
  .ai-localization-preview-grid,
  .ai-ai02-roadmap,
  .ai-conversation-form,
  .ai-phase-grid,
  .ai-task-grid,
  .ai-autonomy-grid {
    grid-template-columns: 1fr;
  }

  .ai-compact-list > div {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .ai-compact-list > div .status-badge {
    grid-column: 2;
    justify-self: start;
  }

  .ai-knowledge-answer-card,
  .ai-conversation-message,
  .ai-reference-list > div,
  .ai-conversation-timeline-list > div,
  .ai-streaming-list > div,
  .ai-rich-response-card,
  .ai-reasoning-list > div,
  .ai-mission-list > div,
  .ai-notification-list > div,
  .ai-notification-channel-grid > div,
  .ai-copilot-list > div,
  .ai-copilot-panel-grid > div,
  .ai-copilot-command-card,
  .ai-suggestion-main,
  .ai-suggestion-explain-list > div,
  .ai-suggestion-split-list article,
  .ai-explainability-source-list > div,
  .ai-explainability-split-list article,
  .ai-explainability-log-list > div,
  .ai-explainability-api-list > div,
  .ai-finance-agent-list > div,
  .ai-finance-agent-split-list article,
  .ai-finance-agent-tool-grid button,
  .ai-localization-profile-list > div,
  .ai-country-pack-list > div,
  .ai-localized-asset-list > div,
  .ai-knowledge-document-list > div,
  .ai-knowledge-sync-list > div {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .ai-knowledge-answer-card .ai-knowledge-feedback-actions,
  .ai-conversation-message .status-badge,
  .ai-rich-response-card .status-badge,
  .ai-reasoning-list .status-badge,
  .ai-mission-list .status-badge,
  .ai-notification-list .status-badge,
  .ai-notification-channel-grid .status-badge,
  .ai-copilot-list .status-badge,
  .ai-copilot-panel-grid .status-badge,
  .ai-copilot-command-card .small-button,
  .ai-suggestion-main .status-badge,
  .ai-explainability-source-list .status-badge,
  .ai-explainability-log-list .status-badge,
  .ai-explainability-api-list .status-badge,
  .ai-finance-agent-list .status-badge,
  .ai-finance-agent-list .small-button,
  .ai-localization-profile-list .status-badge,
  .ai-country-pack-list .status-badge,
  .ai-localized-asset-list .status-badge,
  .ai-knowledge-document-list .ai-knowledge-doc-actions,
  .ai-knowledge-sync-list .status-badge {
    grid-column: 2;
    justify-self: start;
  }

  .ai-suggestion-actions {
    padding-left: 0;
  }

  .ai-suggestion-actions button {
    flex: 1 1 160px;
  }

  .dashboard-page .dashboard-grid > .panel,
  .dashboard-page .dashboard-grid > .panel-wide,
  .dashboard-page .dashboard-grid > .dashboard-health-panel {
    grid-column: 1 / -1;
  }

  .billing-center-page .platform-billing-admin-summary .setup-row {
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
  }

  .billing-center-page .platform-billing-admin-summary .setup-row > .status-badge,
  .billing-center-page .platform-billing-admin-summary .setup-row > .small-button {
    grid-column: 2;
    justify-self: start;
  }

  .panel,
  .panel-wide {
    grid-column: 1 / -1;
  }

  .marketplace-card,
  .marketplace-card-footer,
  .marketplace-store-hero,
  .marketplace-detail-layout,
  .marketplace-detail-actions,
  .marketplace-public-empty-panel {
    grid-template-columns: 1fr;
  }

  .marketplace-card {
    flex-direction: column;
  }

  .marketplace-card-visual {
    width: 100%;
    min-width: 0;
    min-height: 122px;
    border-right: 0;
    border-bottom: 1px solid var(--soft-line);
  }

  .marketplace-card-footer,
  .marketplace-card-actions {
    align-items: stretch;
    justify-content: stretch;
  }

  .marketplace-card-actions > *,
  .marketplace-detail-actions > * {
    width: 100%;
  }

  .marketplace-store-card {
    grid-template-columns: 1fr;
  }

  .financial-stage-strip,
  .financial-summary-grid,
  .financial-assistant-footer,
  .financial-answer-head {
    grid-template-columns: 1fr;
  }

  .financial-answer-actions {
    justify-content: flex-start;
  }

  .crm-pipeline-board {
    grid-template-columns: repeat(6, minmax(220px, 1fr));
  }

  .crm-form .span-2,
  .crm-form .span-3 {
    grid-column: 1 / -1;
  }

  .crm-table-head,
  .crm-table-row {
    min-width: 760px;
  }

  .financial-insight {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .financial-insight .small-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .document-ad-preview-card.wide {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .sales-section-title,
  .sales-line-grid .wide {
    grid-column: auto;
  }

  .sales-section-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .sales-form-footer {
    grid-template-columns: 1fr;
  }

  .admin-form,
  .admin-form.compact {
    grid-template-columns: 1fr;
  }

  .inventory-form .primary-button {
    grid-column: 1 / -1;
  }

  .hr-form .primary-button {
    grid-column: 1 / -1;
  }

  .inventory-guard-modal {
    grid-template-columns: 1fr;
  }

  .communication-actions,
  .thread-status,
  .composer-actions {
    justify-content: flex-start;
  }

  .conversation-side-panel,
  .communication-create-form {
    grid-template-columns: 1fr;
  }

  .communication-create-form .message-field {
    grid-column: auto;
  }

  .conversation-thread-panel {
    min-height: auto;
  }

  .message-bubble {
    max-width: 100%;
  }

  .qr-preview,
.whatsapp-platform-status,
.whatsapp-official-notice {
  grid-template-columns: 1fr;
}
}

/* Final marketplace width override: keep assistant panels on the full available page width. */
.workspace > .marketplace-module-page,
.workspace > .company-marketplace-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.marketplace-module-page .marketplace-workspace,
.company-marketplace-page .marketplace-workspace,
.marketplace-ai-layout,
.company-marketplace-workspace {
  width: 100%;
  max-width: none;
  justify-self: stretch;
}

.company-marketplace-hero .profile-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: min(100%, 620px);
}

.company-marketplace-hero .profile-head-actions .small-button,
.company-marketplace-hero .profile-head-actions .primary-button,
.company-marketplace-hero .profile-head-actions .marketplace-public-link {
  min-height: 42px;
  white-space: normal;
  text-align: center;
}

.company-marketplace-hero .profile-head-actions .primary-button {
  min-width: 170px;
}

.market-layout > .marketplace-assistant-panel,
.marketplace-workspace > .marketplace-assistant-panel,
.marketplace-ai-layout > .marketplace-assistant-market-ai,
.company-marketplace-workspace > .marketplace-assistant-company-marketplace {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

.ai-operator-command-box {
  display: grid;
  gap: 14px;
}

.ai-operator-command-box textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
}

.ai-operator-suggestions,
.ai-operator-result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.ai-operator-suggestions .small-button {
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
}

.activity-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.activity-row {
  display: grid;
  grid-template-columns: minmax(150px, .6fr) minmax(90px, .25fr) 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.activity-row span {
  font-weight: 800;
  color: var(--ink);
}

.activity-row strong {
  color: var(--teal);
}

.compact-empty {
  min-height: 96px;
}

.communication-workspace-shell {
  display: grid;
  grid-template-columns: minmax(320px, .85fr) minmax(520px, 1.15fr);
  gap: 16px;
  align-items: start;
  margin: 18px 0;
}

.communication-workspace-panel {
  min-width: 0;
}

.communication-workspace-selectors {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto auto;
  gap: 12px;
  align-items: end;
}

.communication-workspace-selectors label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.communication-brand-identity {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-brand-identity > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: #fff;
  background: var(--teal);
}

.communication-brand-identity strong,
.communication-brand-identity small {
  display: block;
  min-width: 0;
}

.communication-brand-identity small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.communication-brand-channel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.communication-brand-channel-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.communication-brand-channel-card.is-connected {
  border-color: rgba(20, 184, 166, .65);
  box-shadow: 0 12px 28px rgba(20, 184, 166, .12);
}

.communication-channel-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.communication-identity-layout {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr);
  gap: 16px;
  align-items: start;
  margin: 18px 0;
}

.communication-identity-panel {
  min-width: 0;
}

.communication-identity-form,
.communication-channel-identity-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communication-identity-form .span-2,
.communication-channel-identity-form .span-2 {
  grid-column: 1 / -1;
}

.communication-identity-form label,
.communication-channel-identity-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.communication-channel-identity-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.communication-channel-identity-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.communication-identity-status.active {
  background: #d9fbe8;
  color: #047857;
}

.communication-identity-status.pending {
  background: #fff2cc;
  color: #92400e;
}

.communication-identity-status.danger {
  background: #ffe4e6;
  color: #be123c;
}

.identity-connection-distinction {
  display: grid;
  grid-template-columns: minmax(140px, .6fr) minmax(150px, .7fr) minmax(150px, .7fr) minmax(180px, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  padding: 12px;
  border: 1px dashed rgba(7, 85, 237, .45);
  border-radius: 8px;
  background: rgba(232, 240, 255, .72);
}

.identity-connection-distinction strong {
  color: var(--ink);
}

.identity-connection-distinction small {
  color: var(--teal);
  font-weight: 800;
}

.communication-connection-manager {
  margin: 18px 0;
}

.communication-connection-panel {
  min-width: 0;
}

.communication-provider-groups {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.communication-provider-group {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-provider-group-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.communication-provider-group-head > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #fff;
  background: var(--teal);
}

.communication-provider-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
}

.communication-provider-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.connection-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.connection-detail-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--muted);
  overflow-wrap: anywhere;
}

.connection-detail-grid b {
  color: var(--ink);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.communication-profile-shell {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}

.communication-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
  gap: 14px;
  align-items: start;
}

.communication-profile-list,
.communication-profile-connection-block,
.communication-profile-card,
.communication-profile-editor,
.communication-profile-form {
  min-width: 0;
}

.communication-profile-list {
  display: grid;
  gap: 12px;
}

.communication-profile-connection-block {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-profile-connection-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.communication-profile-connection-head strong,
.communication-profile-connection-head small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-profile-connection-head small {
  color: var(--muted);
}

.communication-profile-card-grid {
  display: grid;
  gap: 10px;
}

.communication-profile-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-profile-card.selected {
  border-color: rgba(7, 85, 237, .65);
  background: #e8f0ff;
  box-shadow: 0 10px 22px rgba(7, 85, 237, .08);
}

.communication-profile-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.communication-profile-card-head strong,
.communication-profile-card-head small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-profile-card-head small {
  margin-top: 3px;
  color: var(--muted);
}

.communication-profile-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.communication-profile-editor {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.communication-profile-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communication-profile-form label {
  display: grid;
  gap: 6px;
}

.communication-profile-form input,
.communication-profile-form select,
.communication-profile-form textarea {
  width: 100%;
}

.communication-account-shell {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}

.communication-account-toolbar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.communication-account-toolbar label,
.communication-account-card,
.communication-account-editor,
.communication-account-form {
  min-width: 0;
}

.communication-account-toolbar label {
  display: grid;
  gap: 6px;
}

.communication-account-toolbar select {
  width: 100%;
}

.communication-account-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
  gap: 14px;
  align-items: start;
}

.communication-account-list {
  display: grid;
  gap: 10px;
}

.communication-account-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #fff;
}

.communication-account-card.selected {
  border-color: rgba(7, 85, 237, .7);
  background: #e8f0ff;
  box-shadow: 0 10px 22px rgba(7, 85, 237, .08);
}

.communication-account-card-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.communication-account-card-head strong,
.communication-account-card-head small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-account-card-head small {
  margin-top: 3px;
  color: var(--muted);
}

.communication-account-editor {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.communication-account-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communication-account-form label {
  display: grid;
  gap: 6px;
}

.communication-account-form input,
.communication-account-form select {
  width: 100%;
}

.communication-account-flags {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-account-flags label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  color: var(--muted);
}

.communication-account-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.communication-account-summary span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: var(--surface-soft);
  overflow-wrap: anywhere;
}

.communication-account-history {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-account-history span {
  color: var(--muted);
  font-size: .9rem;
  overflow-wrap: anywhere;
}

.communication-group-shell {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}

.communication-group-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

.communication-group-toolbar label,
.communication-group-card,
.communication-group-editor,
.communication-group-form,
.communication-group-member-form {
  min-width: 0;
}

.communication-group-toolbar select {
  width: 100%;
}

.communication-group-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr);
  gap: 14px;
  align-items: start;
}

.communication-group-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.communication-group-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

.communication-group-card.selected {
  border-color: rgba(7, 85, 237, .65);
  background: #e8f0ff;
  box-shadow: 0 12px 28px rgba(7, 85, 237, .08);
}

.communication-group-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.communication-group-card-head strong,
.communication-group-card-head small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-group-card-head small {
  margin-top: 3px;
  color: var(--muted);
}

.communication-group-status.active {
  color: #047857;
  background: #dcfce7;
}

.communication-group-status.pending {
  color: #b45309;
  background: #fef3c7;
}

.communication-group-status.danger {
  color: #b91c1c;
  background: #fee2e2;
}

.communication-group-editor {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.communication-group-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communication-group-form label,
.communication-group-member-form label {
  display: grid;
  gap: 6px;
}

.communication-group-form input,
.communication-group-form select,
.communication-group-form textarea,
.communication-group-member-form select {
  width: 100%;
}

.communication-group-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.communication-group-summary span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--soft-line);
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--muted);
  font-weight: 800;
}

.communication-group-member-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.communication-group-member-grid {
  display: grid;
  gap: 10px;
}

.communication-group-member-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-group-member-row.warning {
  border-color: #fde68a;
  background: #fffbeb;
}

.communication-group-member-row strong,
.communication-group-member-row small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-group-member-row small {
  color: var(--muted);
}

.communication-provider-policy-shell {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}

.communication-provider-policy-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(260px, 360px) minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

.communication-provider-policy-toolbar label,
.communication-provider-policy-card,
.communication-provider-policy-editor,
.communication-provider-policy-form {
  min-width: 0;
}

.communication-provider-policy-toolbar select,
.communication-provider-policy-form input,
.communication-provider-policy-form select,
.communication-provider-policy-form textarea {
  width: 100%;
}

.provider-policy-notice {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px dashed rgba(245, 158, 11, .45);
  border-radius: 8px;
  background: #fffbeb;
  color: #92400e;
  font-weight: 800;
}

.communication-provider-policy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr);
  gap: 14px;
  align-items: start;
}

.communication-provider-policy-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.communication-provider-policy-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

.communication-provider-policy-card.selected {
  border-color: rgba(7, 85, 237, .65);
  background: #e8f0ff;
  box-shadow: 0 12px 28px rgba(7, 85, 237, .08);
}

.communication-provider-policy-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.communication-provider-policy-card-head strong,
.communication-provider-policy-card-head small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-provider-policy-card-head small {
  margin-top: 3px;
  color: var(--muted);
}

.communication-provider-policy-editor {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.provider-policy-evaluation {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
  color: #92400e;
  font-weight: 800;
}

.provider-policy-evaluation span {
  display: inline-flex;
  gap: 8px;
  align-items: flex-start;
}

.communication-provider-policy-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communication-provider-policy-form label {
  display: grid;
  gap: 6px;
}

.communication-rate-limit-shell,
.communication-quota-shell,
.communication-pacing-shell,
.communication-scheduler-shell,
.communication-delivery-execution-shell {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}

.communication-rate-limit-toolbar,
.communication-quota-toolbar,
.communication-pacing-toolbar {
  display: grid;
  grid-template-columns: minmax(190px, 260px) minmax(240px, 320px) minmax(130px, 160px) minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

.communication-rate-limit-toolbar label,
.communication-pacing-toolbar label,
.communication-rate-limit-card,
.communication-rate-limit-editor,
.communication-rate-limit-form,
.communication-quota-card,
.communication-quota-editor,
.communication-quota-form {
  min-width: 0;
}

.communication-rate-limit-toolbar input,
.communication-rate-limit-toolbar select,
.communication-pacing-toolbar input,
.communication-pacing-toolbar select,
.communication-rate-limit-form input,
.communication-rate-limit-form select,
.communication-quota-form input,
.communication-quota-form select {
  width: 100%;
}

.communication-rate-limit-layout,
.communication-quota-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr);
  gap: 14px;
  align-items: start;
}

.communication-rate-limit-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.communication-rate-limit-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

.communication-rate-limit-card.selected,
.communication-quota-card.selected {
  border-color: rgba(7, 85, 237, .65);
  background: #e8f0ff;
}

.communication-rate-limit-card.virtual,
.communication-quota-card.virtual {
  background: #f8fafc;
}

.communication-rate-limit-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.communication-rate-limit-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0755ed, #0647c2);
}

.communication-quota-meter span {
  background: linear-gradient(90deg, #0ea5e9, #0755ed);
}

.communication-quota-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.communication-quota-summary span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(7, 85, 237, .22);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fafc);
  color: var(--muted);
  font-weight: 800;
}

.communication-quota-summary b {
  color: var(--ink);
  font-size: 1.25rem;
}

.communication-pacing-toolbar {
  grid-template-columns: minmax(160px, 210px) minmax(220px, 280px) minmax(110px, 140px) minmax(130px, 160px) minmax(190px, 230px) auto;
}

.communication-pacing-current {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.communication-pacing-current article,
.communication-pacing-explain > div {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fafc);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

.communication-pacing-current strong {
  color: var(--ink);
  font-size: 1.1rem;
}

.communication-pacing-current small,
.communication-pacing-explain p,
.communication-pacing-explain small {
  color: var(--muted);
  font-weight: 700;
}

.communication-pacing-explain {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 12px;
  align-items: start;
}

.communication-pacing-constraints {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.communication-pacing-constraints span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(7, 85, 237, .2);
  border-radius: 8px;
  background: #e8f0ff;
  overflow-wrap: anywhere;
}

.communication-pacing-constraints b {
  color: var(--ink);
}

.communication-pacing-constraints small {
  color: #0647c2;
}

.communication-pacing-constraints em {
  color: var(--muted);
  font-style: normal;
  font-weight: 700;
}

.communication-pacing-warning {
  align-items: center;
}

.communication-scheduler-metrics,
.communication-delivery-execution-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.communication-scheduler-metrics article,
.communication-delivery-execution-metrics article,
.communication-scheduler-detail,
.communication-delivery-execution-detail {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fafc);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
}

.communication-scheduler-metrics span,
.communication-delivery-execution-metrics span {
  color: var(--muted);
  font-weight: 800;
}

.communication-scheduler-metrics strong,
.communication-delivery-execution-metrics strong {
  color: var(--ink);
  font-size: 1.35rem;
}

.communication-delivery-execution-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.communication-scheduler-toolbar,
.communication-delivery-execution-toolbar {
  display: grid;
  grid-template-columns: minmax(160px, 210px) minmax(150px, 190px) minmax(220px, 1fr) minmax(210px, 250px) auto;
  gap: 12px;
  align-items: end;
}

.communication-delivery-execution-toolbar {
  grid-template-columns: minmax(180px, 240px) minmax(260px, 1fr);
}

.communication-scheduler-toolbar label,
.communication-delivery-execution-toolbar label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.communication-scheduler-toolbar input,
.communication-scheduler-toolbar select,
.communication-delivery-execution-toolbar input,
.communication-delivery-execution-toolbar select {
  width: 100%;
}

.communication-scheduler-layout,
.communication-delivery-execution-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(340px, .55fr);
  gap: 14px;
  align-items: start;
}

.communication-scheduler-table,
.communication-delivery-execution-table {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.communication-scheduler-row,
.communication-delivery-execution-row {
  display: grid;
  grid-template-columns: minmax(120px, .8fr) minmax(180px, 1fr) minmax(150px, .8fr) minmax(90px, .45fr) minmax(80px, .4fr) minmax(360px, 1.25fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-delivery-execution-row {
  grid-template-columns: minmax(120px, .75fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(105px, .55fr) minmax(210px, .85fr);
}

.communication-scheduler-row.head,
.communication-delivery-execution-row.head {
  background: #142033;
  color: #fff;
  font-weight: 900;
}

.communication-scheduler-row.selected,
.communication-delivery-execution-row.selected {
  border-color: rgba(7, 85, 237, .65);
  background: #e8f0ff;
}

.communication-scheduler-row span,
.communication-delivery-execution-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.communication-scheduler-row small,
.communication-delivery-execution-row small {
  display: block;
  color: var(--muted);
  font-weight: 800;
}

.scheduler-status {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  color: #475569;
  background: #eef2f7;
}

.scheduler-status.success {
  color: #047857;
  background: #d1fae5;
}

.scheduler-status.warning {
  color: #92400e;
  background: #fef3c7;
}

.scheduler-status.danger {
  color: #b91c1c;
  background: #fee2e2;
}

.communication-scheduler-detail h4,
.communication-delivery-execution-detail h4 {
  margin: 0;
  color: var(--ink);
}

.communication-delivery-execution-audit {
  display: grid;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--soft-line);
}

.communication-delivery-execution-audit > span {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
  font-weight: 800;
}

.communication-delivery-execution-audit b {
  color: var(--ink);
}

.communication-delivery-execution-audit small {
  color: var(--muted);
}

.communication-rate-limit-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.communication-rate-limit-facts span {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.communication-rate-limit-facts strong {
  color: var(--ink);
}

.communication-quota-card .communication-rate-limit-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.communication-quota-card .communication-rate-limit-facts span {
  min-height: 56px;
}

.communication-rate-limit-editor,
.communication-quota-editor {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.communication-rate-limit-form,
.communication-quota-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.communication-rate-limit-form label,
.communication-quota-form label {
  display: grid;
  gap: 6px;
}

.communication-rate-limit-reservations,
.communication-quota-reservations {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, .3);
  border-radius: 8px;
  background: #e8f0ff;
}

.communication-rate-limit-reservations span,
.communication-quota-reservations span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
  border: 1px solid rgba(7, 85, 237, .25);
  border-radius: 8px;
  background: #fff;
  font-weight: 800;
}

@media (max-width: 1100px) {
  .communication-profile-layout,
  .communication-account-layout,
  .communication-group-layout,
  .communication-provider-policy-layout,
  .communication-rate-limit-layout,
  .communication-quota-layout,
  .communication-scheduler-layout,
  .communication-delivery-execution-layout {
    grid-template-columns: 1fr;
  }

  .communication-pacing-explain {
    grid-template-columns: 1fr;
  }

  .communication-pacing-current {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .communication-scheduler-metrics,
  .communication-delivery-execution-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .communication-scheduler-row,
  .communication-delivery-execution-row {
    grid-template-columns: 1fr 1fr;
  }

  .communication-scheduler-row.head,
  .communication-delivery-execution-row.head {
    display: none;
  }

  .communication-profile-editor,
  .communication-account-editor,
  .communication-group-editor,
  .communication-provider-policy-editor,
  .communication-rate-limit-editor,
  .communication-quota-editor {
    position: static;
  }
}

@media (max-width: 760px) {
  .communication-group-toolbar,
  .communication-account-toolbar,
  .communication-provider-policy-toolbar,
  .communication-rate-limit-toolbar,
  .communication-quota-toolbar,
  .communication-pacing-toolbar,
  .communication-scheduler-toolbar,
  .communication-delivery-execution-toolbar,
  .communication-group-form,
  .communication-account-form,
  .communication-provider-policy-form,
  .communication-rate-limit-form,
  .communication-quota-form,
  .communication-group-member-form,
  .communication-group-member-row,
  .communication-account-summary,
  .communication-account-flags {
    grid-template-columns: 1fr;
  }

  .communication-rate-limit-facts,
  .communication-quota-summary,
  .communication-pacing-current,
  .communication-pacing-constraints,
  .communication-scheduler-metrics,
  .communication-delivery-execution-metrics,
  .communication-scheduler-row,
  .communication-delivery-execution-row {
    grid-template-columns: 1fr;
  }
}

.communication-routing-panel {
  margin: 18px 0;
}

.communication-routing-shell {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.communication-routing-brand-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.communication-routing-brand-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .04);
}

.communication-routing-brand-card.is-active {
  border-color: rgba(7, 85, 237, .55);
  background: linear-gradient(180deg, rgba(232, 240, 255, .9), #fff);
}

.communication-routing-brand-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
}

.communication-routing-brand-head div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.communication-routing-brand-head strong,
.communication-routing-definition dd,
.communication-routing-rule strong,
.communication-routing-rule small {
  overflow-wrap: anywhere;
}

.communication-routing-brand-head small,
.communication-routing-definition dt {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 850;
}

.communication-routing-definition {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.communication-routing-definition div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-routing-definition dt,
.communication-routing-definition dd {
  margin: 0;
}

.communication-routing-definition dd {
  color: var(--ink);
  font-weight: 900;
}

.communication-routing-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.communication-routing-rule {
  display: inline-grid;
  gap: 2px;
  min-width: min(100%, 190px);
  padding: 9px 10px;
  border: 1px solid rgba(7, 85, 237, .25);
  border-radius: 8px;
  background: #e8f0ff;
}

.communication-routing-rule small {
  color: var(--muted);
  font-weight: 800;
}

.communication-routing-rule.muted {
  border-color: var(--line);
  background: var(--surface-soft);
}

.communication-template-panel {
  margin: 18px 0;
}

.communication-template-shell {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.communication-template-toolbar {
  align-items: center;
}

.communication-template-context {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.communication-template-context span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.communication-template-context b {
  color: var(--ink);
  font-size: .78rem;
  text-transform: uppercase;
}

.communication-template-table {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.communication-template-row {
  display: grid;
  grid-template-columns: var(--cols);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-template-row.is-header {
  background: var(--ink);
  color: #fff;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.communication-template-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.communication-template-row strong,
.communication-template-row small {
  display: block;
}

.communication-template-row small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.communication-template-row.is-header small,
.communication-template-row.is-header strong {
  color: inherit;
}

.communication-template-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.communication-template-actions .small-button {
  min-height: 34px;
  padding: 7px 10px;
}

.communication-template-empty {
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 28px;
  border: 1px dashed rgba(7, 85, 237, .4);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(232, 240, 255, .8), #fff);
  text-align: center;
}

.communication-template-empty svg {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 8px;
  background: var(--brand);
  color: #fff;
}

.communication-template-preview,
.communication-template-history {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, .28);
  border-radius: 8px;
  background: #e8f0ff;
}

.communication-template-preview b,
.communication-template-preview p {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(7, 85, 237, .22);
  border-radius: 8px;
  background: #fff;
  overflow-wrap: anywhere;
}

.communication-template-history span {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) minmax(120px, .45fr);
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(7, 85, 237, .22);
  border-radius: 8px;
  background: #fff;
}

.communication-template-history small,
.communication-template-history em {
  color: var(--muted);
  font-weight: 800;
  font-style: normal;
  overflow-wrap: anywhere;
}

.communication-automation-panel {
  margin: 18px 0;
}

.communication-automation-shell {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.communication-automation-toolbar {
  align-items: center;
}

.communication-automation-context {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.communication-automation-context span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.communication-automation-context b {
  color: var(--ink);
  font-size: .78rem;
  text-transform: uppercase;
}

.communication-automation-table {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.communication-automation-row {
  display: grid;
  grid-template-columns: var(--cols);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-automation-row.is-header {
  background: var(--ink);
  color: #fff;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.communication-automation-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.communication-automation-row strong,
.communication-automation-row small {
  display: block;
}

.communication-automation-row small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.communication-automation-row.is-header small,
.communication-automation-row.is-header strong {
  color: inherit;
}

.communication-automation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.communication-automation-actions .small-button {
  min-height: 34px;
  padding: 7px 10px;
}

.communication-automation-empty {
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 28px;
  border: 1px dashed rgba(7, 85, 237, .4);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(232, 240, 255, .8), #fff);
  text-align: center;
}

.communication-automation-empty svg {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 8px;
  background: var(--brand);
  color: #fff;
}

.communication-automation-history {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, .28);
  border-radius: 8px;
  background: #e8f0ff;
}

.communication-automation-history span {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) minmax(120px, .45fr);
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(7, 85, 237, .22);
  border-radius: 8px;
  background: #fff;
}

.communication-automation-history small,
.communication-automation-history em {
  color: var(--muted);
  font-weight: 800;
  font-style: normal;
  overflow-wrap: anywhere;
}

.communication-campaign-layout {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(420px, 1.35fr);
  gap: 16px;
  align-items: start;
}

.communication-campaign-list,
.communication-campaign-detail {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.communication-campaign-table {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.communication-campaign-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.communication-campaign-row.is-active {
  border-color: rgba(7, 85, 237, .45);
  background: #e8f0ff;
}

.communication-campaign-row span:first-child {
  min-width: 0;
}

.communication-campaign-row strong,
.communication-campaign-row small {
  display: block;
  overflow-wrap: anywhere;
}

.communication-campaign-row small {
  color: var(--muted);
  font-weight: 800;
}

.communication-campaign-readiness {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.communication-campaign-readiness-card {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-campaign-readiness-card small,
.communication-campaign-readiness-card span {
  color: var(--muted);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.communication-campaign-readiness-card strong {
  font-size: 1.08rem;
  overflow-wrap: anywhere;
}

.communication-campaign-actions {
  flex-wrap: wrap;
}

.communication-campaign-audit {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, .25);
  border-radius: 8px;
  background: #e8f0ff;
}

.communication-campaign-audit span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(7, 85, 237, .2);
  border-radius: 8px;
  background: #fff;
  font-weight: 900;
}

.communication-campaign-audit small {
  color: var(--muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.communication-bulk-message-table {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-bulk-message-row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(100px, .7fr) minmax(120px, .8fr) minmax(120px, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
  font-weight: 850;
}

.communication-bulk-message-row.is-header {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}

.communication-bulk-message-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.communication-email-workspace {
  margin: 18px 0;
}

.communication-email-panel {
  display: grid;
  gap: 16px;
}

.communication-email-provider-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.communication-email-provider-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-email-provider-card div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.communication-email-provider-card span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.communication-email-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  align-items: start;
}

.communication-email-sidebar,
.communication-email-compose {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-email-sidebar button {
  justify-content: flex-start;
  width: 100%;
}

.communication-email-sidebar button.is-active {
  color: #fff;
  background: var(--teal);
}

.communication-email-account {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-email-account span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.communication-email-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.communication-email-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.communication-email-list {
  display: grid;
  gap: 8px;
}

.communication-email-row {
  display: grid;
  grid-template-columns: minmax(120px, .9fr) minmax(180px, 1.4fr) minmax(90px, .6fr) minmax(110px, .6fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-email-row > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.communication-email-row small,
.communication-email-row time {
  color: var(--muted);
  font-weight: 700;
}

.communication-email-compose form {
  display: grid;
  gap: 10px;
}

.communication-whatsapp-workspace {
  margin: 18px 0;
}

.communication-whatsapp-panel {
  display: grid;
  gap: 16px;
}

.communication-whatsapp-provider-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.communication-whatsapp-provider-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-whatsapp-provider-card div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.communication-whatsapp-provider-card span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.communication-whatsapp-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  align-items: start;
}

.communication-whatsapp-sidebar,
.communication-whatsapp-compose {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-whatsapp-conversation-list {
  display: grid;
  gap: 8px;
}

.communication-whatsapp-conversation-list button {
  display: grid;
  gap: 4px;
  justify-items: start;
  width: 100%;
  padding: 10px;
  color: var(--ink);
  background: #fff;
}

.communication-whatsapp-conversation-list button.is-active {
  color: #fff;
  background: #0f9f96;
}

.communication-whatsapp-conversation-list small,
.communication-whatsapp-conversation-list span {
  color: inherit;
  opacity: .78;
}

.communication-whatsapp-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.communication-whatsapp-message-list {
  display: grid;
  gap: 10px;
}

.communication-whatsapp-message-row {
  display: grid;
  gap: 8px;
  max-width: min(680px, 100%);
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-whatsapp-message-row.is-outbound {
  justify-self: end;
  border-color: rgba(20, 162, 151, .35);
  background: #edfdfb;
}

.communication-whatsapp-message-row > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.communication-whatsapp-message-row p {
  margin: 0;
  overflow-wrap: anywhere;
}

.communication-whatsapp-message-row small,
.communication-whatsapp-message-row time {
  color: var(--muted);
  font-weight: 700;
}

.communication-whatsapp-compose form,
.communication-whatsapp-template-list {
  display: grid;
  gap: 10px;
}

.communication-whatsapp-template-list {
  padding: 10px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-inbox-workspace {
  margin: 18px 0;
}

.communication-inbox-panel {
  display: grid;
  gap: 16px;
}

.communication-inbox-head,
.communication-inbox-toolbar,
.communication-inbox-list-head,
.communication-inbox-thread-head,
.communication-inbox-thread-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.communication-inbox-head h3,
.communication-inbox-head p,
.communication-inbox-list-head h4,
.communication-inbox-thread-head h4,
.communication-inbox-thread-head p {
  margin: 0;
}

.communication-inbox-mode {
  display: flex;
  gap: 8px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-inbox-mode button {
  min-height: 40px;
  background: #fff;
}

.communication-inbox-mode button.active {
  color: #fff;
  background: var(--teal);
}

.communication-inbox-toolbar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(280px, 1.4fr) minmax(160px, .7fr) minmax(160px, .7fr);
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-inbox-toolbar label,
.communication-inbox-toolbar form {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.communication-inbox-toolbar form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.communication-inbox-toolbar form label {
  min-width: 0;
}

.communication-inbox-toolbar input,
.communication-inbox-toolbar select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-search-panel {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, .24);
  border-radius: 8px;
  background: #f3f7fd;
}

.communication-search-head,
.communication-search-form,
.communication-search-result {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.communication-search-head h4,
.communication-search-head p {
  margin: 0;
}

.communication-search-form {
  align-items: end;
}

.communication-search-query {
  flex: 1 1 320px;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.communication-search-form input,
.communication-search-filters select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-search-filters {
  display: grid;
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  gap: 10px;
}

.communication-search-filters label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.communication-search-results {
  display: grid;
  gap: 8px;
}

.communication-search-result {
  width: 100%;
  padding: 10px 12px;
  color: var(--ink);
  text-align: left;
  border-color: rgba(7, 85, 237, .18);
  background: #fff;
}

.communication-search-result:hover {
  border-color: rgba(7, 85, 237, .48);
  background: #e8f0ff;
}

.communication-search-result > div {
  flex: 1 1 auto;
  display: grid;
  gap: 3px;
  min-width: 0;
}

.communication-search-result strong,
.communication-search-result small,
.communication-search-result em {
  overflow-wrap: anywhere;
}

.communication-search-result small,
.communication-search-result em {
  color: var(--muted);
  font-style: normal;
  font-weight: 800;
}

.communication-search-result aside {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  max-width: 280px;
}

.communication-search-result aside span,
.communication-search-type {
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--teal-dark);
  font-size: .82rem;
  font-weight: 900;
  background: #dbe5f5;
}

.communication-search-type {
  flex: 0 0 auto;
  min-width: 104px;
  text-align: center;
}

.communication-cases-panel {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, .2);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fd 100%);
}

.communication-case-list {
  display: grid;
  gap: 8px;
}

.communication-case-row {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  color: var(--ink);
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-case-row:hover {
  border-color: rgba(7, 85, 237, .45);
  background: #e8f0ff;
}

.communication-case-row > div {
  flex: 1 1 auto;
  display: grid;
  gap: 3px;
  min-width: 0;
}

.communication-case-row strong,
.communication-case-row small,
.communication-case-row em {
  overflow-wrap: anywhere;
}

.communication-case-row small,
.communication-case-row em {
  color: var(--muted);
  font-style: normal;
  font-weight: 800;
}

.communication-case-row aside {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  max-width: 260px;
}

.communication-case-row aside span,
.communication-case-badge {
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--teal-dark);
  font-size: .8rem;
  font-weight: 900;
  background: #dbe5f5;
}

.communication-case-badge {
  display: inline-flex;
  width: fit-content;
}

.communication-sla-badge {
  display: inline-flex;
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--teal-dark);
  font-size: .78rem;
  font-weight: 900;
  background: #eaf7ff;
}

.communication-sla-badge.warning {
  color: #875800;
  background: #fff2c2;
}

.communication-sla-badge.breached {
  color: #a11818;
  background: #ffe3e3;
}

.communication-sla-badge.paused {
  color: #35435f;
  background: #e9eef8;
}

.communication-sla-badge.completed {
  color: #0c6b45;
  background: #daf8e9;
}

.communication-inbox-grid {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(320px, .95fr) minmax(420px, 1.25fr);
  gap: 14px;
  align-items: start;
}

.communication-inbox-rail,
.communication-inbox-list,
.communication-inbox-detail {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-inbox-rail > div:first-child {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-inbox-rail > div:first-child span {
  color: var(--muted);
  font-weight: 800;
}

.communication-inbox-rail button {
  justify-content: flex-start;
  width: 100%;
}

.communication-inbox-rail button b {
  margin-left: auto;
}

.communication-inbox-rail button.active {
  color: #fff;
  background: var(--teal);
}

.communication-inbox-conversation-stack,
.communication-inbox-message-feed {
  display: grid;
  gap: 10px;
}

.communication-inbox-conversation {
  display: grid;
  gap: 7px;
  justify-items: stretch;
  width: 100%;
  padding: 12px;
  color: var(--ink);
  text-align: left;
  background: #fff;
}

.communication-inbox-conversation.active {
  border-color: rgba(7, 85, 237, .5);
  background: #e8f0ff;
}

.communication-inbox-conversation > span {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.communication-inbox-conversation strong,
.communication-inbox-conversation small,
.communication-inbox-conversation time {
  overflow-wrap: anywhere;
}

.communication-inbox-conversation em {
  padding: 3px 8px;
  border-radius: 999px;
  color: var(--teal-dark);
  font-style: normal;
  font-weight: 900;
  background: #dbe5f5;
}

.communication-inbox-conversation .unread-count {
  min-width: 28px;
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: var(--teal);
}

.communication-inbox-thread-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.communication-inbox-thread-actions button {
  min-height: 38px;
}

.communication-inbox-message {
  display: grid;
  gap: 8px;
  max-width: min(760px, 100%);
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-inbox-message.is-outbound {
  justify-self: end;
  border-color: rgba(7, 85, 237, .35);
  background: #e8f0ff;
}

.communication-inbox-message > div {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.communication-inbox-message p {
  margin: 0;
  overflow-wrap: anywhere;
}

.communication-inbox-message span,
.communication-inbox-message time,
.communication-inbox-message small {
  color: var(--muted);
  font-weight: 800;
}

.communication-inbox-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.communication-inbox-context {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-inbox-context span,
.communication-inbox-context small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.communication-conversation-header-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.communication-conversation-header-grid span,
.communication-conversation-side section,
.communication-conversation-bottom {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.communication-conversation-header-grid span {
  display: grid;
  gap: 3px;
  color: var(--muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.communication-conversation-header-grid b,
.communication-conversation-side strong {
  color: var(--ink);
}

.communication-conversation-body {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr);
  gap: 12px;
  align-items: start;
}

.communication-conversation-side {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.communication-conversation-side section {
  display: grid;
  gap: 7px;
}

.communication-conversation-side span,
.communication-conversation-side small {
  color: var(--muted);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.communication-conversation-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.communication-conversation-pills span {
  padding: 4px 8px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #dbe5f5;
}

.communication-conversation-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.communication-attachment-section {
  display: grid;
  gap: 10px;
}

.communication-attachment-head,
.communication-attachment-card > div:first-child,
.communication-attachment-statuses,
.communication-attachment-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.communication-attachment-head {
  justify-content: space-between;
}

.communication-attachment-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.communication-attachment-card,
.communication-attachment-empty {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-attachment-card b,
.communication-attachment-card small,
.communication-attachment-empty {
  overflow-wrap: anywhere;
}

.attachment-file-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  color: #fff;
  background: var(--teal);
}

.communication-attachment-card > div:first-child > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.communication-attachment-statuses,
.communication-attachment-actions {
  flex-wrap: wrap;
}

.communication-attachment-actions button {
  min-height: 34px;
  padding: 0 11px;
}

.communication-attachment-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 900;
  background: var(--surface-soft);
  color: var(--muted);
}

.communication-attachment-pill.is-ok {
  color: var(--fb-success);
  background: #dcfce7;
}

.communication-attachment-pill.is-danger {
  color: #991b1b;
  background: #fee2e2;
}

.communication-attachment-pill.is-muted {
  color: #475569;
  background: #e5e7eb;
}

.communication-attachment-pill.is-pending {
  color: #92400e;
  background: #fef3c7;
}

.professional-payment-form {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.professional-payment-form .full {
  grid-column: 1 / -1;
}

.payment-config-row.warning {
  border-color: #fecaca;
  background: #fff7f7;
}

.payment-method-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.payment-method-card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px 12px;
  min-height: 72px;
  padding: 14px;
  text-align: left;
  border: 1px solid #dbe7f3;
  border-radius: 8px;
  background: #fff;
}

.payment-method-card svg {
  grid-row: span 2;
}

.payment-method-card small,
.payment-method-card span {
  color: #64748b;
}

.payment-method-card.warning {
  border-color: #fecaca;
  background: #fff7f7;
}

.checkout-layout {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 16px;
}

.storage-meter {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
}

.storage-meter-bar {
  height: 12px;
  overflow: hidden;
  border: 1px solid #cfe4f6;
  border-radius: 999px;
  background: #edf7ff;
}

.storage-meter-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0755ed, #1779e8);
}

.automation-run-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e4edf6;
  border-radius: 8px;
  background: #fff;
}

.automation-run-item.failed {
  border-color: #fecaca;
  background: #fff7f7;
}

@media (max-width: 760px) {
  .communication-workspace-shell,
  .communication-workspace-selectors,
  .communication-brand-identity,
  .communication-identity-layout,
  .communication-identity-form,
  .communication-channel-identity-form,
  .identity-connection-distinction,
  .connection-detail-grid,
  .communication-routing-definition,
  .communication-template-context,
  .communication-template-row,
  .communication-template-history span,
  .communication-automation-context,
  .communication-automation-row,
  .communication-automation-history span,
  .communication-campaign-layout,
  .communication-campaign-row,
  .communication-campaign-readiness,
  .communication-bulk-message-row,
  .communication-email-provider-strip,
  .communication-email-layout,
  .communication-email-search,
  .communication-email-row,
  .communication-whatsapp-provider-card,
  .communication-whatsapp-layout,
  .communication-inbox-toolbar,
  .communication-search-filters,
  .communication-inbox-grid,
  .communication-conversation-header-grid,
  .communication-conversation-body {
    grid-template-columns: 1fr;
  }

  .communication-inbox-head,
  .communication-inbox-list-head,
  .communication-inbox-thread-head,
  .communication-search-head,
  .communication-search-form,
  .communication-search-result {
    align-items: stretch;
    flex-direction: column;
  }

  .communication-search-type,
  .communication-search-result aside {
    max-width: none;
    width: 100%;
    justify-content: flex-start;
  }

  .communication-inbox-toolbar form {
    grid-template-columns: 1fr;
  }

  .communication-brand-identity > span:first-child {
    width: 40px;
    height: 40px;
  }

  .activity-row {
    grid-template-columns: 1fr;
  }

  .checkout-layout {
    grid-template-columns: 1fr;
  }
}
/* Marketplace delivery timeline */
.marketplace-transaction-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.marketplace-transaction-timeline span {
  display: inline-flex;
  min-width: 92px;
  flex-direction: column;
  gap: 2px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 6px 8px;
  background: #f8fbff;
}

.marketplace-transaction-timeline strong {
  color: var(--ink);
  font-size: 11px;
  line-height: 1.2;
}

.marketplace-transaction-timeline small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.2;
}

.marketplace-transaction-timeline-panel {
  grid-column: 1 / -1;
}

.marketplace-transaction-order-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 16px;
}

.marketplace-transaction-order-strip .small-button.active {
  background: var(--teal);
  border-color: var(--teal);
  color: #fff;
}

.marketplace-transaction-progress {
  display: grid;
  grid-template-columns: repeat(7, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 18px;
}

.marketplace-transaction-progress span {
  position: relative;
  min-height: 94px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  box-shadow: var(--shadow);
}

.marketplace-transaction-progress span::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-bottom: 10px;
  background: var(--soft-line);
}

.marketplace-transaction-progress span.completed {
  border-color: rgba(21, 128, 61, 0.34);
  background: #dcfce7;
}

.marketplace-transaction-progress span.completed::before {
  background: var(--fb-success-emphasis);
}

.marketplace-transaction-progress span.current {
  border-color: #f6c35f;
  background: #fff9ec;
}

.marketplace-transaction-progress span.current::before {
  background: #f5a524;
}

.marketplace-transaction-progress span.exception {
  border-color: #f2b4b4;
  background: #fff6f6;
}

.marketplace-transaction-progress span.exception::before {
  background: #ef4444;
}

.marketplace-transaction-progress strong,
.marketplace-transaction-progress small {
  display: block;
}

.marketplace-transaction-progress strong {
  color: var(--ink);
  line-height: 1.25;
}

.marketplace-transaction-progress small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.25;
}

@media (max-width: 1100px) {
  .marketplace-transaction-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .marketplace-transaction-progress {
    grid-template-columns: 1fr;
  }
}

/* Marketplace trust score */
.marketplace-trust-panel {
  grid-column: 1 / -1;
}

.marketplace-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 999px;
  padding: 6px 10px;
  background: #e8f0ff;
  color: var(--teal-dark);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-trust-badge small {
  color: inherit;
  font-size: 11px;
  font-weight: 800;
  opacity: 0.78;
}

.marketplace-trust-badge.excellent,
.marketplace-trust-badge.trusted {
  border-color: rgba(22, 101, 52, 0.32);
  background: #dcfce7;
  color: #166534;
}

.marketplace-trust-badge.stable {
  border-color: rgba(59, 130, 246, 0.28);
  background: #eff6ff;
  color: #1d4ed8;
}

.marketplace-trust-badge.growing,
.marketplace-trust-badge.new {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
  color: #a15c07;
}

.marketplace-trust-badge.attention {
  border-color: rgba(239, 68, 68, 0.3);
  background: #fff1f2;
  color: #b91c1c;
}

.marketplace-trust-layout {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 14px;
  margin: 14px 0;
}

.marketplace-trust-score-card {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, #e8f0ff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-trust-score-card strong {
  display: block;
  color: var(--ink);
  font-size: 42px;
  line-height: 1;
}

.marketplace-trust-score-card span,
.marketplace-trust-score-card small {
  display: block;
  margin-top: 6px;
}

.marketplace-trust-score-card span {
  color: var(--teal-dark);
  font-weight: 900;
}

.marketplace-trust-score-card small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-trust-improvements {
  display: grid;
  gap: 8px;
  align-content: start;
}

.marketplace-trust-improvements span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  color: var(--ink);
  font-weight: 700;
}

.marketplace-trust-improvements svg {
  flex: 0 0 auto;
  color: var(--teal);
}

@media (max-width: 820px) {
  .marketplace-trust-layout {
    grid-template-columns: 1fr;
  }
}

/* Marketplace seller verification */
.marketplace-seller-verification-panel {
  grid-column: 1 / -1;
}

.marketplace-seller-verification-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 999px;
  padding: 6px 10px;
  background: #f8fbff;
  color: var(--ink);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-seller-verification-badge small {
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  opacity: 0.72;
}

.marketplace-seller-verification-badge.identity,
.marketplace-seller-verification-badge.business {
  border-color: rgba(59, 130, 246, 0.28);
  background: #eff6ff;
  color: #1d4ed8;
}

.marketplace-seller-verification-badge.verified,
.marketplace-seller-verification-badge.trusted {
  border-color: rgba(22, 101, 52, 0.32);
  background: #dcfce7;
  color: #166534;
}

.marketplace-seller-verification-badge.unverified {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
  color: #a15c07;
}

.marketplace-seller-verification-layout {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 14px;
  margin: 14px 0;
}

.marketplace-seller-verification-score {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-seller-verification-score strong {
  display: block;
  color: var(--ink);
  font-size: 38px;
  line-height: 1;
}

.marketplace-seller-verification-score span,
.marketplace-seller-verification-score small {
  display: block;
  margin-top: 6px;
}

.marketplace-seller-verification-score span {
  color: var(--teal-dark);
  font-weight: 900;
}

.marketplace-seller-verification-score small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-seller-verification-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin: 12px 0;
}

.marketplace-seller-verification-actions label {
  min-width: 220px;
}

.marketplace-seller-verification-checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.marketplace-seller-verification-checklist span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
}

.marketplace-seller-verification-checklist span.done {
  border-color: rgba(21, 128, 61, 0.24);
  background: #dcfce7;
}

.marketplace-seller-verification-checklist span.missing {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
}

.marketplace-seller-verification-checklist strong,
.marketplace-seller-verification-checklist small {
  display: block;
}

.marketplace-seller-verification-checklist small {
  color: var(--muted);
  font-weight: 700;
}

@media (max-width: 1000px) {
  .marketplace-seller-verification-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-seller-verification-layout,
  .marketplace-seller-verification-checklist {
    grid-template-columns: 1fr;
  }
}

/* Marketplace seller compliance */
.marketplace-seller-compliance-panel {
  grid-column: 1 / -1;
}

.marketplace-seller-compliance-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 999px;
  padding: 6px 10px;
  background: #f8fbff;
  color: var(--ink);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-seller-compliance-badge small {
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  opacity: 0.72;
}

.marketplace-seller-compliance-badge.clear,
.marketplace-seller-compliance-badge.low {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
  color: #0647c2;
}

.marketplace-seller-compliance-badge.medium {
  border-color: rgba(59, 130, 246, 0.28);
  background: #eff6ff;
  color: #1d4ed8;
}

.marketplace-seller-compliance-badge.high {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #a15c07;
}

.marketplace-seller-compliance-badge.critical {
  border-color: rgba(239, 68, 68, 0.34);
  background: #fff1f2;
  color: #b91c1c;
}

.marketplace-seller-compliance-layout {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 14px;
  margin: 14px 0;
}

.marketplace-seller-compliance-score {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-seller-compliance-score strong {
  display: block;
  color: var(--ink);
  font-size: 38px;
  line-height: 1;
}

.marketplace-seller-compliance-score span,
.marketplace-seller-compliance-score small {
  display: block;
  margin-top: 6px;
}

.marketplace-seller-compliance-score span {
  color: var(--teal-dark);
  font-weight: 900;
}

.marketplace-seller-compliance-score small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-seller-compliance-checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.marketplace-seller-compliance-checklist span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
}

.marketplace-seller-compliance-checklist span.done {
  border-color: rgba(21, 128, 61, 0.24);
  background: #dcfce7;
}

.marketplace-seller-compliance-checklist span.risk {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
}

.marketplace-seller-compliance-checklist span.risk.critical,
.marketplace-seller-compliance-checklist span.risk.high {
  border-color: rgba(239, 68, 68, 0.30);
  background: #fff1f2;
}

.marketplace-seller-compliance-checklist strong,
.marketplace-seller-compliance-checklist small {
  display: block;
}

.marketplace-seller-compliance-checklist small {
  color: var(--muted);
  font-weight: 700;
}

@media (max-width: 1000px) {
  .marketplace-seller-compliance-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-seller-compliance-layout,
  .marketplace-seller-compliance-checklist {
    grid-template-columns: 1fr;
  }
}

/* Marketplace seller quality */
.marketplace-seller-quality-panel {
  grid-column: 1 / -1;
}

.marketplace-seller-quality-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 999px;
  padding: 6px 10px;
  background: #f8fbff;
  color: var(--ink);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-seller-quality-badge small {
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  opacity: 0.72;
}

.marketplace-seller-quality-badge.excellent,
.marketplace-seller-quality-badge.strong {
  border-color: rgba(21, 128, 61, 0.30);
  background: #dcfce7;
  color: #166534;
}

.marketplace-seller-quality-badge.stable {
  border-color: rgba(59, 130, 246, 0.28);
  background: #eff6ff;
  color: #1d4ed8;
}

.marketplace-seller-quality-badge.improving {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #a15c07;
}

.marketplace-seller-quality-badge.attention {
  border-color: rgba(239, 68, 68, 0.34);
  background: #fff1f2;
  color: #b91c1c;
}

.marketplace-seller-quality-layout {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 14px;
  margin: 14px 0;
}

.marketplace-seller-quality-score {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-seller-quality-score strong {
  display: block;
  color: var(--ink);
  font-size: 38px;
  line-height: 1;
}

.marketplace-seller-quality-score span,
.marketplace-seller-quality-score small {
  display: block;
  margin-top: 6px;
}

.marketplace-seller-quality-score span {
  color: var(--teal-dark);
  font-weight: 900;
}

.marketplace-seller-quality-score small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-seller-quality-priorities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.marketplace-seller-quality-priorities span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  padding: 10px 12px;
  background: #e8f0ff;
}

.marketplace-seller-quality-priorities span.priority {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
}

.marketplace-seller-quality-priorities strong,
.marketplace-seller-quality-priorities small {
  display: block;
}

.marketplace-seller-quality-priorities small {
  color: var(--muted);
  font-weight: 700;
}

@media (max-width: 1000px) {
  .marketplace-seller-quality-priorities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-seller-quality-layout,
  .marketplace-seller-quality-priorities {
    grid-template-columns: 1fr;
  }
}

/* Marketplace listing moderation */
.marketplace-listing-moderation-panel {
  grid-column: 1 / -1;
}

.marketplace-listing-moderation-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 999px;
  padding: 6px 10px;
  background: #f8fbff;
  color: var(--ink);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-listing-moderation-badge small {
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  opacity: 0.72;
}

.marketplace-listing-moderation-badge.published,
.marketplace-listing-moderation-badge.ready {
  border-color: rgba(21, 128, 61, 0.30);
  background: #dcfce7;
  color: #166534;
}

.marketplace-listing-moderation-badge.review_needed {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #a15c07;
}

.marketplace-listing-moderation-badge.needs_fix {
  border-color: rgba(239, 68, 68, 0.34);
  background: #fff1f2;
  color: #b91c1c;
}

.marketplace-listing-moderation-layout {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 14px;
  margin: 14px 0;
}

.marketplace-listing-moderation-score {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-listing-moderation-score strong {
  display: block;
  color: var(--ink);
  font-size: 38px;
  line-height: 1;
}

.marketplace-listing-moderation-score span,
.marketplace-listing-moderation-score small {
  display: block;
  margin-top: 6px;
}

.marketplace-listing-moderation-score span {
  color: var(--teal-dark);
  font-weight: 900;
}

.marketplace-listing-moderation-score small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-listing-moderation-checklist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.marketplace-listing-moderation-checklist span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  padding: 10px 12px;
  background: #e8f0ff;
}

.marketplace-listing-moderation-checklist span.issue {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7ed;
}

.marketplace-listing-moderation-checklist strong,
.marketplace-listing-moderation-checklist small {
  display: block;
}

.marketplace-listing-moderation-checklist small {
  color: var(--muted);
  font-weight: 700;
}

@media (max-width: 1180px) {
  .marketplace-listing-moderation-checklist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .marketplace-listing-moderation-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-listing-moderation-layout,
  .marketplace-listing-moderation-checklist {
    grid-template-columns: 1fr;
  }
}

/* Marketplace reviews and reputation */
.marketplace-review-reputation-panel,
.marketplace-review-summary-panel {
  grid-column: 1 / -1;
}

.marketplace-review-reputation-grid,
.marketplace-review-mini-stats {
  display: grid;
  gap: 10px;
}

.marketplace-review-reputation-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 14px;
}

.marketplace-review-reputation-card,
.marketplace-review-mini-stats span {
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: 8px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-review-reputation-card {
  min-height: 132px;
  padding: 16px;
}

.marketplace-review-reputation-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  border-radius: 8px;
  background: var(--teal);
  color: #fff;
}

.marketplace-review-reputation-card strong,
.marketplace-review-reputation-card b,
.marketplace-review-reputation-card small,
.marketplace-review-mini-stats strong,
.marketplace-review-mini-stats small {
  display: block;
}

.marketplace-review-reputation-card strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.marketplace-review-reputation-card b {
  margin-top: 6px;
  color: var(--ink);
}

.marketplace-review-reputation-card small,
.marketplace-review-mini-stats small {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 700;
}

.marketplace-review-mini-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 12px 0;
}

.marketplace-review-mini-stats span {
  padding: 12px 14px;
}

.marketplace-review-mini-stats strong {
  color: var(--ink);
  font-size: 20px;
}

.marketplace-review-verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-review-verified.is-verified {
  background: #dcfce7;
  color: #166534;
}

.marketplace-review-verified.is-unverified {
  background: #fff7ed;
  color: #a15c07;
}

@media (max-width: 1180px) {
  .marketplace-review-reputation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-review-reputation-grid,
  .marketplace-review-mini-stats {
    grid-template-columns: 1fr;
  }
}

/* Marketplace RFQ and offers */
.marketplace-rfq-flow-panel {
  grid-column: 1 / -1;
}

.marketplace-rfq-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.marketplace-rfq-step {
  position: relative;
  display: block;
  min-height: 116px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(135deg, #e8f0ff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-rfq-flow svg {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
  color: var(--teal);
}

.marketplace-rfq-flow strong,
.marketplace-rfq-flow small {
  display: block;
}

.marketplace-rfq-flow strong {
  color: var(--ink);
  font-weight: 900;
}

.marketplace-rfq-flow small {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.35;
}

.marketplace-rfq-form-panel {
  align-self: stretch;
}

@media (max-width: 1180px) {
  .marketplace-rfq-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-rfq-flow {
    grid-template-columns: 1fr;
  }
}

/* Marketplace seller analytics */
.marketplace-seller-analytics-page .panel-wide,
.marketplace-seller-analytics-overview,
.marketplace-seller-analytics-category-panel {
  grid-column: 1 / -1;
}

.marketplace-seller-analytics-hero-grid,
.marketplace-seller-analytics-grid {
  display: grid;
  gap: 10px;
}

.marketplace-seller-analytics-hero-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.marketplace-seller-analytics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marketplace-seller-analytics-hero-card,
.marketplace-seller-analytics-card {
  width: 100%;
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: 8px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  color: var(--ink);
  text-align: left;
  box-shadow: var(--shadow);
  cursor: pointer;
}

.marketplace-seller-analytics-hero-card {
  min-height: 132px;
  padding: 16px;
}

.marketplace-seller-analytics-card {
  min-height: 148px;
  padding: 14px;
}

.marketplace-seller-analytics-hero-card:hover,
.marketplace-seller-analytics-card:hover {
  border-color: rgba(7, 85, 237, 0.45);
  transform: translateY(-1px);
}

.marketplace-seller-analytics-hero-card > span,
.marketplace-seller-analytics-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  border-radius: 8px;
  background: var(--teal);
  color: #fff;
}

.marketplace-seller-analytics-hero-card strong,
.marketplace-seller-analytics-hero-card b,
.marketplace-seller-analytics-hero-card small,
.marketplace-seller-analytics-card strong,
.marketplace-seller-analytics-card b,
.marketplace-seller-analytics-card small,
.marketplace-seller-analytics-card em {
  display: block;
}

.marketplace-seller-analytics-hero-card strong,
.marketplace-seller-analytics-card strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.marketplace-seller-analytics-hero-card b,
.marketplace-seller-analytics-card b {
  margin-top: 6px;
  font-weight: 900;
}

.marketplace-seller-analytics-hero-card small,
.marketplace-seller-analytics-card small,
.marketplace-seller-analytics-card em {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.35;
  font-style: normal;
}

.marketplace-seller-analytics-card.warning {
  border-color: rgba(245, 158, 11, 0.38);
  background: linear-gradient(135deg, #fff7ed, #ffffff);
}

.marketplace-seller-analytics-card.pending {
  border-color: rgba(100, 116, 139, 0.22);
}

.marketplace-seller-analytics-funnel-panel,
.marketplace-seller-analytics-top-panel {
  align-self: stretch;
}

.marketplace-seller-analytics-funnel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.marketplace-seller-analytics-funnel-step {
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.marketplace-seller-analytics-funnel-step div {
  display: grid;
  grid-template-columns: 72px 1fr;
  column-gap: 10px;
  align-items: center;
}

.marketplace-seller-analytics-funnel-step strong {
  grid-row: span 2;
  color: var(--teal-dark);
  font-size: 24px;
  line-height: 1;
}

.marketplace-seller-analytics-funnel-step span {
  color: var(--ink);
  font-weight: 900;
}

.marketplace-seller-analytics-funnel-step small {
  color: var(--muted);
  font-weight: 700;
}

.marketplace-seller-analytics-funnel-step i {
  display: block;
  height: 7px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--teal), #1478f2);
}

.marketplace-seller-analytics-funnel-step.warning i {
  background: linear-gradient(90deg, #f59e0b, #ef4444);
}

@media (max-width: 1180px) {
  .marketplace-seller-analytics-hero-grid,
  .marketplace-seller-analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-seller-analytics-hero-grid,
  .marketplace-seller-analytics-grid {
    grid-template-columns: 1fr;
  }
}

/* Marketplace marketing and promotions */
.marketplace-marketing-page .panel-wide,
.marketplace-marketing-overview,
.marketplace-marketing-campaigns-panel {
  grid-column: 1 / -1;
}

.marketplace-marketing-kpis,
.marketplace-marketing-target-list {
  display: grid;
  gap: 10px;
}

.marketplace-marketing-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.marketplace-marketing-target-list {
  grid-template-columns: 1fr;
}

.marketplace-marketing-kpi,
.marketplace-marketing-target {
  width: 100%;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  color: var(--ink);
  text-align: left;
  box-shadow: var(--shadow);
  cursor: pointer;
}

.marketplace-marketing-kpi {
  min-height: 126px;
  padding: 16px;
}

.marketplace-marketing-target {
  display: grid;
  grid-template-columns: 44px 1fr;
  column-gap: 12px;
  align-items: center;
  min-height: 82px;
  padding: 12px;
}

.marketplace-marketing-kpi:hover,
.marketplace-marketing-target:hover {
  border-color: rgba(7, 85, 237, 0.48);
  transform: translateY(-1px);
}

.marketplace-marketing-kpi > span,
.marketplace-marketing-target > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: var(--teal);
  color: #fff;
}

.marketplace-marketing-kpi > span {
  margin-bottom: 12px;
}

.marketplace-marketing-kpi strong,
.marketplace-marketing-kpi b,
.marketplace-marketing-kpi small,
.marketplace-marketing-target strong,
.marketplace-marketing-target small {
  display: block;
}

.marketplace-marketing-kpi strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.marketplace-marketing-kpi b,
.marketplace-marketing-target strong {
  margin-top: 5px;
  font-weight: 900;
}

.marketplace-marketing-kpi small,
.marketplace-marketing-target small {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.35;
}

.marketplace-marketing-form-panel,
.marketplace-marketing-target-panel {
  align-self: stretch;
}

.marketplace-marketing-form .primary-button.marketplace-wide {
  justify-content: center;
}

@media (max-width: 1180px) {
  .marketplace-marketing-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .marketplace-marketing-kpis {
    grid-template-columns: 1fr;
  }
}

/* Marketplace customer account */
.marketplace-customer-account-page > .marketplace-public-panel,
.marketplace-customer-account-page > .marketplace-customer-addresses-panel,
.marketplace-customer-account-page > .marketplace-customer-orders-panel,
.marketplace-customer-account-page > .marketplace-customer-returns-panel,
.marketplace-customer-account-page > .marketplace-customer-favorites-panel,
.marketplace-customer-account-page > .marketplace-assistant-panel {
  grid-column: 1 / -1;
}

.marketplace-customer-overview-panel .panel-head {
  align-items: flex-start;
}

.marketplace-customer-overview-panel .panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.marketplace-customer-account-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.marketplace-customer-account-kpi {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 6px 12px;
  align-items: start;
  min-height: 118px;
  width: 100%;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: 8px;
  background: linear-gradient(135deg, #f8fbff, #fff);
  color: var(--ink);
  text-align: left;
  box-shadow: var(--shadow);
  cursor: pointer;
}

.marketplace-customer-account-kpi:hover,
.marketplace-customer-account-kpi:focus-visible {
  border-color: rgba(7, 85, 237, 0.45);
  transform: translateY(-1px);
}

.marketplace-customer-account-kpi > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-row: span 3;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: var(--teal);
  color: #fff;
}

.marketplace-customer-account-kpi strong,
.marketplace-customer-account-kpi b,
.marketplace-customer-account-kpi small {
  display: block;
  min-width: 0;
}

.marketplace-customer-account-kpi strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.marketplace-customer-account-kpi b {
  font-weight: 900;
}

.marketplace-customer-account-kpi small {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.35;
}

.marketplace-customer-account-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketplace-customer-card {
  min-height: auto;
}

.marketplace-customer-profile-grid,
.marketplace-customer-wallet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-customer-profile-grid div,
.marketplace-customer-wallet-grid div {
  min-height: 76px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fbff;
}

.marketplace-customer-profile-grid span,
.marketplace-customer-wallet-grid span {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-weight: 800;
  font-size: 12px;
}

.marketplace-customer-profile-grid strong,
.marketplace-customer-wallet-grid strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
}

.marketplace-customer-notification-list {
  display: grid;
  gap: 10px;
}

.marketplace-customer-notification-list button {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 4px 12px;
  align-items: center;
  width: 100%;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.marketplace-customer-notification-list button:hover,
.marketplace-customer-notification-list button:focus-visible {
  border-color: rgba(7, 85, 237, 0.45);
  background: #e8f0ff;
}

.marketplace-customer-notification-list button > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-row: span 2;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #dbe5f5;
  color: var(--teal-dark);
}

.marketplace-customer-notification-list strong,
.marketplace-customer-notification-list small {
  display: block;
  min-width: 0;
}

.marketplace-customer-notification-list small {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.35;
}

.marketplace-customer-notification-list em {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: var(--muted);
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .public-shop-header {
    grid-template-columns: 1fr;
  }

  .public-shop-account-nav {
    justify-content: flex-start;
  }

  .public-shop-hero {
    grid-template-columns: 1fr;
  }

  .public-trust-section {
    grid-template-columns: 1fr;
  }

  .public-trust-grid {
    grid-template-columns: 1fr;
  }

  .public-shop-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-shop-help-panel {
    grid-template-columns: 1fr;
  }

  .public-shop-help-steps {
    grid-template-columns: 1fr;
  }

  .public-department-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .public-shop-content {
    grid-template-columns: 1fr;
  }

  .public-store-detail-hero,
  .public-store-detail-layout,
  .public-listing-detail-hero,
  .public-listing-detail-layout,
  .public-listing-content-grid,
  .public-listing-booking {
    grid-template-columns: 1fr;
  }

  .public-store-about-card,
  .public-listing-buy-card {
    position: static;
  }

  .public-listing-booking form {
    grid-template-columns: 1fr;
  }

  .public-shop-sidebar {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .public-shop-sidebar-head {
    grid-column: 1 / -1;
  }

  .marketplace-storefront-page .marketplace-public-head {
    grid-template-columns: 1fr;
  }

  .marketplace-hero-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketplace-customer-account-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-customer-account-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .public-shop-header,
  .public-shop-nav,
  .public-shop-live-region,
  .public-shop-page {
    padding-left: 16px;
    padding-right: 16px;
  }

  .public-shop-live-region {
    margin: 12px 16px 0;
  }

  .public-shop-search {
    grid-template-columns: 1fr;
  }

  .public-shop-search select,
  .public-shop-search input,
  .public-shop-search .primary-button {
    border-radius: 8px;
  }

  .public-shop-account-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .public-shop-account-nav a,
  .public-shop-account-nav button {
    justify-content: center;
  }

  .public-shop-hero-copy {
    padding: 22px;
  }

  .public-shop-hero-copy h2 {
    font-size: 32px;
  }

  .public-store-detail-copy {
    min-height: auto;
    padding: 22px;
  }

  .public-store-detail-copy h2 {
    font-size: 32px;
  }

  .public-store-detail-actions,
  .public-store-detail-meta {
    display: grid;
    grid-template-columns: 1fr;
  }

  .public-store-detail-actions .primary-button,
  .public-store-detail-actions .small-button {
    width: 100%;
    justify-content: center;
  }

  .public-store-detail-kpis {
    grid-template-columns: 1fr;
  }

  .public-listing-detail-hero {
    padding: 14px;
  }

  .public-listing-media {
    min-height: 240px;
    font-size: 34px;
  }

  .public-listing-copy h2,
  .public-listing-buy-card > strong {
    font-size: 30px;
  }

  .public-listing-copy p {
    font-size: 16px;
  }

  .public-listing-thumbs,
  .public-listing-spec-grid,
  .public-listing-policy-grid {
    grid-template-columns: 1fr;
  }

  .public-shop-filter-bar,
  .public-shop-section-head,
  .public-shop-empty {
    grid-template-columns: 1fr;
  }

  .public-shop-filter-controls {
    justify-content: stretch;
  }

  .public-shop-filter-controls select {
    width: 100%;
  }

  .public-product-grid,
  .public-store-grid,
  .public-shop-trust-strip,
  .public-department-grid,
  .public-shop-sidebar {
    grid-template-columns: 1fr;
  }

  .marketplace-storefront-page .marketplace-public-head {
    padding: 18px;
  }

  .marketplace-hero-copy h2 {
    font-size: 30px;
  }

  .marketplace-hero-kpis,
  .marketplace-card-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-card {
    grid-template-columns: 1fr;
  }

  .marketplace-card-visual {
    min-height: 136px;
    border-right: 0;
    border-bottom: 1px solid var(--soft-line);
  }

  .marketplace-card-footer,
  .marketplace-store-card {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .marketplace-card-actions,
  .marketplace-store-actions {
    justify-content: flex-start;
  }

  .marketplace-customer-account-kpis,
  .marketplace-customer-profile-grid,
  .marketplace-customer-wallet-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-customer-notification-list button {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .marketplace-customer-notification-list em {
    grid-column: 2;
    grid-row: auto;
    justify-self: start;
  }
}




/* B2C marketplace home dedicated switch */
.marketplace-storefront-home-switch-page > .marketplace-public-catalog-switch {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

.marketplace-storefront-home-switch-page .marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-storefront-home-switch-page .marketplace-b2c-dedicated-tab {
  flex: 0 1 auto;
  min-width: 142px;
}

.marketplace-storefront-home-switch-page .marketplace-storefront-catalog-layout {
  width: 100%;
  max-width: none;
  min-width: 0;
}

@media (max-width: 760px) {
  .marketplace-storefront-home-switch-page .marketplace-b2c-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-storefront-home-switch-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace home dedicated switch */

/* B2C marketplace favorites dedicated switch */
.marketplace-favorites-switch-page,
.marketplace-module-page .marketplace-favorites-switch-page,
.company-marketplace-page .marketplace-favorites-switch-page,
.workspace .marketplace-favorites-switch-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-favorites-switch-page > *,
.marketplace-module-page .marketplace-favorites-switch-page > *,
.company-marketplace-page .marketplace-favorites-switch-page > *,
.workspace .marketplace-favorites-switch-page > * {
  grid-column: 1 / -1 !important;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-favorites-switch-page .marketplace-public-catalog-switch {
  margin: 0;
}

.marketplace-favorites-switch-page .marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-favorites-switch-page .marketplace-b2c-dedicated-tab {
  flex: 0 1 auto;
  min-width: 142px;
}

@media (max-width: 760px) {
  .marketplace-favorites-switch-page .marketplace-b2c-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-favorites-switch-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace favorites dedicated switch */

/* B2C marketplace account dedicated switch */
.marketplace-customer-account-switch-page,
.marketplace-module-page .marketplace-customer-account-switch-page,
.company-marketplace-page .marketplace-customer-account-switch-page,
.workspace .marketplace-customer-account-switch-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-customer-account-switch-page > *,
.marketplace-module-page .marketplace-customer-account-switch-page > *,
.company-marketplace-page .marketplace-customer-account-switch-page > *,
.workspace .marketplace-customer-account-switch-page > * {
  grid-column: 1 / -1 !important;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-customer-account-switch-page .marketplace-public-catalog-switch {
  margin: 0;
}

.marketplace-customer-account-switch-page .marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-customer-account-switch-page .marketplace-b2c-dedicated-tab {
  flex: 0 1 auto;
  min-width: 132px;
}

.marketplace-customer-account-switch-page .marketplace-customer-account-grid {
  grid-column: 1 / -1;
}

@media (max-width: 760px) {
  .marketplace-customer-account-switch-page .marketplace-b2c-dedicated-tabs,
  .marketplace-customer-account-switch-page .marketplace-customer-account-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-customer-account-switch-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace account dedicated switch */

/* Marketplace retail / wholesale polish */
.marketplace-storefront-page .marketplace-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
  align-items: stretch;
}

.marketplace-storefront-page .marketplace-card {
  grid-template-columns: 1fr;
  min-height: 100%;
  overflow: hidden;
  border-color: rgba(15, 23, 42, 0.12);
  background: #ffffff;
}

.marketplace-storefront-page .marketplace-card-visual {
  min-height: 168px;
  border-right: 0;
  border-bottom: 1px solid var(--soft-line);
  background:
    radial-gradient(circle at 30% 24%, rgba(7, 85, 237, 0.16), transparent 34%),
    linear-gradient(145deg, #e8f0ff 0%, #f8fafc 100%);
}

.marketplace-storefront-page .marketplace-card-visual.service {
  background:
    radial-gradient(circle at 30% 24%, rgba(245, 158, 11, 0.15), transparent 34%),
    linear-gradient(145deg, #fffbeb 0%, #f8fafc 100%);
}

.marketplace-storefront-page .marketplace-card-body {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 10px;
}

.marketplace-storefront-page .marketplace-card h4 {
  min-height: 44px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
}

.marketplace-storefront-page .marketplace-card p {
  min-height: 62px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.marketplace-storefront-page .marketplace-card-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--soft-line);
}

.marketplace-storefront-page .marketplace-card-footer strong {
  font-size: 22px;
}

.marketplace-storefront-page .marketplace-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  justify-content: stretch;
}

.marketplace-storefront-page .marketplace-card-actions > *,
.marketplace-storefront-page .marketplace-card-actions .small-button,
.marketplace-storefront-page .marketplace-card-actions .primary-button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
}

.marketplace-storefront-page .marketplace-card-actions .marketplace-buy-button,
.marketplace-storefront-page .marketplace-card-actions .primary-button {
  grid-column: 1 / -1;
}

.marketplace-storefront-page .marketplace-card-actions .small-button[disabled] {
  color: var(--muted);
  border-color: var(--line);
  background: #f8fafc;
  box-shadow: none;
  opacity: 1;
}

.commerce-b2b-page {
  width: 100%;
  max-width: none;
}

.commerce-b2b-page .commerce-hero {
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.6fr);
  align-items: start;
  overflow: hidden;
  padding: 28px;
}

.commerce-b2b-page .commerce-hero-copy h1 {
  max-width: 880px;
  font-size: clamp(32px, 2.5vw, 44px);
}

.commerce-b2b-page .commerce-hero-actions {
  align-items: stretch;
}

.commerce-b2b-page .commerce-hero-actions .primary-button,
.commerce-b2b-page .commerce-hero-actions .secondary-button {
  min-height: 44px;
  padding-inline: 16px;
}

.commerce-b2b-page .commerce-hero-panel {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  padding: 20px;
  background: rgba(255, 255, 255, 0.92);
}

.commerce-b2b-page .commerce-hero-panel strong {
  font-size: 22px;
}

.commerce-b2b-page .commerce-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.commerce-b2b-page .commerce-gate-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.commerce-b2b-page .commerce-content-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr);
  align-items: start;
}

.commerce-b2b-page .commerce-table {
  overflow-x: auto;
}

.commerce-b2b-page .commerce-phase-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.commerce-b2b-page .commerce-operations-panel,
.commerce-b2b-page .commerce-module-map-panel,
.commerce-b2b-page .commerce-data-panel,
.commerce-b2b-page .commerce-next-panel {
  min-height: auto;
}

.commerce-b2b-page .commerce-operation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-page .commerce-process-card {
  min-height: auto;
}

.commerce-b2b-page .commerce-module-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.commerce-b2b-page .commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.commerce-table-action {
  width: 100%;
  min-height: 38px;
  justify-content: center;
  padding-inline: 10px;
  white-space: normal;
  text-align: center;
}

.commerce-b2b-page .commerce-sync-panel {
  display: grid;
  gap: 18px;
}

.commerce-sync-panel .panel-head p {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.commerce-sync-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.commerce-sync-actions .primary-button,
.commerce-sync-actions .secondary-button {
  min-height: 44px;
}

.commerce-sync-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.commerce-sync-status-grid article {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px 16px;
}

.commerce-sync-status-grid strong {
  display: block;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.commerce-sync-status-grid span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-weight: 800;
}

.commerce-sync-panel .commerce-next-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.commerce-next-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px 16px;
}

.commerce-next-item strong,
.commerce-next-item small {
  display: block;
}

.commerce-next-item small {
  max-width: 420px;
  margin-top: 4px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.commerce-wp11-panel {
  display: grid;
  gap: 18px;
}

.commerce-wp11-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.commerce-wp11-summary article,
.commerce-wp11-card,
.commerce-wp11-plan,
.commerce-wp11-row {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
}

.commerce-wp11-summary article {
  padding: 14px 16px;
}

.commerce-wp11-summary strong {
  display: block;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.commerce-wp11-summary span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-weight: 800;
}

.commerce-wp11-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 16px;
  align-items: start;
}

.commerce-wp11-section {
  display: grid;
  gap: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
  padding: 16px;
}

.commerce-wp11-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.commerce-wp11-section-head h3 {
  margin: 0;
}

.commerce-wp11-card-grid,
.commerce-wp11-plan-grid,
.commerce-wp11-list {
  display: grid;
  gap: 12px;
}

.commerce-wp11-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.commerce-wp11-card,
.commerce-wp11-plan,
.commerce-wp11-row {
  padding: 14px;
}

.commerce-wp11-card-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.commerce-wp11-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.commerce-wp11-meta span {
  display: grid;
  gap: 2px;
  border-radius: 8px;
  background: #e8f0ff;
  padding: 10px;
  color: var(--muted);
  font-weight: 800;
}

.commerce-wp11-meta strong {
  color: var(--ink);
}

.commerce-wp11-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.commerce-wp11-plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-wp11-plan {
  display: grid;
  gap: 8px;
}

.commerce-wp11-plan.active {
  border-color: var(--teal);
  background: #e8f0ff;
}

.commerce-wp11-plan strong {
  font-size: 18px;
}

.commerce-wp11-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.commerce-wp11-row > span {
  display: grid;
  gap: 4px;
}

.commerce-wp11-row small,
.commerce-wp11-plan small,
.commerce-wp11-card small {
  color: var(--muted);
  font-weight: 800;
}


.commerce-pricing-admin-page .commerce-pricing-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-pricing-admin-page .commerce-pricing-workbench,
.commerce-pricing-admin-page .commerce-pricing-control-panel,
.commerce-pricing-admin-page .commerce-pricing-linked-panel {
  display: grid;
  gap: 16px;
}

.commerce-pricing-admin-page .commerce-pricing-offer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 14px;
}

.commerce-pricing-admin-page .commerce-pricing-offer-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid rgba(6, 71, 194, 0.16);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.commerce-pricing-admin-page .commerce-pricing-offer-card.warning {
  border-color: rgba(245, 158, 11, 0.42);
  background: #fffbeb;
}

.commerce-pricing-admin-page .commerce-pricing-offer-card.danger {
  border-color: rgba(239, 68, 68, 0.35);
  background: #fff7f7;
}

.commerce-pricing-admin-page .commerce-pricing-card-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.commerce-pricing-admin-page .commerce-pricing-card-head > span {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
}

.commerce-pricing-admin-page .commerce-pricing-card-head strong,
.commerce-pricing-admin-page .commerce-pricing-card-head small,
.commerce-pricing-admin-page .commerce-pricing-card-foot small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-pricing-admin-page .commerce-pricing-card-head strong {
  color: #0f172a;
  line-height: 1.2;
}

.commerce-pricing-admin-page .commerce-pricing-card-head small,
.commerce-pricing-admin-page .commerce-pricing-card-foot small {
  margin-top: 4px;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 800;
}

.commerce-pricing-admin-page .commerce-pricing-card-head em {
  min-width: 64px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #0647c2;
  padding: 8px 10px;
  text-align: center;
  font-style: normal;
  font-weight: 900;
}

.commerce-pricing-admin-page .commerce-pricing-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-pricing-admin-page .commerce-pricing-mini-grid span {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
}

.commerce-pricing-admin-page .commerce-pricing-mini-grid small,
.commerce-pricing-admin-page .commerce-pricing-mini-grid b {
  display: block;
  overflow-wrap: anywhere;
}

.commerce-pricing-admin-page .commerce-pricing-mini-grid small {
  color: #667085;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-pricing-admin-page .commerce-pricing-mini-grid b {
  margin-top: 4px;
  color: #0f172a;
  line-height: 1.2;
}

.commerce-pricing-admin-page .commerce-pricing-progress {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.commerce-pricing-admin-page .commerce-pricing-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #0755ed;
}

.commerce-pricing-admin-page .commerce-pricing-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.commerce-pricing-admin-page .commerce-pricing-card-actions {
  display: grid;
  grid-template-columns: minmax(122px, 1.35fr) minmax(72px, 0.78fr) minmax(88px, 0.92fr);
  gap: 8px;
}

.commerce-pricing-admin-page .commerce-pricing-card-actions .primary-button,
.commerce-pricing-admin-page .commerce-pricing-card-actions .secondary-button {
  min-width: 0;
  min-height: 40px;
  justify-content: center;
  gap: 6px;
  padding: 8px 9px;
  text-align: center;
  white-space: nowrap;
}

.commerce-pricing-admin-page .commerce-pricing-card-actions svg {
  width: 16px;
  height: 16px;
}

.commerce-pricing-admin-page .commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

@media (max-width: 900px) {
  .commerce-pricing-admin-page .commerce-pricing-card-actions,
  .commerce-pricing-admin-page .commerce-pricing-mini-grid {
    grid-template-columns: 1fr;
  }
}

.commerce-import-sync-admin-page .commerce-sync-panel {
  margin-top: 0;
}

.commerce-import-sync-admin-page .commerce-sync-actions {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.commerce-import-sync-admin-page .commerce-sync-status-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.commerce-import-sync-admin-page .commerce-wp11-grid.two-cols {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.commerce-import-sync-admin-page .commerce-wp11-section,
.commerce-import-sync-admin-page .commerce-next-item,
.commerce-import-sync-admin-page .commerce-module-tile {
  min-width: 0;
}

.commerce-import-sync-admin-page .commerce-next-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.commerce-import-sync-admin-page .commerce-next-item strong,
.commerce-import-sync-admin-page .commerce-next-item small,
.commerce-import-sync-admin-page .commerce-module-tile strong,
.commerce-import-sync-admin-page .commerce-module-tile small {
  overflow-wrap: anywhere;
}

.commerce-import-sync-admin-page .commerce-sync-actions .primary-button,
.commerce-import-sync-admin-page .commerce-sync-actions .secondary-button {
  justify-content: center;
  white-space: normal;
}

@media (max-width: 760px) {
  .commerce-import-sync-admin-page .commerce-next-item {
    grid-template-columns: 1fr;
  }
}

.commerce-store-admin-page .commerce-wp11-panel {
  margin-top: 0;
}

.commerce-store-admin-page .commerce-wp11-grid {
  grid-template-columns: minmax(360px, 1.05fr) minmax(320px, 0.95fr) minmax(380px, 1fr);
  align-items: stretch;
}

.commerce-store-admin-page .commerce-wp11-section,
.commerce-store-admin-page .commerce-wp11-card,
.commerce-store-admin-page .commerce-wp11-plan,
.commerce-store-admin-page .commerce-wp11-row {
  min-width: 0;
}

.commerce-store-admin-page .commerce-wp11-section {
  gap: 14px;
}

.commerce-store-admin-page .commerce-wp11-section-head {
  align-items: flex-start;
}

.commerce-store-admin-page .commerce-wp11-card-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: start;
}

.commerce-store-admin-page .commerce-wp11-card-head > span,
.commerce-store-admin-page .commerce-wp11-row > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-store-admin-page .commerce-wp11-card-head div,
.commerce-store-admin-page .commerce-wp11-card-head strong,
.commerce-store-admin-page .commerce-wp11-card-head small,
.commerce-store-admin-page .commerce-wp11-row b,
.commerce-store-admin-page .commerce-wp11-row small,
.commerce-store-admin-page .commerce-wp11-meta span {
  min-width: 0;
}

.commerce-store-admin-page .commerce-wp11-card-head strong,
.commerce-store-admin-page .commerce-wp11-row b {
  display: block;
  color: #0f172a;
  line-height: 1.24;
  overflow-wrap: break-word;
  word-break: normal;
}

.commerce-store-admin-page .commerce-wp11-card-head small,
.commerce-store-admin-page .commerce-wp11-row small,
.commerce-store-admin-page .commerce-wp11-meta span {
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: normal;
}

.commerce-store-admin-page .commerce-wp11-card-head em {
  max-width: 112px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  padding: 7px 10px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}

.commerce-store-admin-page .commerce-wp11-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.commerce-store-admin-page .commerce-wp11-actions .small-button,
.commerce-store-admin-page .commerce-wp11-plan .small-button,
.commerce-store-admin-page .commerce-wp11-row .small-button {
  width: 100%;
  min-height: 44px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

.commerce-store-admin-page .commerce-wp11-plan {
  gap: 10px;
  padding: 16px;
}

.commerce-store-admin-page .commerce-wp11-plan strong {
  line-height: 1.2;
}

.commerce-store-admin-page .commerce-wp11-list {
  gap: 14px;
}

.commerce-store-admin-page .commerce-wp11-provider-directory {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid #dbe5f5;
  border-radius: 8px;
  background: linear-gradient(180deg, #e8f0ff 0%, #ffffff 100%);
}

.commerce-store-admin-page .commerce-wp11-provider-directory .commerce-wp11-section-head {
  gap: 14px;
}

.commerce-store-admin-page .commerce-wp11-provider-directory .commerce-wp11-section-head p {
  margin: 6px 0 0;
  color: #5b6985;
  line-height: 1.45;
}


.commerce-store-admin-page .commerce-wp11-provider-filter {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #ffffff;
}

.commerce-store-admin-page .commerce-wp11-provider-filter label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.commerce-store-admin-page .commerce-wp11-provider-filter label span {
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 900;
}

.commerce-store-admin-page .commerce-wp11-provider-filter select,
.commerce-store-admin-page .commerce-wp11-provider-filter input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d7e1ef;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  padding: 0 12px;
  font-weight: 900;
}

.commerce-store-admin-page .commerce-wp11-provider-filter-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-store-admin-page .commerce-wp11-provider-filter-actions .primary-button,
.commerce-store-admin-page .commerce-wp11-provider-filter-actions .secondary-button {
  min-height: 44px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

.commerce-store-admin-page .commerce-wp11-provider-count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #5b6985;
  font-weight: 900;
}

.commerce-store-admin-page .commerce-wp11-provider-count span {
  color: #0647c2;
}

.commerce-store-admin-page .commerce-wp11-provider-count small {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 1120px) {
  .commerce-store-admin-page .commerce-wp11-provider-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .commerce-store-admin-page .commerce-wp11-provider-filter,
  .commerce-store-admin-page .commerce-wp11-provider-filter-actions {
    grid-template-columns: 1fr;
  }
}
.commerce-store-admin-page .commerce-wp11-provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.commerce-store-admin-page .commerce-wp11-provider-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #ffffff;
}

.commerce-store-admin-page .commerce-wp11-provider-card.approved {
  border-color: #86efac;
  background: #dcfce7;
}

.commerce-store-admin-page .commerce-wp11-provider-card.requested {
  border-color: #fde68a;
  background: #fffbeb;
}

.commerce-store-admin-page .commerce-wp11-provider-card.blocked {
  border-color: #fecaca;
  background: #fff7f7;
}

.commerce-store-admin-page .commerce-wp11-provider-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}

.commerce-store-admin-page .commerce-wp11-provider-head > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-store-admin-page .commerce-wp11-provider-head strong,
.commerce-store-admin-page .commerce-wp11-provider-head small,
.commerce-store-admin-page .commerce-wp11-provider-card p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-store-admin-page .commerce-wp11-provider-head strong {
  display: block;
  color: #0f172a;
  line-height: 1.22;
}

.commerce-store-admin-page .commerce-wp11-provider-head small,
.commerce-store-admin-page .commerce-wp11-provider-card p {
  color: #5b6985;
  line-height: 1.38;
}

.commerce-store-admin-page .commerce-wp11-provider-head em {
  max-width: 112px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #0647c2;
  padding: 7px 10px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.commerce-store-admin-page .commerce-wp11-provider-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commerce-store-admin-page .commerce-wp11-provider-stats span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-store-admin-page .commerce-wp11-provider-stats b,
.commerce-store-admin-page .commerce-wp11-provider-stats small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-store-admin-page .commerce-wp11-provider-stats b {
  color: #0f172a;
  line-height: 1.1;
}

.commerce-store-admin-page .commerce-wp11-provider-stats small {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
}

.commerce-store-admin-page .commerce-wp11-provider-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.commerce-store-admin-page .commerce-wp11-provider-actions .primary-button,
.commerce-store-admin-page .commerce-wp11-provider-actions .secondary-button {
  flex: 1 1 150px;
  min-height: 44px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

.commerce-store-admin-page .commerce-wp11-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-items: start;
  gap: 6px 12px;
  padding: 16px;
}

.commerce-store-admin-page .commerce-wp11-row > span {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.commerce-store-admin-page .commerce-wp11-row b {
  grid-column: 2;
  grid-row: 1;
  font-size: 1rem;
}

.commerce-store-admin-page .commerce-wp11-row small {
  grid-column: 2;
  grid-row: 2;
}

.commerce-store-admin-page .commerce-wp11-row .small-button {
  grid-column: 1 / -1;
  grid-row: 3;
  margin-top: 8px;
}


.commerce-store-market-panel {
  display: grid;
  gap: 16px;
}

.commerce-store-market-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #ffffff;
}

.commerce-store-market-card.ready {
  border-color: #86efac;
  background: linear-gradient(180deg, #dcfce7 0%, #ffffff 100%);
}

.commerce-store-market-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}

.commerce-store-market-head > span {
  display: inline-grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-store-market-head strong,
.commerce-store-market-head small,
.commerce-store-market-facts dd,
.commerce-store-market-note span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-store-market-head strong {
  display: block;
  color: #0f172a;
  line-height: 1.2;
}

.commerce-store-market-head small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 800;
  line-height: 1.35;
}

.commerce-store-market-head em {
  max-width: 150px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #0647c2;
  padding: 7px 10px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.commerce-store-market-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.commerce-store-market-facts div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-store-market-facts dt {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-store-market-facts dd {
  margin: 0;
  color: #0f172a;
  font-weight: 900;
  line-height: 1.25;
}

.commerce-store-market-note {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #dbe5f5;
  border-radius: 8px;
  background: #e8f0ff;
}

.commerce-store-market-note strong {
  color: #0f172a;
}

.commerce-store-market-note span {
  color: #5b6985;
  line-height: 1.35;
}

.commerce-store-market-actions {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, auto) minmax(190px, auto);
  gap: 10px;
  align-items: end;
}

.commerce-store-market-actions label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.commerce-store-market-actions label span {
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 900;
}

.commerce-store-market-actions select {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d7e1ef;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  padding: 0 12px;
  font-weight: 900;
}

.commerce-store-market-actions .primary-button,
.commerce-store-market-actions .secondary-button {
  min-height: 44px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

@media (max-width: 980px) {
  .commerce-store-market-head,
  .commerce-store-market-actions {
    grid-template-columns: 1fr;
  }

  .commerce-store-market-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-store-market-head em {
    max-width: none;
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .commerce-store-market-facts {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1320px) {
  .commerce-store-admin-page .commerce-wp11-grid {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
  }
}

@media (max-width: 900px) {
  .commerce-store-admin-page .commerce-wp11-grid,
  .commerce-store-admin-page .commerce-wp11-card-head {
    grid-template-columns: 1fr;
  }

  .commerce-store-admin-page .commerce-wp11-card-head em {
    justify-self: start;
  }
}

.commerce-b2b-route-commerce-integrations .commerce-content-grid {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-wp11-integrations-panel {
  display: grid;
  gap: 16px;
}

.commerce-wp11-integration-actions > * {
  min-width: 0;
  white-space: normal;
}

.commerce-wp11-integration-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.commerce-wp11-integrations-panel .commerce-wp11-section,
.commerce-wp11-integrations-panel .commerce-wp11-row {
  min-width: 0;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(150px, auto);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 6px 14px;
  padding: 16px;
  overflow: visible;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row > span {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row b,
.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row small {
  grid-column: 2;
  min-width: 0;
  line-height: 1.32;
  overflow-wrap: break-word;
  word-break: normal;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row b {
  grid-row: 1;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row small {
  grid-row: 2;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  box-shadow: inset 3px 0 0 var(--teal), 0 12px 28px rgba(7, 85, 237, 0.08);
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row.ready {
  background: #ffffff;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row.pending {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffbeb;
}

.commerce-wp11-action-feedback {
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.commerce-wp11-action-feedback > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.commerce-wp11-action-feedback strong,
.commerce-wp11-action-feedback small {
  display: block;
  min-width: 0;
  line-height: 1.3;
}

.commerce-wp11-action-feedback small {
  color: inherit;
  opacity: 0.86;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row .small-button {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
  align-self: center;
  width: max-content;
  min-width: 112px;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 14px;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: auto;
  position: relative;
  z-index: 1;
  overflow: visible;
}

@media (max-width: 1180px) {
  .commerce-wp11-integration-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .commerce-b2b-route-commerce-integrations .commerce-wp11-integrations-panel .commerce-wp11-row .small-button {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: stretch;
    width: 100%;
    white-space: normal;
  }
}

.commerce-orders-admin-page .commerce-orders-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-orders-admin-page .commerce-orders-workbench,
.commerce-orders-admin-page .commerce-orders-linked-panel {
  display: grid;
  gap: 16px;
}

.commerce-orders-admin-page .commerce-order-master-list {
  display: grid;
  gap: 16px;
}

.commerce-orders-admin-page .commerce-order-master-card,
.commerce-orders-admin-page .commerce-order-suborder-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.commerce-orders-admin-page .commerce-order-master-card {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.commerce-orders-admin-page .commerce-order-master-head,
.commerce-orders-admin-page .commerce-order-suborder-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.commerce-orders-admin-page .commerce-order-master-head h3 {
  margin: 4px 0 6px;
  color: #071633;
  font-size: 1.45rem;
  line-height: 1.14;
}

.commerce-orders-admin-page .commerce-order-master-head p {
  margin: 0;
  color: #64748b;
  line-height: 1.45;
}

.commerce-orders-admin-page .commerce-order-score {
  min-width: 118px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
  text-align: center;
}

.commerce-orders-admin-page .commerce-order-score strong {
  display: block;
  color: #0647c2;
  font-size: 1.65rem;
  line-height: 1;
}

.commerce-orders-admin-page .commerce-order-score span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 900;
}

.commerce-orders-admin-page .commerce-order-kpi-row,
.commerce-orders-admin-page .commerce-order-mini-grid {
  display: grid;
  gap: 10px;
}

.commerce-orders-admin-page .commerce-order-kpi-row {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.commerce-orders-admin-page .commerce-order-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-orders-admin-page .commerce-order-kpi-row span,
.commerce-orders-admin-page .commerce-order-mini-grid span {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
}

.commerce-orders-admin-page .commerce-order-kpi-row small,
.commerce-orders-admin-page .commerce-order-kpi-row b,
.commerce-orders-admin-page .commerce-order-mini-grid small,
.commerce-orders-admin-page .commerce-order-mini-grid b {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.commerce-orders-admin-page .commerce-order-kpi-row small,
.commerce-orders-admin-page .commerce-order-mini-grid small {
  color: #667085;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-orders-admin-page .commerce-order-kpi-row b,
.commerce-orders-admin-page .commerce-order-mini-grid b {
  margin-top: 4px;
  color: #0f172a;
  line-height: 1.2;
}

.commerce-orders-admin-page .commerce-order-suborder-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 14px;
}

.commerce-orders-admin-page .commerce-order-suborder-card {
  display: grid;
  gap: 13px;
  padding: 14px;
}

.commerce-orders-admin-page .commerce-order-suborder-card.warning {
  border-color: rgba(245, 158, 11, 0.4);
  background: #fffdf4;
}

.commerce-orders-admin-page .commerce-order-suborder-card.success {
  border-color: rgba(21, 128, 61, 0.34);
  background: #f0fdf4;
}

.commerce-orders-admin-page .commerce-order-suborder-card.danger {
  border-color: rgba(239, 68, 68, 0.34);
  background: #fff7f7;
}

.commerce-orders-admin-page .commerce-order-suborder-head {
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
}

.commerce-orders-admin-page .commerce-order-suborder-head > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
}

.commerce-orders-admin-page .commerce-order-suborder-head strong,
.commerce-orders-admin-page .commerce-order-suborder-head small,
.commerce-orders-admin-page .commerce-order-line-list strong,
.commerce-orders-admin-page .commerce-order-line-list small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.commerce-orders-admin-page .commerce-order-suborder-head strong {
  color: #0f172a;
  line-height: 1.2;
}

.commerce-orders-admin-page .commerce-order-suborder-head small,
.commerce-orders-admin-page .commerce-order-line-list small {
  margin-top: 4px;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 800;
}

.commerce-orders-admin-page .commerce-order-suborder-head em {
  grid-column: 2;
  justify-self: start;
  max-width: 100%;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  padding: 8px 10px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commerce-orders-admin-page .commerce-order-line-list {
  display: grid;
  gap: 8px;
}

.commerce-orders-admin-page .commerce-order-line-list div {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 10px 12px;
}

.commerce-orders-admin-page .commerce-order-line-list strong {
  color: #0f172a;
  font-size: 0.92rem;
  line-height: 1.25;
}

.commerce-orders-admin-page .commerce-order-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.commerce-orders-admin-page .commerce-order-action-grid .primary-button,
.commerce-orders-admin-page .commerce-order-action-grid .secondary-button {
  min-width: 0;
  min-height: 42px;
  justify-content: center;
  padding: 9px 10px;
  text-align: center;
  white-space: normal;
  line-height: 1.16;
}

.commerce-orders-admin-page .commerce-order-action-grid .secondary-button.danger {
  border-color: rgba(239, 68, 68, 0.35);
  background: #fff7f7;
  color: #b91c1c;
}

.commerce-orders-admin-page .commerce-order-action-grid .secondary-button.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffbeb;
  color: #92400e;
}

.commerce-orders-admin-page .commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

@media (max-width: 1150px) {
  .commerce-orders-admin-page .commerce-order-kpi-row,
  .commerce-orders-admin-page .commerce-order-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-orders-admin-page .commerce-order-master-head,
  .commerce-orders-admin-page .commerce-order-suborder-head,
  .commerce-orders-admin-page .commerce-order-suborder-grid,
  .commerce-orders-admin-page .commerce-order-kpi-row,
  .commerce-orders-admin-page .commerce-order-mini-grid,
  .commerce-orders-admin-page .commerce-order-action-grid {
    grid-template-columns: 1fr;
  }

  .commerce-orders-admin-page .commerce-order-score,
  .commerce-orders-admin-page .commerce-order-suborder-head em {
    justify-self: start;
  }
}

.commerce-shipping-admin-page .commerce-shipping-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-shipping-admin-page .commerce-shipping-workbench,
.commerce-shipping-admin-page .commerce-shipping-events-panel,
.commerce-shipping-admin-page .commerce-shipping-linked-panel {
  display: grid;
  gap: 16px;
}

.commerce-shipping-admin-page .commerce-shipment-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 14px;
}

.commerce-shipping-admin-page .commerce-shipment-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  background: #ffffff;
  padding: 15px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.commerce-shipping-admin-page .commerce-shipment-card.warning {
  border-color: rgba(245, 158, 11, 0.42);
  background: #fffdf4;
}

.commerce-shipping-admin-page .commerce-shipment-card.success {
  border-color: rgba(21, 128, 61, 0.34);
  background: #f0fdf4;
}

.commerce-shipping-admin-page .commerce-shipment-card.danger {
  border-color: rgba(239, 68, 68, 0.34);
  background: #fff7f7;
}

.commerce-shipping-admin-page .commerce-shipment-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.commerce-shipping-admin-page .commerce-shipment-head > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
}

.commerce-shipping-admin-page .commerce-shipment-head strong,
.commerce-shipping-admin-page .commerce-shipment-head small,
.commerce-shipping-admin-page .commerce-shipment-line-list strong,
.commerce-shipping-admin-page .commerce-shipment-line-list small,
.commerce-shipping-admin-page .commerce-shipment-event-list strong,
.commerce-shipping-admin-page .commerce-shipment-event-list small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.commerce-shipping-admin-page .commerce-shipment-head strong {
  color: #0f172a;
  line-height: 1.2;
}

.commerce-shipping-admin-page .commerce-shipment-head small,
.commerce-shipping-admin-page .commerce-shipment-line-list small,
.commerce-shipping-admin-page .commerce-shipment-event-list small {
  margin-top: 4px;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 800;
}

.commerce-shipping-admin-page .commerce-shipment-head em {
  min-width: 112px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  padding: 8px 10px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.commerce-shipping-admin-page .commerce-shipment-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.commerce-shipping-admin-page .commerce-shipment-mini-grid span {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
}

.commerce-shipping-admin-page .commerce-shipment-mini-grid small,
.commerce-shipping-admin-page .commerce-shipment-mini-grid b {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.commerce-shipping-admin-page .commerce-shipment-mini-grid small {
  color: #667085;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-shipping-admin-page .commerce-shipment-mini-grid b {
  margin-top: 4px;
  color: #0f172a;
  line-height: 1.2;
}

.commerce-shipping-admin-page .commerce-shipment-body-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 12px;
}

.commerce-shipping-admin-page .commerce-shipment-line-list,
.commerce-shipping-admin-page .commerce-shipment-event-list {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.commerce-shipping-admin-page .commerce-shipment-line-list div,
.commerce-shipping-admin-page .commerce-shipment-event-list div,
.commerce-shipping-admin-page .commerce-shipping-event-grid article {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  padding: 10px 12px;
}

.commerce-shipping-admin-page .commerce-shipment-line-list strong,
.commerce-shipping-admin-page .commerce-shipment-event-list strong {
  color: #0f172a;
  font-size: 0.92rem;
  line-height: 1.25;
}

.commerce-shipping-admin-page .commerce-shipment-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.commerce-shipping-admin-page .commerce-shipment-action-grid .primary-button,
.commerce-shipping-admin-page .commerce-shipment-action-grid .secondary-button {
  min-width: 0;
  min-height: 42px;
  justify-content: center;
  padding: 9px 10px;
  text-align: center;
  white-space: normal;
  line-height: 1.16;
}

.commerce-shipping-admin-page .commerce-shipment-action-grid .secondary-button.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffbeb;
  color: #92400e;
}

.commerce-shipping-admin-page .commerce-shipment-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commerce-shipping-admin-page .commerce-shipment-footer span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 999px;
  background: rgba(232, 240, 255, 0.92);
  color: #0647c2;
  padding: 7px 10px;
  font-size: 0.78rem;
  font-weight: 900;
}

.commerce-shipping-admin-page .commerce-shipping-event-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.commerce-shipping-admin-page .commerce-shipping-event-grid article {
  display: grid;
  gap: 4px;
}

.commerce-shipping-admin-page .commerce-shipping-event-grid strong,
.commerce-shipping-admin-page .commerce-shipping-event-grid small,
.commerce-shipping-admin-page .commerce-shipping-event-grid span {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.commerce-shipping-admin-page .commerce-shipping-event-grid small {
  color: #64748b;
  font-weight: 800;
}

.commerce-shipping-admin-page .commerce-shipping-event-grid span {
  color: #0647c2;
  font-size: 0.8rem;
  font-weight: 900;
}

.commerce-shipping-admin-page .commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

@media (max-width: 1180px) {
  .commerce-shipping-admin-page .commerce-shipment-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .commerce-shipping-admin-page .commerce-shipment-head,
  .commerce-shipping-admin-page .commerce-shipment-mini-grid,
  .commerce-shipping-admin-page .commerce-shipment-body-grid,
  .commerce-shipping-admin-page .commerce-shipment-action-grid {
    grid-template-columns: 1fr;
  }

  .commerce-shipping-admin-page .commerce-shipment-head em {
    justify-self: start;
  }
}

.commerce-wp12-panel {
  display: grid;
  gap: 16px;
}

.commerce-wp12-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.commerce-wp12-summary article,
.commerce-wp12-offer,
.commerce-wp12-detail {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
}

.commerce-wp12-summary article {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
}

.commerce-wp12-summary small,
.commerce-wp12-offer small,
.commerce-wp12-detail dt {
  color: var(--muted);
  font-weight: 800;
}

.commerce-wp12-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.commerce-wp12-summary span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-wp12-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 16px;
  align-items: start;
}

.commerce-wp12-offer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.commerce-wp12-offer {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.commerce-wp12-offer.active {
  border-color: var(--teal);
  background: #e8f0ff;
}

.commerce-wp12-offer-head {
  display: grid;
  gap: 8px;
}

.commerce-wp12-offer-head strong {
  color: var(--ink);
  font-size: 18px;
}

.commerce-wp12-offer-meta,
.commerce-wp12-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commerce-wp12-offer-meta span,
.commerce-wp12-badges span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: #f8fafc;
  padding: 8px 10px;
  color: var(--muted);
  font-weight: 800;
}

.commerce-wp12-price-row {
  display: grid;
  gap: 4px;
}

.commerce-wp12-price-row b {
  color: var(--ink);
  font-size: 22px;
}

.commerce-wp12-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.commerce-wp12-actions > * {
  width: 100%;
  min-height: 44px;
  justify-content: center;
  text-align: center;
}

.commerce-wp12-detail {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.commerce-wp12-detail h4 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
}

.commerce-wp12-detail dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.commerce-wp12-detail div {
  display: grid;
  gap: 3px;
  border-top: 1px solid var(--border);
  padding-top: 10px;
}

.commerce-wp12-detail dd {
  margin: 0;
  color: var(--ink);
  font-weight: 800;
}

.commerce-wp13-panel {
  display: grid;
  gap: 16px;
}

.commerce-wp13-panel .panel-head p {
  margin: 6px 0 0;
  color: var(--muted);
  font-weight: 700;
}

.commerce-wp13-summary,
.commerce-wp13-coexistence,
.commerce-wp13-offers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.commerce-wp13-summary article,
.commerce-wp13-coexistence > div,
.commerce-wp13-offers article {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 14px 16px;
}

.commerce-wp13-summary article,
.commerce-wp13-coexistence > div,
.commerce-wp13-offers article > div:first-child {
  display: grid;
  gap: 8px;
}

.commerce-wp13-summary small,
.commerce-wp13-coexistence span,
.commerce-wp13-offers small,
.commerce-wp13-offers dt {
  color: var(--muted);
  font-weight: 800;
}

.commerce-wp13-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.commerce-wp13-coexistence strong,
.commerce-wp13-offers strong {
  color: var(--ink);
}

.commerce-wp13-offers article {
  display: grid;
  gap: 12px;
}

.commerce-wp13-offers article.active {
  border-color: var(--teal);
  background: #e8f0ff;
}

.commerce-wp13-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.commerce-wp13-offers article strong {
  font-size: 18px;
  line-height: 1.2;
}

.commerce-wp13-offers dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.commerce-wp13-offers dd {
  margin: 0;
  color: var(--ink);
  font-weight: 900;
}

.commerce-wp13-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp13-actions .secondary-button {
  min-height: 40px;
}

@media (max-width: 720px) {
  .marketplace-storefront-page .marketplace-card-grid,
  .commerce-b2b-page .commerce-phase-list {
    grid-template-columns: 1fr;
  }

  .marketplace-storefront-page .marketplace-card-body {
    min-height: auto;
  }

  .marketplace-storefront-page .marketplace-card-actions {
    grid-template-columns: 1fr;
  }

  .commerce-wp11-grid,
  .commerce-wp11-meta,
  .commerce-wp11-row,
  .commerce-wp12-layout,
  .commerce-wp13-actions {
    grid-template-columns: 1fr;
  }

  .commerce-wp11-row {
    align-items: stretch;
  }
}

@media (max-width: 840px) {
  .commerce-table {
    border: 0;
    background: transparent;
  }

  .commerce-table .table-head {
    display: none;
  }

  .commerce-table .table-row {
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  }

  .commerce-table .table-row + .table-row {
    border-top: 1px solid var(--line);
  }

  .commerce-table .commerce-table-cell {
    grid-template-columns: minmax(110px, 0.38fr) minmax(0, 1fr);
    align-items: center;
  }

  .commerce-table .commerce-table-cell small {
    display: block;
  }
}

@media (max-width: 1180px) {
  .commerce-b2b-page .commerce-hero,
  .commerce-b2b-page .commerce-content-grid,
  .commerce-b2b-page .commerce-operation-grid {
    grid-template-columns: 1fr;
  }
}

/* RUX-01 Shared UX UI and Navigation Foundation */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  overflow-x: hidden;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a,
input,
select,
textarea,
[tabindex] {
  min-width: 0;
}

:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(7, 85, 237, 0.32);
  outline-offset: 3px;
}

/* RUX-02 Shared Functionality and Workflow Foundation */
.rux02-toast-region {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: grid;
  gap: 10px;
  width: min(420px, calc(100vw - 32px));
  pointer-events: none;
}

.rux02-toast {
  transform: translateY(8px);
  opacity: 0;
  border: 1px solid rgba(148, 163, 184, 0.38);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
  padding: 13px 15px;
  font-weight: 800;
  line-height: 1.35;
  transition: opacity 180ms ease, transform 180ms ease;
}

.rux02-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
}

.rux02-toast.info {
  border-color: rgba(7, 85, 237, 0.3);
  background: #ecfdf5;
  color: #0647c2;
}

.rux02-toast.error {
  border-color: rgba(245, 158, 11, 0.42);
  background: #fffbeb;
  color: #92400e;
}

.rux02-toast.success {
  border-color: rgba(34, 197, 94, 0.34);
  background: #f0fdf4;
  color: #166534;
}

.is-rux-working {
  cursor: progress;
}

button.is-rux-working,
.primary-button.is-rux-working,
.small-button.is-rux-working,
.secondary-button.is-rux-working {
  position: relative;
  overflow: hidden;
}

button.is-rux-working::after,
.primary-button.is-rux-working::after,
.small-button.is-rux-working::after,
.secondary-button.is-rux-working::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.24), transparent);
  transform: translateX(-100%);
  animation: rux02-busy-sweep 950ms ease infinite;
}

/* RUX-03 Super Admin Builder Completion */
.rux03-admin-command-center,
.rux03-admin-governance-panel {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
  padding: clamp(18px, 2vw, 26px);
}

.rux03-admin-command-center {
  display: grid;
  gap: 18px;
}

.rux03-admin-area-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

.rux03-admin-area-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  min-height: 100%;
  border: 1px solid rgba(203, 213, 225, 0.85);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  padding: 16px;
}

.rux03-admin-area-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0755ed;
  color: #ffffff;
}

.rux03-admin-area-body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.rux03-admin-area-body h4 {
  margin: 0;
  font-size: 1rem;
}

.rux03-admin-area-body p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.rux03-admin-route-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.rux03-admin-route-list .small-button {
  min-height: 38px;
  padding-inline: 12px;
}

/* RUX-05 Company Builder Completion */
.company-context-strip,
.rux05-company-command-center {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.company-context-strip {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto;
  gap: 14px;
  align-items: center;
  margin: 18px 22px 0;
  padding: 14px 16px;
}

.company-context-strip > div:first-child {
  display: grid;
  gap: 4px;
}

.company-context-strip strong {
  font-size: 1.02rem;
}

.company-context-strip small {
  color: var(--muted);
}

.company-context-metrics,
.company-context-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.company-context-metrics span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 34px;
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  padding: 6px 10px;
  font-weight: 800;
}

.company-context-permissions {
  grid-column: 1 / -1;
  color: var(--muted);
}

.rux05-company-command-center {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 2vw, 26px);
}

.rux05-company-command-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}

.rux05-company-area-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  padding: 16px;
}

.rux05-company-area-card.is-locked {
  opacity: 0.78;
  background: #f8fafc;
}

.rux05-company-area-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0755ed;
  color: #ffffff;
}

.rux05-company-area-body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.rux05-company-area-topline {
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: space-between;
}

.rux05-company-area-topline h4,
.rux05-company-area-body p {
  margin: 0;
}

.rux05-company-area-body p,
.rux05-company-area-body small {
  color: var(--muted);
  line-height: 1.45;
}

.rux05-area-status {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 900;
}

.rux05-area-status.ready {
  background: #dcfce7;
  color: #047857;
}

.rux05-area-status.warning {
  background: #fef3c7;
  color: #92400e;
}

.rux05-area-status.pending {
  background: #e0f2fe;
  color: #0369a1;
}

.rux05-company-area-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* RUX-07 Wholesale Partner Builder Completion */
.wholesale-context-strip,
.rux07-wholesale-command-center {
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.wholesale-context-strip {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(300px, 1.5fr) auto;
  gap: 14px;
  align-items: center;
  margin: 18px 22px 0;
  padding: 14px 16px;
}

.wholesale-context-strip > div:first-child {
  display: grid;
  gap: 4px;
}

.wholesale-context-strip strong {
  color: var(--ink);
  font-size: 1.02rem;
}

.wholesale-context-strip small {
  color: var(--muted);
}

.wholesale-context-metrics,
.wholesale-context-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.wholesale-context-metrics span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 34px;
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  padding: 6px 10px;
  font-weight: 800;
}

.rux07-wholesale-command-center {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 2vw, 26px);
}

.rux07-wholesale-command-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}

.rux07-wholesale-area-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  padding: 16px;
  min-width: 0;
}

.rux07-wholesale-area-card.is-locked {
  opacity: 0.78;
  background: #f8fafc;
}

.rux07-wholesale-area-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0755ed;
  color: #ffffff;
}

.rux07-wholesale-area-body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.rux07-wholesale-area-topline {
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: space-between;
}

.rux07-wholesale-area-topline h4,
.rux07-wholesale-area-body p {
  margin: 0;
}

.rux07-wholesale-area-body p,
.rux07-wholesale-area-body small {
  color: var(--muted);
  line-height: 1.45;
}

.rux07-area-status {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 900;
}

.rux07-area-status.ready {
  background: #dcfce7;
  color: #047857;
}

.rux07-area-status.warning {
  background: #fef3c7;
  color: #92400e;
}

.rux07-area-status.pending {
  background: #e0f2fe;
  color: #0369a1;
}

.rux07-wholesale-area-actions,
.rux07-wholesale-bulk-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rux07-wholesale-bulk-strip {
  border-top: 1px solid rgba(203, 213, 225, 0.7);
  padding-top: 14px;
}

.commerce-b2b-page .commerce-data-panel {
  overflow: hidden;
}

.commerce-b2b-page .commerce-table {
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-page .commerce-table-row {
  background: #ffffff;
}

.commerce-b2b-page .commerce-table-cell {
  border-right: 1px solid rgba(226, 232, 240, 0.8);
}

.commerce-b2b-page .commerce-table-cell:last-child {
  border-right: 0;
}

.commerce-b2b-page .commerce-table-cell b {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 1080px) {
  .company-context-strip,
  .wholesale-context-strip {
    grid-template-columns: 1fr;
  }
}

.admin-sensitive-action {
  white-space: nowrap;
}

form.is-rux-working {
  outline: 1px solid rgba(7, 85, 237, 0.24);
  outline-offset: 3px;
}

@keyframes rux02-busy-sweep {
  to {
    transform: translateX(100%);
  }
}

:where(.page, .panel, .panel-wide, .module-hero, .page-head, .main-shell, .topbar, .sidebar, .nav, .public-shop-shell, .public-shop-page, .commerce-b2b-page) {
  min-width: 0;
}

.main-shell {
  overflow-x: hidden;
  background: var(--page);
}

.sidebar {
  overflow: hidden;
}

.company-shell .sidebar {
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 14px;
}

.brand,
.portal-switcher button,
.nav-item,
.small-button,
.primary-button,
.secondary-button,
.public-shop-account-nav a,
.public-shop-account-nav button {
  border-radius: 8px;
}

.brand span,
.brand strong,
.brand small,
.portal-switcher span,
.nav-item span,
.topbar h1,
.topbar .eyebrow {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portal-switcher {
  align-items: stretch;
  overflow: visible;
}

.portal-switcher button {
  align-items: center;
  justify-items: start;
  line-height: 1.25;
}

.company-shell .portal-switcher,
.company-marketplace-switcher {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
}

.company-shell .portal-switcher button,
.company-marketplace-switcher button {
  min-height: 78px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 8px;
  justify-items: center;
  align-content: center;
  text-align: center;
  padding: 10px 8px;
}

.company-shell .portal-switcher svg,
.company-marketplace-switcher svg {
  width: 36px;
  height: 36px;
}

.company-shell .portal-switcher span,
.company-marketplace-switcher span {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  font-size: 12px;
  line-height: 1.15;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.company-admin-return-card {
  position: relative;
  z-index: 1;
  margin: 0;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.36);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.company-admin-return-card button {
  width: 100%;
  min-height: 68px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 0;
  border-radius: 15px;
  background: transparent;
  color: #e5edf7;
  cursor: pointer;
  padding: 12px;
  text-align: left;
}

.company-admin-return-card button:hover,
.company-admin-return-card button:focus-visible {
  background: rgba(7, 85, 237, 0.12);
  outline: 2px solid rgba(7, 85, 237, 0.28);
  outline-offset: 2px;
}

.company-admin-return-card svg {
  width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(7, 85, 237, 0.18);
  color: #77a7f4;
}

.company-admin-return-card span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.company-admin-return-card strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.15;
}

.company-admin-return-card small {
  color: #9fb0c6;
  font-size: 11px;
  line-height: 1.25;
}

.company-admin-return-card.active {
  border-color: rgba(7, 85, 237, 0.46);
  background: rgba(7, 85, 237, 0.14);
}

.company-shell .nav {
  min-height: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.marketplace-portal-showcase {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
  padding: 22px 24px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 18px;
  background: linear-gradient(135deg, #e8f0ff 0%, #ffffff 58%, #fffbeb 100%);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
}

.marketplace-portal-showcase.b2b {
  border-color: rgba(245, 158, 11, 0.34);
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 56%, #ecfeff 100%);
}

.marketplace-portal-showcase-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.marketplace-portal-showcase h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.08;
}

.marketplace-portal-showcase p {
  max-width: 720px;
  margin: 0;
  color: #64748b;
  font-size: 16px;
  line-height: 1.5;
}

.marketplace-portal-showcase-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 840px) {
  .marketplace-portal-showcase {
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
  }

  .marketplace-portal-showcase-actions,
  .marketplace-portal-showcase-actions .primary-button {
    width: 100%;
  }
}

.nav {
  gap: 18px;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.7) rgba(15, 23, 42, 0.2);
}

.nav-item {
  width: 100%;
  min-height: 44px;
  overflow: hidden;
}

.nav-item svg,
.small-button svg,
.primary-button svg,
.secondary-button svg {
  flex: 0 0 auto;
}

.nav-item span {
  white-space: normal;
  line-height: 1.2;
}

.topbar {
  gap: 16px;
  overflow: hidden;
}

.topbar-actions {
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.topbar-actions .small-button {
  min-height: 44px;
}

.page,
.public-shop-page,
.commerce-b2b-page {
  width: 100%;
}

.page-head,
.module-hero,
.panel,
.panel-wide,
.widget,
.kpi,
.metric-card {
  overflow: hidden;
}

.panel:empty,
.panel-wide:empty,
.widget:empty,
.kpi:empty {
  display: none;
}

.page-head,
.module-hero {
  align-items: center;
}

.page-head > *,
.module-hero > *,
.panel > *,
.panel-wide > * {
  min-width: 0;
}

.quick-strip,
.dashboard-action-grid,
.kpi-grid,
.module-map,
.commerce-kpi-grid,
.commerce-gate-grid,
.commerce-module-grid,
.commerce-operation-grid,
.public-product-grid,
.marketplace-card-grid {
  align-items: stretch;
}

.dashboard-action-card,
.commerce-module-tile,
.commerce-process-card,
.commerce-metric-card,
.marketplace-card,
.public-product-tile,
.public-shop-section,
.public-trust-section {
  min-width: 0;
}

.small-button,
.primary-button,
.secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  text-align: center;
  white-space: normal;
  line-height: 1.2;
}

input,
select,
textarea {
  max-width: 100%;
}

.table,
.admin-table,
.commerce-table {
  width: 100%;
  overflow-x: auto;
}

.table-head,
.table-row,
.admin-table-head,
.admin-table-row,
.commerce-table-head,
.commerce-table-row {
  min-width: min(100%, 860px);
  display: grid;
  grid-template-columns: var(--cols, repeat(auto-fit, minmax(150px, 1fr)));
  align-items: stretch;
  gap: 0;
}

.table-head > *,
.table-row > *,
.admin-table-head > *,
.admin-table-row > *,
.commerce-table-head > *,
.commerce-table-row > * {
  min-width: 0;
  padding: 12px 14px;
  overflow-wrap: anywhere;
}

.table-row + .table-row,
.admin-table-row + .admin-table-row,
.commerce-table-row + .commerce-table-row {
  border-top: 1px solid var(--soft-line);
}

.commerce-table .commerce-table-cell {
  display: grid;
  align-content: center;
  gap: 4px;
}

.commerce-table .commerce-table-cell small {
  display: none;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.commerce-table .commerce-table-cell b {
  color: var(--ink);
  line-height: 1.25;
}

.commerce-empty-state,
.empty-state,
.public-shop-empty {
  min-height: clamp(128px, 18vh, 240px);
}

.public-shop-header {
  min-width: 0;
}

.public-shop-search {
  width: 100%;
}

.public-shop-nav {
  scrollbar-width: thin;
  scrollbar-color: rgba(251, 191, 36, 0.7) rgba(17, 24, 39, 0.45);
}

.public-shop-account-nav {
  min-width: 0;
}

.public-shop-account-nav a,
.public-shop-account-nav button {
  white-space: nowrap;
}

.public-guest-question-backdrop,
.modal-backdrop,
.drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
}

.public-guest-question-modal,
.modal,
.drawer {
  max-width: min(720px, calc(100vw - 32px));
}

@media (max-width: 1180px) {
  .public-shop-header {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .public-shop-logo {
    justify-content: flex-start;
  }

  .public-shop-account-nav {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .company-shell .portal-switcher,
  .company-marketplace-switcher {
    grid-template-columns: 1fr;
  }

  .company-shell .portal-switcher button,
  .company-marketplace-switcher button {
    min-height: 56px;
  }
}

@media (max-width: 840px) {
  .table-head,
  .admin-table-head,
  .commerce-table-head {
    display: none;
  }

  .table-row,
  .admin-table-row,
  .commerce-table-row {
    min-width: 0;
    grid-template-columns: 1fr !important;
    gap: 8px;
    margin-bottom: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #ffffff;
  }

  .table-row > *,
  .admin-table-row > *,
  .commerce-table-row > * {
    padding: 10px 12px;
  }

  .commerce-table .commerce-table-cell {
    grid-template-columns: minmax(112px, 0.36fr) minmax(0, 1fr);
    align-items: center;
  }

  .commerce-table .commerce-table-cell small {
    display: block;
  }
}

@media (max-width: 760px) {
  .topbar,
  .page-head,
  .module-hero {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .topbar-actions,
  .page-actions,
  .commerce-hero-actions,
  .public-shop-account-nav {
    width: 100%;
  }

  .topbar-actions .small-button,
  .page-actions .small-button,
  .commerce-hero-actions .primary-button,
  .commerce-hero-actions .secondary-button,
  .sales-page-tabs button,
  .sales-hub-card button,
  .sales-report-card button,
  .sales-settings-card button,
  .public-shop-account-nav a,
  .public-shop-account-nav button {
    width: 100%;
  }

  .sales-page-tabs {
    justify-content: stretch;
  }

  .sales-hub-grid,
  .sales-dashboard-filters,
  .support-feedback-layout,
  .support-feedback-grid {
    grid-template-columns: 1fr;
  }

  .support-feedback-context dl div {
    grid-template-columns: 1fr;
  }

  .sales-hub-card,
  .sales-report-card,
  .sales-settings-card {
    grid-template-columns: 1fr;
  }

  .sales-hub-card .soft-badge {
    position: static;
    justify-self: start;
  }

  .sales-invoice-issue-layout .sales-editor-panel,
  .sales-side-panel {
    grid-column: 1 / -1;
  }

  .public-shop-header,
  .public-shop-nav,
  .public-shop-page {
    padding-left: 16px;
    padding-right: 16px;
  }

  .public-shop-search {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .public-shop-search select,
  .public-shop-search input,
  .public-shop-search .primary-button {
    border-radius: 8px;
    min-height: 44px;
  }
}

.module-hero.support-feedback-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 28px 30px;
}

.module-hero.support-feedback-hero > span.support-feedback-hero-icon {
  width: 62px;
  height: 62px;
}

.support-feedback-hero h2 {
  max-width: 760px;
  margin: 8px 0 0;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
}

.support-feedback-hero p {
  max-width: 760px;
  font-size: 16px;
  line-height: 1.6;
}

.support-feedback-form,
.support-feedback-context,
.support-admin-panel {
  padding: 24px;
}

.support-requests-page {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.support-my-overview {
  display: block;
  width: 100%;
}

.support-my-hero,
.support-my-kpi {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.support-my-hero {
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
  padding: 28px;
}

.support-my-hero-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.support-my-hero h2 {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--ink);
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
}

.support-my-hero p {
  max-width: 720px;
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.5;
}

.support-my-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  align-self: center;
}

.support-my-actions .small-button,
.support-my-actions .primary-button {
  min-height: 46px;
  white-space: nowrap;
}

.support-my-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.support-my-kpi {
  min-height: 88px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.support-my-kpi > span,
.support-my-empty > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius);
  color: #ffffff;
  background: var(--teal);
}

.support-my-kpi small,
.support-my-kpi strong,
.support-my-kpi em {
  display: block;
}

.support-my-kpi small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.support-my-kpi strong {
  margin-top: 4px;
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
}

.support-my-kpi em {
  margin-top: 6px;
  color: var(--quiet);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.support-my-panel {
  min-height: 260px;
}

.support-my-empty {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px dashed rgba(7, 85, 237, 0.35);
  border-radius: var(--radius);
  padding: 22px;
  background: #f8fffc;
}

.support-my-empty strong {
  display: block;
  color: var(--ink);
  font-size: 17px;
  font-weight: 950;
}

.support-my-empty p {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.support-request-list {
  display: grid;
  gap: 12px;
}

.support-request-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
  gap: 16px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  background: #fbfdff;
}

.support-request-card-main {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.support-request-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.support-request-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.25;
}

.support-request-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.support-request-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.support-request-meta div {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.support-request-meta dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.support-request-meta dd {
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.support-request-card-actions {
  display: grid;
  gap: 8px;
}

.support-request-card-actions .small-button {
  justify-content: center;
}

.support-response-box {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(7, 85, 237, 0.25);
  border-radius: var(--radius);
  padding: 12px;
  background: #e8f0ff;
}

.support-response-box strong {
  color: var(--teal-dark);
  font-weight: 950;
}

.support-response-box p {
  margin: 0;
  color: var(--ink);
  line-height: 1.5;
}

.support-response-box small {
  color: var(--muted);
  font-weight: 750;
}

.support-response-box.pending-response {
  border-color: #fde68a;
  background: #fffbeb;
}

.support-request-reply-form {
  display: grid;
  gap: 8px;
  min-width: 220px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
}

.support-request-reply-form label {
  display: grid;
  gap: 6px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.support-request-reply-form textarea {
  width: 100%;
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
  color: var(--ink);
  font: inherit;
  font-weight: 650;
  resize: vertical;
}

.support-request-card-user {
  grid-template-columns: minmax(0, 1fr) minmax(160px, auto);
}

@media (max-width: 1100px) {
  .support-my-hero-top,
  .support-request-card,
  .support-request-card-user,
  .support-request-meta,
  .module-hero.support-feedback-hero {
    grid-template-columns: 1fr;
  }

  .support-my-actions {
    justify-content: flex-start;
  }

  .support-my-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .support-my-overview,
  .support-my-hero,
  .support-request-card,
  .support-request-card-user,
  .support-request-meta,
  .module-hero.support-feedback-hero {
    grid-template-columns: 1fr;
  }

  .support-my-actions {
    justify-content: flex-start;
  }

  .module-hero.support-feedback-hero > span.support-feedback-hero-icon {
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .support-my-kpis {
    grid-template-columns: 1fr;
  }

  .support-my-actions .small-button,
  .support-my-actions .primary-button {
    width: 100%;
  }
}
/* Automation professional command center */
.automation-command-center {
  border-color: rgba(7, 85, 237, .28);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.automation-command-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(260px, .95fr);
  gap: 18px;
  align-items: stretch;
}

.automation-command-main {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.automation-command-main h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}

.automation-command-main p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.automation-command-score {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, .24);
  border-radius: 8px;
  background: #ffffff;
}

.automation-command-score > strong {
  min-width: 104px;
  color: #0647c2;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0;
}

.automation-command-score span {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.automation-command-score b {
  color: var(--ink);
}

.automation-command-score small {
  color: var(--muted);
  font-weight: 800;
}

.automation-command-meter {
  display: block;
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.automation-command-meter em {
  display: block;
  width: var(--automation-readiness, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0755ed, #2563eb);
}

.automation-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.automation-command-actions .primary-button,
.automation-command-actions .small-button {
  min-height: 38px;
}

.automation-readiness-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.automation-readiness-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon value";
  gap: 3px 10px;
  align-items: center;
  min-height: 72px;
  padding: 11px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #ffffff;
}

.automation-readiness-item svg {
  grid-area: icon;
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 8px;
  color: #ffffff;
  background: #334155;
}

.automation-readiness-item.active svg,
.automation-readiness-item.ready svg,
.automation-readiness-item.connected svg,
.automation-readiness-item.processed svg {
  background: #166534;
}

.automation-readiness-item.needs_config svg,
.automation-readiness-item.needs_data svg,
.automation-readiness-item.planned svg {
  background: #f59e0b;
}

.automation-readiness-item b {
  grid-area: label;
  color: var(--ink);
  font-size: 13px;
}

.automation-readiness-item small {
  grid-area: value;
  color: var(--muted);
  font-weight: 800;
}

.automation-quick-strip .primary-action {
  border-color: rgba(7, 85, 237, .34);
  color: #ffffff;
  background: var(--teal);
}

.automation-portfolio-panel {
  grid-column: 1 / -1;
}

.automation-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 12px;
}

.automation-portfolio-group {
  display: grid;
  gap: 10px;
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

.automation-portfolio-group header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.automation-portfolio-group header strong {
  color: var(--ink);
}

.automation-portfolio-group header span {
  border-radius: 999px;
  padding: 4px 8px;
  color: #075985;
  background: #e0f2fe;
  font-size: 11px;
  font-weight: 900;
}

.automation-flow-chip-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.automation-flow-chip-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon name status"
    "icon meta status";
  gap: 3px 9px;
  align-items: center;
  min-height: 58px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 9px;
  background: #f8fafc;
}

.automation-flow-chip-list li > span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: #ffffff;
  background: #64748b;
}

.automation-flow-chip-list li.active > span {
  background: #0755ed;
}

.automation-flow-chip-list li.ready > span {
  background: #2563eb;
}

.automation-flow-chip-list li.blocked > span {
  background: #dc2626;
}

.automation-flow-chip-list b {
  grid-area: name;
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.25;
}

.automation-flow-chip-list small {
  grid-area: meta;
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
}

.automation-flow-chip-list em {
  grid-area: status;
  align-self: center;
  justify-self: end;
  max-width: 118px;
  border-radius: 999px;
  padding: 4px 7px;
  color: #334155;
  background: #e2e8f0;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-align: right;
}

.automation-flow-chip-list li.active em {
  color: #0647c2;
  background: #dbe5f5;
}

.automation-flow-chip-list li.ready em {
  color: #1d4ed8;
  background: #dbeafe;
}

.automation-flow-chip-list li.blocked em {
  color: #991b1b;
  background: #fee2e2;
}

.automation-runbook-panel {
  grid-column: span 4;
}

.automation-runbook-track {
  display: grid;
  gap: 10px;
}

.automation-runbook-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "index label"
    "index value";
  gap: 3px 10px;
  align-items: center;
  min-height: 58px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.automation-runbook-step > b {
  grid-area: index;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #ffffff;
  background: #334155;
}

.automation-runbook-step.ready > b,
.automation-runbook-step.active > b,
.automation-runbook-step.processed > b,
.automation-runbook-step.logged > b {
  background: #166534;
}

.automation-runbook-step.needs_config > b,
.automation-runbook-step.planned > b {
  background: #f59e0b;
}

.automation-runbook-step strong {
  grid-area: label;
  color: var(--ink);
  font-size: 13px;
}

.automation-runbook-step small {
  grid-area: value;
  color: var(--muted);
  font-weight: 800;
}

@media (max-width: 900px) {
  .automation-command-grid,
  .automation-readiness-list {
    grid-template-columns: 1fr;
  }

  .automation-command-score {
    grid-template-columns: 1fr;
  }

  .automation-command-score > strong {
    min-width: 0;
    font-size: 34px;
  }

  .automation-runbook-panel {
    grid-column: 1 / -1;
  }
}

/* Professional B2B marketplace and public catalog */
.public-commerce-shell {
  background: #f5f8fb;
  color: #16202a;
}

.public-commerce-header {
  border-bottom-color: rgba(22, 32, 42, 0.1);
  background: rgba(255, 255, 255, 0.94);
}

.public-commerce-entry-link,
.public-commerce-shell .public-shop-account-link {
  gap: 8px;
}

.public-commerce-page {
  display: grid;
  gap: 18px;
  padding-bottom: 30px;
}

.public-commerce-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: stretch;
  gap: 18px;
  min-height: 0;
  padding: 28px;
  border: 1px solid rgba(6, 71, 194, 0.16);
  background:
    linear-gradient(135deg, rgba(6, 71, 194, 0.12), rgba(250, 204, 21, 0.16)),
    #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.08);
}

.public-commerce-hero-copy {
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
}

.public-commerce-hero-copy p,
.public-commerce-section-head p {
  margin: 0;
  color: #0647c2;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.public-commerce-hero-copy h1 {
  max-width: 820px;
  margin: 0;
  color: #111827;
  font-size: clamp(2rem, 2.9vw, 3.2rem);
  line-height: 1.02;
  letter-spacing: 0;
}

.public-commerce-hero-copy > span {
  max-width: 760px;
  color: #4b5563;
  font-size: 1.02rem;
  line-height: 1.55;
}

.public-commerce-hero-actions,
.public-commerce-offer-actions,
.commerce-admin-catalog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.public-commerce-hero-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content: stretch;
}

.public-commerce-hero-stat,
.public-commerce-offer-tile,
.public-commerce-supplier-tile,
.public-commerce-signal-card,
.public-commerce-admin-group,
.public-commerce-side-panel,
.public-commerce-pricing-panel,
.public-commerce-empty-state {
  border: 1px solid rgba(22, 32, 42, 0.1);
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.public-commerce-hero-stat {
  display: grid;
  place-content: center;
  gap: 4px;
  min-height: 118px;
  padding: 16px;
  text-align: center;
}

.public-commerce-hero-stat strong {
  color: #0647c2;
  font-size: 1.65rem;
}

.public-commerce-hero-stat span {
  color: #52616f;
  font-size: 0.86rem;
  font-weight: 700;
}

.public-commerce-route-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.public-commerce-route-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 1px solid rgba(6, 71, 194, 0.2);
  border-radius: 12px;
  background: #ffffff;
  color: #1f2937;
  font-weight: 800;
}

.public-commerce-route-tabs button.active,
.public-commerce-route-tabs button:hover {
  border-color: rgba(6, 71, 194, 0.55);
  background: #e8f0ff;
  color: #0647c2;
}

.public-commerce-admin-catalog,
.public-commerce-content-grid {
  display: grid;
  gap: 14px;
}

.public-commerce-section-head,
.commerce-admin-catalog-group-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.public-commerce-section-head h2 {
  margin: 4px 0 0;
  color: #111827;
  font-size: 1.35rem;
}

.public-commerce-admin-grid,
.public-commerce-content-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
}

.public-commerce-admin-grid,
.public-commerce-offer-grid,
.public-commerce-supplier-grid,
.public-commerce-signal-grid {
  display: grid;
  gap: 12px;
}

.public-commerce-offer-grid,
.public-commerce-supplier-grid,
.public-commerce-signal-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.public-commerce-admin-group,
.public-commerce-main-panel,
.public-commerce-side-panel,
.public-commerce-pricing-panel {
  padding: 18px;
}

.public-commerce-admin-group > div:last-child,
.public-commerce-side-panel > div {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.public-commerce-offer-tile,
.public-commerce-supplier-tile,
.public-commerce-signal-card,
.public-commerce-empty-state {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.public-commerce-card-head,
.public-commerce-price-row,
.public-commerce-mini-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.public-commerce-card-head span,
.public-commerce-signal-card > span,
.commerce-admin-catalog-group-head > span {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  background: #e8f0ff;
  color: #0647c2;
}

.public-commerce-card-head small,
.public-commerce-price-row span,
.public-commerce-mini-grid small {
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 700;
}

.public-commerce-offer-tile h3,
.public-commerce-supplier-tile h3,
.public-commerce-signal-card h3,
.public-commerce-side-panel h2 {
  margin: 0;
  color: #111827;
}

.public-commerce-offer-tile p,
.public-commerce-supplier-tile p,
.public-commerce-signal-card p,
.public-commerce-side-panel p,
.public-commerce-empty-state p {
  margin: 0;
  color: #52616f;
  line-height: 1.5;
}

.public-commerce-offer-tile ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #4b5563;
  font-size: 0.9rem;
}

.public-commerce-price-row strong {
  color: #0647c2;
  font-size: 1.18rem;
}

.public-commerce-pricing-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(110px, 0.45fr));
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(22, 32, 42, 0.08);
}

.commerce-b2b-professional-page {
  display: grid;
  gap: 14px;
  padding-bottom: 24px;
}

.commerce-b2b-professional-page .marketplace-portal-showcase,
.commerce-b2b-professional-page .module-hero,
.commerce-b2b-professional-page .panel {
  margin-top: 0;
  margin-bottom: 0;
}

.commerce-b2b-professional-page .commerce-hero {
  gap: 18px;
  min-height: 0;
  padding: 22px;
  border-radius: 14px;
}

.commerce-b2b-professional-page .commerce-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(2rem, 2.2vw, 2.65rem);
  line-height: 1.05;
}

.commerce-b2b-professional-page .commerce-kpi-grid,
.commerce-b2b-professional-page .commerce-operation-grid,
.commerce-b2b-professional-page .commerce-module-grid,
.commerce-b2b-professional-page .commerce-content-grid {
  gap: 12px;
}

.commerce-b2b-professional-page .commerce-content-grid {
  margin-top: 0;
}

.commerce-admin-catalog-panel {
  display: grid;
  gap: 14px;
}

.commerce-admin-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 12px;
}

.commerce-admin-catalog-group {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.commerce-admin-catalog-list {
  display: grid;
  gap: 8px;
}

.commerce-admin-catalog-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 12px;
  background: #f8fafc;
}

.commerce-admin-catalog-card.active {
  border-color: rgba(6, 71, 194, 0.46);
  background: #e8f0ff;
}

.commerce-admin-catalog-card > div:first-child {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 10px;
  align-items: center;
  min-width: 0;
}

.commerce-admin-catalog-card > div:first-child span {
  grid-row: span 2;
  color: #0647c2;
}

.commerce-admin-catalog-card strong,
.commerce-admin-catalog-card small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commerce-admin-catalog-card small {
  color: #64748b;
}

.commerce-b2b-professional-page .panel:empty {
  display: none;
}

@media (max-width: 920px) {
  .public-commerce-hero,
  .public-commerce-admin-grid,
  .public-commerce-content-grid {
    grid-template-columns: 1fr;
  }

  .commerce-admin-catalog-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .public-commerce-hero {
    padding: 20px;
  }

  .public-commerce-hero-panel {
    grid-template-columns: 1fr;
  }

  .public-commerce-pricing-row {
    grid-template-columns: 1fr;
  }

  .commerce-admin-catalog-actions {
    width: 100%;
  }

  .commerce-admin-catalog-actions > * {
    flex: 1 1 150px;
  }
}

/* Professional B2B marketplace polish pass 2 */
.public-commerce-shell .public-shop-header {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
}

.public-commerce-shell .public-shop-main-nav {
  justify-content: flex-start;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.public-commerce-shell .public-shop-main-nav button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 11px;
  white-space: nowrap;
}

.public-commerce-main-panel {
  border: 1px solid rgba(22, 32, 42, 0.1);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.public-commerce-admin-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-commerce-admin-group {
  align-content: start;
}

.public-commerce-admin-group > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.public-commerce-admin-group .small-button,
.public-commerce-admin-group .ghost-button {
  flex: 0 1 auto;
  min-height: 34px;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.2;
  white-space: normal;
}

.public-commerce-offer-grid,
.public-commerce-supplier-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.public-commerce-offer-tile,
.public-commerce-supplier-tile {
  align-content: start;
  min-height: 0;
}

.public-commerce-offer-tile h3,
.public-commerce-supplier-tile h3 {
  min-height: 0;
  line-height: 1.25;
}

.public-commerce-offer-actions > *,
.public-commerce-hero-actions > * {
  min-height: 38px;
}

.commerce-b2b-professional-page .marketplace-portal-showcase {
  padding: 16px 18px;
  border-radius: 12px;
}

.commerce-b2b-professional-page .commerce-hero {
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);
}

.commerce-b2b-professional-page .commerce-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.commerce-b2b-professional-page .commerce-hero-actions > *,
.commerce-b2b-professional-page .commerce-action-card > * {
  min-height: 38px;
}

.commerce-b2b-professional-page .commerce-operation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-professional-page .commerce-process-card {
  min-height: 0;
  padding: 14px;
}

.commerce-b2b-professional-page .commerce-action-card {
  align-content: start;
}

.commerce-b2b-professional-page .commerce-action-card .primary-button,
.commerce-b2b-professional-page .commerce-action-card .secondary-button {
  width: 100%;
  justify-content: center;
}

.commerce-b2b-professional-page .commerce-admin-catalog-panel {
  padding: 16px;
}

.commerce-b2b-professional-page .commerce-admin-catalog-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.commerce-b2b-professional-page .commerce-admin-catalog-card {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 10px;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions > * {
  flex: 1 1 112px;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.2;
}

.commerce-b2b-professional-page .commerce-table {
  border-radius: 12px;
  overflow-x: auto;
}

.commerce-b2b-professional-page .commerce-table-head,
.commerce-b2b-professional-page .commerce-table-row {
  min-width: max(920px, 100%);
  gap: 0;
  align-items: center;
}

.commerce-b2b-professional-page .commerce-table-row {
  padding: 0;
}

.commerce-b2b-professional-page .commerce-table-cell {
  min-height: 52px;
  padding: 10px 12px;
  border: 0;
  border-right: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 0;
  background: #ffffff;
}

.commerce-b2b-professional-page .commerce-table-cell:last-child {
  border-right: 0;
}

.commerce-b2b-professional-page .commerce-table .commerce-table-cell small {
  display: block;
  margin-bottom: 3px;
  color: #667085;
  font-size: 10px;
}

.commerce-b2b-professional-page .commerce-table .commerce-table-cell b {
  font-size: 13px;
  line-height: 1.25;
}

.commerce-b2b-professional-page .commerce-table-action-cell {
  justify-items: start;
  background: #e8f0ff;
}

.commerce-b2b-professional-page .commerce-table-action {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

.commerce-b2b-professional-page .commerce-table-action-cell.active {
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-professional-page .commerce-table-action.active {
  border-color: rgba(7, 85, 237, 0.45);
  background: #dbe5f5;
}

@media (max-width: 1180px) {
  .commerce-b2b-professional-page .commerce-content-grid,
  .commerce-b2b-professional-page .commerce-hero,
  .commerce-b2b-professional-page .commerce-operation-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .public-commerce-shell .public-shop-header,
  .public-commerce-admin-grid {
    grid-template-columns: 1fr;
  }

  .public-commerce-shell .public-shop-main-nav {
    order: 3;
    width: 100%;
  }
}

@media (max-width: 760px) {
  .commerce-b2b-professional-page .commerce-table-head {
    display: none;
  }

  .commerce-b2b-professional-page .commerce-table-row {
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
  }

  .commerce-b2b-professional-page .commerce-table-cell {
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 10px;
  }

  .commerce-b2b-professional-page .commerce-table-action {
    width: 100%;
    justify-content: center;
    white-space: normal;
  }

  .public-commerce-offer-grid,
  .public-commerce-supplier-grid {
    grid-template-columns: 1fr;
  }
}

/* Professional B2B navigation and action polish pass 3 */
.public-commerce-shell a,
.public-commerce-shell button {
  font-family: inherit;
}

.public-commerce-shell a {
  text-decoration: none;
}

.public-commerce-shell .public-shop-header {
  align-items: center;
  padding: 12px 28px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.public-commerce-shell .public-shop-brand,
.public-commerce-shell .public-shop-main-nav button,
.public-commerce-shell .public-shop-account-link,
.public-commerce-shell a.ghost-button,
.public-commerce-shell a.small-button,
.public-commerce-shell a.primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  font-weight: 850;
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
}

.public-commerce-shell .public-shop-brand {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.public-commerce-shell .public-shop-main-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.public-commerce-shell .public-shop-main-nav button {
  border: 1px solid rgba(6, 71, 194, 0.18);
  background: #ffffff;
  color: #223044;
  box-shadow: none;
}

.public-commerce-shell .public-shop-main-nav button.active,
.public-commerce-shell .public-shop-main-nav button:hover {
  border-color: #0647c2;
  background: #0647c2;
  color: #ffffff;
}

.public-commerce-shell .public-shop-account-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.public-commerce-shell .public-shop-account-link,
.public-commerce-shell a.ghost-button,
.public-commerce-shell a.small-button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  background: #ffffff;
  color: #0647c2;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.public-commerce-shell a.ghost-button:hover,
.public-commerce-shell a.small-button:hover,
.public-commerce-shell .public-shop-account-link:hover {
  border-color: rgba(6, 71, 194, 0.45);
  background: #e8f0ff;
  color: #0647c2;
}

.public-commerce-shell a.primary-button {
  color: #ffffff;
}

.public-commerce-section-head .ghost-button {
  white-space: nowrap;
}

.public-commerce-admin-group .small-button.active,
.public-commerce-admin-group .small-button:hover {
  border-color: rgba(6, 71, 194, 0.55);
  background: #0647c2;
  color: #ffffff;
}

@media (max-width: 920px) {
  .public-commerce-shell .public-shop-header {
    padding: 12px 16px;
  }

  .public-commerce-shell .public-shop-account-nav {
    justify-content: flex-start;
  }
}

/* Professional B2B marketplace polish pass 4 */
.commerce-b2b-professional-page {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 100%;
}

.commerce-b2b-executive-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.72fr);
  gap: 18px;
  align-items: stretch;
  padding: 20px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(232, 240, 255, 0.96), rgba(255, 255, 255, 0.98)),
    #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.commerce-b2b-executive-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
}

.commerce-b2b-executive-copy h2 {
  margin: 0;
  max-width: 820px;
  color: #071426;
  font-size: 1.9rem;
  line-height: 1.08;
  letter-spacing: 0;
}

.commerce-b2b-executive-copy p {
  margin: 0;
  max-width: 760px;
  color: #52616f;
  font-size: 0.98rem;
  line-height: 1.5;
}

.commerce-b2b-executive-shortcuts,
.commerce-b2b-executive-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}

.commerce-b2b-executive-shortcuts button,
.commerce-b2b-executive-actions > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border-radius: 10px;
  font-weight: 850;
  line-height: 1.15;
  text-decoration: none;
}

.commerce-b2b-executive-shortcuts button {
  border: 1px solid rgba(6, 71, 194, 0.18);
  background: #ffffff;
  color: #253044;
  padding: 8px 12px;
}

.commerce-b2b-executive-shortcuts button.active,
.commerce-b2b-executive-shortcuts button:hover {
  border-color: #0647c2;
  background: #0647c2;
  color: #ffffff;
}

.commerce-b2b-executive-side {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.commerce-b2b-executive-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-executive-stats article {
  display: grid;
  align-content: center;
  min-height: 92px;
  padding: 12px;
  border: 1px solid rgba(6, 71, 194, 0.14);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

.commerce-b2b-executive-stats strong {
  color: #0647c2;
  font-size: 1.35rem;
  line-height: 1;
}

.commerce-b2b-executive-stats span {
  color: #071426;
  font-size: 0.82rem;
  font-weight: 850;
}

.commerce-b2b-executive-stats small {
  color: #667085;
  font-size: 0.72rem;
  font-weight: 750;
}

.commerce-b2b-executive-actions {
  justify-content: flex-end;
}

.commerce-b2b-professional-page .commerce-route-hero {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: stretch;
  min-height: 0;
  padding: 20px;
  overflow: hidden;
}

.commerce-b2b-professional-page .commerce-route-hero .commerce-hero-copy {
  align-content: center;
}

.commerce-b2b-professional-page .commerce-route-hero .commerce-hero-copy h1 {
  max-width: 720px;
  font-size: 2rem;
}

.commerce-b2b-professional-page .commerce-route-hero .commerce-hero-copy p {
  max-width: 760px;
}

.commerce-b2b-professional-page .commerce-route-hero .commerce-hero-panel {
  align-content: start;
  min-height: 0;
}

.commerce-b2b-professional-page .commerce-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 14px;
}

.commerce-b2b-professional-page .commerce-metric-card {
  min-height: 112px;
  padding: 16px;
  overflow: hidden;
}

.commerce-b2b-professional-page .commerce-admin-catalog-panel,
.commerce-b2b-professional-page .commerce-operations-panel,
.commerce-b2b-professional-page .commerce-module-map-panel {
  border-radius: 16px;
}

.public-commerce-shell {
  min-height: 100vh;
}

.public-commerce-shell .public-shop-header {
  position: sticky;
  top: 0;
  z-index: 15;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  min-height: 64px;
  padding: 10px 24px;
}

.public-commerce-header-summary {
  display: grid;
  gap: 2px;
  min-width: 0;
  justify-self: start;
}

.public-commerce-header-summary span {
  color: #0647c2;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.public-commerce-header-summary strong {
  min-width: 0;
  overflow: hidden;
  color: #1f2937;
  font-size: 0.98rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-commerce-shell .public-shop-account-nav {
  flex-wrap: nowrap;
}

.public-commerce-page {
  width: min(100%, 1500px);
  margin: 0 auto;
  padding: 18px 24px 40px;
  gap: 18px;
}

.public-commerce-hero {
  grid-template-columns: minmax(0, 1.5fr) minmax(360px, 0.5fr);
  gap: 20px;
  padding: 24px;
  border-radius: 16px;
}

.public-commerce-hero-copy h1 {
  max-width: 860px;
  font-size: clamp(1.85rem, 2.3vw, 2.7rem);
  line-height: 1.07;
}

.public-commerce-hero-copy > span {
  max-width: 820px;
  font-size: 0.98rem;
}

.public-commerce-hero-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.public-commerce-hero-stat {
  min-height: 88px;
  padding: 12px;
}

.public-commerce-route-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scrollbar-width: thin;
}

.public-commerce-route-tabs button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 10px;
  white-space: nowrap;
}

.public-commerce-admin-catalog {
  padding: 0;
}

.public-commerce-admin-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.public-commerce-admin-group {
  padding: 18px;
}

.public-commerce-admin-group > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.public-commerce-admin-group .small-button,
.public-commerce-admin-group .ghost-button {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  justify-content: center;
}

.public-commerce-content-grid {
  grid-template-columns: minmax(0, 2fr) minmax(320px, 0.72fr);
  gap: 18px;
}

.public-commerce-main-panel,
.public-commerce-side-panel {
  border-radius: 16px;
}

.public-commerce-main-panel {
  padding: 20px;
}

.public-commerce-offer-grid,
.public-commerce-supplier-grid,
.public-commerce-signal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.public-commerce-offer-tile,
.public-commerce-supplier-tile,
.public-commerce-signal-card {
  min-height: 210px;
  padding: 18px;
}

.public-commerce-offer-actions,
.public-commerce-hero-actions {
  gap: 9px;
}

.public-commerce-offer-actions > *,
.public-commerce-hero-actions > * {
  flex: 0 1 auto;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 10px;
  white-space: normal;
}

@media (max-width: 1320px) {
  .commerce-b2b-executive-bar,
  .commerce-b2b-professional-page .commerce-route-hero,
  .public-commerce-hero,
  .public-commerce-content-grid {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-executive-actions {
    justify-content: flex-start;
  }

  .public-commerce-offer-grid,
  .public-commerce-supplier-grid,
  .public-commerce-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .commerce-b2b-executive-stats,
  .commerce-b2b-professional-page .commerce-kpi-grid,
  .public-commerce-admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-commerce-shell .public-shop-header {
    grid-template-columns: 1fr auto;
  }

  .public-commerce-header-summary {
    display: none;
  }
}

@media (max-width: 680px) {
  .commerce-b2b-executive-bar,
  .commerce-b2b-professional-page .commerce-route-hero,
  .public-commerce-hero,
  .public-commerce-main-panel,
  .public-commerce-side-panel,
  .public-commerce-admin-group {
    padding: 16px;
  }

  .commerce-b2b-executive-stats,
  .commerce-b2b-professional-page .commerce-kpi-grid,
  .public-commerce-admin-grid,
  .public-commerce-admin-group > div:last-child,
  .public-commerce-offer-grid,
  .public-commerce-supplier-grid,
  .public-commerce-signal-grid {
    grid-template-columns: 1fr;
  }

  .public-commerce-page {
    padding: 14px 14px 28px;
  }

  .public-commerce-shell .public-shop-header {
    padding: 10px 14px;
  }

  .public-commerce-shell .public-shop-account-nav {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
}

/* Professional B2B marketplace polish pass 5 */
.public-commerce-shell .public-shop-header {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  min-height: 64px;
}

@media (max-width: 1320px) and (min-width: 1101px) {
  .commerce-b2b-executive-bar {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.7fr);
  }

  .commerce-b2b-professional-page .commerce-route-hero {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  }

  .public-commerce-hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
  }

  .public-commerce-content-grid {
    grid-template-columns: minmax(0, 2fr) minmax(300px, 0.78fr);
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .public-commerce-shell .public-shop-header {
    grid-template-columns: auto minmax(160px, 1fr) auto;
    align-items: center;
  }

  .public-commerce-shell .public-shop-account-nav {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}

@media (max-width: 760px) {
  .public-commerce-shell .public-shop-header {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}

/* Professional B2B marketplace polish pass 6 */
.public-commerce-route-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 8px;
  overflow: visible;
  padding: 0;
}

.public-commerce-route-tabs button {
  flex: initial;
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  white-space: normal;
}

@media (min-width: 1460px) {
  .public-commerce-route-tabs {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .public-commerce-route-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 2px 2px 8px;
  }

  .public-commerce-route-tabs button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}



/* Professional B2B logged-in workspace polish pass 7 */
.commerce-b2b-professional-page {
  gap: 16px;
  max-width: 1520px;
  margin-inline: auto;
}

.commerce-b2b-professional-page .panel,
.commerce-b2b-professional-page .panel-wide,
.commerce-b2b-professional-page .module-hero,
.commerce-b2b-professional-page .commerce-b2b-executive-bar {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.commerce-b2b-professional-page .panel,
.commerce-b2b-professional-page .panel-wide {
  padding: 18px;
}

.commerce-b2b-professional-page .panel-head,
.commerce-b2b-professional-page .commerce-section-heading {
  gap: 14px;
  align-items: flex-start;
}

.commerce-b2b-professional-page .panel-head h3,
.commerce-b2b-professional-page .commerce-section-heading h2 {
  line-height: 1.16;
  letter-spacing: 0;
}

.commerce-b2b-professional-page .commerce-admin-catalog-panel {
  gap: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  overflow: visible;
}

.commerce-admin-catalog-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.commerce-b2b-professional-page .commerce-admin-catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.commerce-b2b-professional-page .commerce-admin-catalog-group.active {
  border-color: rgba(6, 71, 194, 0.46);
  background: linear-gradient(180deg, #e8f0ff 0%, #ffffff 100%);
}

.commerce-b2b-professional-page .commerce-admin-catalog-group-head {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group-head > span {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group-head h3,
.commerce-b2b-professional-page .commerce-admin-catalog-group-head small {
  display: block;
  min-width: 0;
  margin: 0;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group-head h3 {
  color: #0f172a;
  font-size: 0.98rem;
  line-height: 1.2;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group-head small {
  margin-top: 3px;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group-head em {
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef2f7;
  color: #64748b;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-b2b-professional-page .commerce-admin-catalog-group.active .commerce-admin-catalog-group-head em {
  background: #dbe5f5;
  color: #0647c2;
}

.commerce-b2b-professional-page .commerce-admin-catalog-list {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-admin-catalog-panel.compact .commerce-admin-catalog-list {
  max-height: 430px;
  overflow: auto;
  padding-right: 3px;
  scrollbar-width: thin;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  align-content: start;
  padding: 11px;
  border-radius: 11px;
  background: #f8fafc;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card.active {
  background: #e8f0ff;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card > div:first-child {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 4px 10px;
  align-items: start;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card > div:first-child span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card strong {
  color: #0f172a;
  font-size: 0.88rem;
  line-height: 1.2;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card small {
  display: -webkit-box;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.32;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.commerce-b2b-professional-page .commerce-admin-catalog-panel.compact .commerce-admin-catalog-card:not(.active) small {
  -webkit-line-clamp: 1;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions > * {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  border-radius: 9px;
  font-size: 0.75rem;
  line-height: 1.15;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions .small-button.active {
  border-color: rgba(6, 71, 194, 0.45);
  background: #0647c2;
  color: #ffffff;
}

.commerce-b2b-professional-page .commerce-sync-panel {
  gap: 16px;
  overflow: visible;
}

.commerce-b2b-professional-page .commerce-sync-actions,
.commerce-b2b-professional-page .commerce-hero-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 9px;
  align-items: stretch;
}

.commerce-b2b-professional-page .commerce-sync-actions .primary-button,
.commerce-b2b-professional-page .commerce-sync-actions .secondary-button,
.commerce-b2b-professional-page .commerce-hero-actions .primary-button,
.commerce-b2b-professional-page .commerce-hero-actions .secondary-button {
  width: 100%;
  min-height: 38px;
  padding: 8px 11px;
  border-radius: 10px;
  line-height: 1.15;
}

.commerce-b2b-professional-page .commerce-sync-status-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-professional-page .commerce-sync-status-grid article {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 78px;
  padding: 12px;
  border-radius: 11px;
}

.commerce-b2b-professional-page .commerce-sync-status-grid strong {
  font-size: 1.35rem;
}

.commerce-b2b-professional-page .commerce-sync-status-grid span {
  margin-top: 4px;
  font-size: 0.78rem;
  line-height: 1.25;
}

.commerce-b2b-professional-page .commerce-content-grid {
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.75fr);
  gap: 16px;
}

.commerce-b2b-professional-page .commerce-content-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-professional-page .commerce-content-grid.compact > .panel,
.commerce-b2b-professional-page .commerce-content-grid > .panel {
  min-height: 0;
  padding: 16px;
}

.commerce-b2b-professional-page .commerce-sync-panel .commerce-next-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.commerce-b2b-professional-page .commerce-next-panel .commerce-next-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.commerce-b2b-professional-page .commerce-next-item,
.commerce-b2b-professional-page .commerce-next-row {
  min-width: 0;
  min-height: 0;
  padding: 11px 12px;
  border-radius: 11px;
  align-items: flex-start;
}

.commerce-b2b-professional-page .commerce-next-row {
  grid-template-columns: 34px minmax(0, 1fr);
}

.commerce-b2b-professional-page .commerce-next-row svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 9px;
}

.commerce-b2b-professional-page .commerce-next-item .soft-badge,
.commerce-b2b-professional-page .commerce-next-row .soft-badge {
  max-width: 150px;
  line-height: 1.15;
  white-space: normal;
}

.commerce-b2b-professional-page .commerce-next-item strong,
.commerce-b2b-professional-page .commerce-next-row span {
  color: #0f172a;
  line-height: 1.25;
}

.commerce-b2b-professional-page .commerce-next-item small {
  max-width: none;
  line-height: 1.35;
}

.commerce-b2b-professional-page .commerce-next-item.active {
  border-color: rgba(7, 85, 237, 0.5);
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-professional-page .commerce-wp34-panel .commerce-sync-actions {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-b2b-professional-page .commerce-wp34-panel .commerce-sync-actions > * {
  min-width: 0;
  white-space: normal;
}

.commerce-b2b-professional-page .commerce-wp34-panel .commerce-content-grid.compact {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: start;
}

.commerce-b2b-professional-page .commerce-wp34-panel .commerce-wp34-campaign-list {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-b2b-professional-page .commerce-wp34-campaign-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, auto) minmax(160px, auto);
  align-items: center;
  gap: 12px;
}

.commerce-b2b-professional-page .commerce-wp34-campaign-item.active {
  border-color: rgba(7, 85, 237, 0.5);
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-professional-page .commerce-wp34-campaign-copy {
  display: grid;
  min-width: 0;
  gap: 7px;
}

.commerce-b2b-professional-page .commerce-wp34-campaign-copy strong,
.commerce-b2b-professional-page .commerce-wp34-campaign-copy small {
  overflow-wrap: break-word;
  word-break: normal;
}

.commerce-b2b-professional-page .commerce-wp34-campaign-copy .soft-badge {
  justify-self: start;
  max-width: none;
}

.commerce-b2b-professional-page .commerce-wp34-campaign-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-wp34-campaign-meta span {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.commerce-b2b-professional-page .commerce-wp34-campaign-meta b {
  display: block;
  margin-bottom: 3px;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.commerce-b2b-professional-page .commerce-wp34-row-action {
  min-height: 42px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

@media (max-width: 1180px) {
  .commerce-b2b-professional-page .commerce-wp34-panel .commerce-content-grid.compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .commerce-b2b-professional-page .commerce-wp34-campaign-item {
    grid-template-columns: minmax(0, 1fr);
  }
}

.commerce-b2b-professional-page .commerce-wp35a-panel .commerce-sync-actions {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-b2b-professional-page .commerce-wp35a-panel .commerce-sync-actions > * {
  min-width: 0;
  white-space: normal;
}

.commerce-b2b-professional-page .commerce-wp35a-panel .commerce-content-grid.compact {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  align-items: start;
}

.commerce-b2b-professional-page .commerce-wp35a-panel .commerce-wp35a-list {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-b2b-professional-page .commerce-wp35a-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.commerce-b2b-professional-page .commerce-wp35a-item.active {
  border-color: rgba(7, 85, 237, 0.5);
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-professional-page .commerce-wp35a-copy {
  display: grid;
  min-width: 0;
  gap: 7px;
}

.commerce-b2b-professional-page .commerce-wp35a-copy strong,
.commerce-b2b-professional-page .commerce-wp35a-copy small {
  overflow-wrap: break-word;
  word-break: normal;
}

.commerce-b2b-professional-page .commerce-wp35a-copy .soft-badge {
  justify-self: start;
  max-width: none;
}

.commerce-b2b-professional-page .commerce-wp35a-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-wp35a-meta span {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.commerce-b2b-professional-page .commerce-wp35a-meta b {
  display: block;
  margin-bottom: 3px;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.commerce-b2b-professional-page .commerce-wp35a-row-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 8px;
  width: 100%;
}

.commerce-b2b-professional-page .commerce-wp35a-row-action {
  min-height: 40px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

@media (max-width: 1180px) {
  .commerce-b2b-professional-page .commerce-wp35a-panel .commerce-content-grid.compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .commerce-b2b-professional-page .commerce-wp35a-meta {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
}

.commerce-b2b-professional-page .commerce-wp35b-panel .commerce-sync-actions {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.commerce-b2b-professional-page .commerce-wp35b-panel .commerce-sync-actions > * {
  min-width: 0;
  white-space: normal;
}

.commerce-b2b-professional-page .commerce-wp35b-panel .commerce-content-grid.compact,
.commerce-b2b-professional-page .commerce-wp35b-grid {
  grid-template-columns: repeat(2, minmax(300px, 1fr));
  align-items: start;
}

.commerce-b2b-professional-page .commerce-wp35b-list {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-b2b-professional-page .commerce-wp35b-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-wp35b-item.active {
  border-color: rgba(7, 85, 237, 0.5);
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-professional-page .commerce-wp35b-copy {
  display: grid;
  min-width: 0;
  gap: 7px;
}

.commerce-b2b-professional-page .commerce-wp35b-copy strong,
.commerce-b2b-professional-page .commerce-wp35b-copy small {
  overflow-wrap: break-word;
  word-break: normal;
}

.commerce-b2b-professional-page .commerce-wp35b-copy .soft-badge {
  justify-self: start;
  max-width: none;
}

.commerce-b2b-professional-page .commerce-wp35b-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-wp35b-meta span {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.commerce-b2b-professional-page .commerce-wp35b-meta b {
  display: block;
  margin-bottom: 3px;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.commerce-b2b-professional-page .commerce-wp35b-row-action {
  min-height: 40px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

@media (max-width: 1180px) {
  .commerce-b2b-professional-page .commerce-wp35b-panel .commerce-content-grid.compact,
  .commerce-b2b-professional-page .commerce-wp35b-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .commerce-b2b-professional-page .commerce-wp35b-meta {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
}
.commerce-wp24-feedback,
.commerce-wp25-feedback {
  display: flex;
  width: 100%;
  margin-top: 2px;
}

.commerce-wp24-feedback span,
.commerce-wp25-feedback span {
  display: grid;
  gap: 2px;
}

.commerce-wp24-feedback small,
.commerce-wp25-feedback small {
  color: inherit;
  opacity: 0.78;
}

.commerce-wp25-panel .commerce-hero-actions button {
  justify-content: center;
  min-width: 176px;
}

.commerce-partner-wallet-panel {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 14px;
  background: rgba(232, 240, 255, 0.45);
}

.commerce-partner-wallet-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.commerce-partner-wallet-head h4 {
  margin: 2px 0 4px;
  font-size: 1.05rem;
}

.commerce-partner-wallet-head p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
}

.commerce-partner-wallet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 12px;
}

.commerce-partner-wallet-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}

.commerce-partner-wallet-card-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.commerce-partner-wallet-card-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  color: var(--primary-dark);
  background: rgba(7, 85, 237, 0.1);
}

.commerce-partner-wallet-card-head strong,
.commerce-partner-wallet-card-head small {
  display: block;
  min-width: 0;
}

.commerce-partner-wallet-card-head small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.commerce-partner-wallet-card-head em {
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--primary-dark);
  background: rgba(7, 85, 237, 0.11);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 800;
}

.commerce-partner-wallet-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commerce-partner-wallet-meta span {
  min-width: 0;
  padding: 10px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.035);
}

.commerce-partner-wallet-meta small,
.commerce-partner-wallet-meta b {
  display: block;
}

.commerce-partner-wallet-meta small {
  color: var(--muted);
  font-size: 0.78rem;
}

.commerce-partner-wallet-meta b {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.commerce-partner-wallet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commerce-partner-wallet-actions button {
  min-width: 0;
  width: auto;
  padding: 9px 13px;
}

@media (max-width: 720px) {
  .commerce-partner-wallet-head,
  .commerce-partner-wallet-card-head {
    grid-template-columns: 1fr;
    display: grid;
  }

  .commerce-partner-wallet-grid,
  .commerce-partner-wallet-meta {
    grid-template-columns: 1fr;
  }
}

.commerce-b2b-professional-page .commerce-module-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.commerce-b2b-professional-page .commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.commerce-b2b-professional-page .commerce-module-tile {
  min-height: 72px;
  padding: 12px;
  border-radius: 11px;
}

.commerce-b2b-professional-page .commerce-module-tile svg {
  width: 38px;
  height: 38px;
}

.commerce-b2b-professional-page .commerce-operation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-professional-page .commerce-process-card {
  min-height: 0;
  padding: 14px;
  border-radius: 12px;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-admin-catalog-panel.compact {
  order: 4;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-operations-panel {
  order: 2;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel {
  order: 3;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-module-map-panel {
  order: 5;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-content-grid {
  order: 6;
}

.commerce-wp35c-panel > .commerce-content-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-wp35c-panel > .commerce-data-panel:last-child .commerce-next-list {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.commerce-wp35c-panel > .commerce-data-panel:last-child .commerce-next-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.commerce-wp35c-panel > .commerce-data-panel:last-child .soft-badge {
  justify-self: start;
}

@media (max-width: 1380px) {
  .commerce-b2b-professional-page .commerce-admin-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-b2b-professional-page .commerce-sync-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .commerce-b2b-professional-page .commerce-content-grid,
  .commerce-b2b-professional-page .commerce-content-grid.compact,
  .commerce-wp35c-panel > .commerce-content-grid.compact {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .commerce-b2b-professional-page {
    max-width: 100%;
  }

  .commerce-b2b-professional-page .commerce-admin-catalog-grid,
  .commerce-b2b-professional-page .commerce-operation-grid,
  .commerce-wp35c-panel > .commerce-data-panel:last-child .commerce-next-list {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-professional-page .commerce-sync-status-grid,
  .commerce-b2b-professional-page .commerce-sync-actions,
  .commerce-b2b-professional-page .commerce-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .commerce-b2b-professional-page .commerce-sync-status-grid,
  .commerce-b2b-professional-page .commerce-sync-actions,
  .commerce-b2b-professional-page .commerce-hero-actions,
  .commerce-b2b-professional-page .commerce-admin-catalog-actions {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-professional-page .commerce-admin-catalog-toolbar {
    justify-content: flex-start;
  }
}


/* Professional B2B logged-in workspace polish pass 8 */
.commerce-b2b-professional-page > .commerce-b2b-executive-bar,
.commerce-b2b-professional-page > .module-hero,
.commerce-b2b-professional-page > .commerce-kpi-grid,
.commerce-b2b-professional-page > .commerce-admin-catalog-panel,
.commerce-b2b-professional-page > .commerce-operations-panel,
.commerce-b2b-professional-page > .commerce-sync-panel,
.commerce-b2b-professional-page > .commerce-module-map-panel,
.commerce-b2b-professional-page > .commerce-content-grid,
.commerce-b2b-professional-page > .commerce-data-panel {
  width: 100%;
  min-width: 0;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact {
  padding: 16px;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-section-heading p {
  max-width: 680px;
  margin-top: 4px;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-grid {
  grid-template-columns: minmax(320px, 1.2fr) repeat(3, minmax(220px, 0.8fr));
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group:not(.active) {
  background: #fbfdff;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group:not(.active) .commerce-admin-catalog-card {
  padding: 10px;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group:not(.active) .commerce-admin-catalog-card strong {
  font-size: 0.82rem;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group:not(.active) .commerce-admin-catalog-card small {
  display: none;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group:not(.active) .commerce-admin-catalog-actions > * {
  min-height: 32px;
}

.commerce-b2b-professional-page .commerce-action-card,
.commerce-b2b-professional-page .commerce-process-card,
.commerce-b2b-professional-page .commerce-metric-card,
.commerce-b2b-professional-page .commerce-module-tile,
.commerce-b2b-professional-page .commerce-next-item,
.commerce-b2b-professional-page .commerce-admin-catalog-card {
  overflow: hidden;
}

.commerce-b2b-professional-page .commerce-action-card p,
.commerce-b2b-professional-page .commerce-process-card small,
.commerce-b2b-professional-page .commerce-next-item small,
.commerce-b2b-professional-page .commerce-module-tile small {
  overflow-wrap: anywhere;
}

.commerce-b2b-professional-page .commerce-action-card .primary-button,
.commerce-b2b-professional-page .commerce-action-card .secondary-button,
.commerce-b2b-professional-page .commerce-sync-actions .primary-button,
.commerce-b2b-professional-page .commerce-sync-actions .secondary-button,
.commerce-b2b-professional-page .commerce-admin-catalog-actions .small-button,
.commerce-b2b-professional-page .commerce-admin-catalog-actions .secondary-button {
  white-space: normal;
}

.commerce-b2b-professional-page .commerce-table {
  width: 100%;
}

.commerce-b2b-professional-page .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-table-cell b,
.commerce-b2b-professional-page .commerce-table-cell span,
.commerce-b2b-professional-page .commerce-table-cell small {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-command-center > .commerce-operations-panel {
  order: 2;
}

.commerce-b2b-route-commerce-ai-command-center > .commerce-wp35c-panel {
  order: 3;
}

.commerce-b2b-route-commerce-ai-command-center > .commerce-admin-catalog-panel.compact {
  order: 4;
}

.commerce-b2b-route-commerce-ai-command-center > .commerce-module-map-panel {
  order: 5;
}

.commerce-b2b-route-commerce-ai-command-center > .commerce-content-grid {
  order: 6;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-content-grid.compact,
.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-data-panel {
  order: initial;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-content-grid.compact {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-sync-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-sync-status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-data-panel:last-child .commerce-next-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-next-item {
  min-height: 98px;
}

@media (max-width: 1280px) {
  .commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-content-grid.compact,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-sync-actions,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-sync-status-grid,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-data-panel:last-child .commerce-next-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-section-heading {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-grid,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-content-grid.compact,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-sync-actions,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel .commerce-sync-status-grid,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-panel > .commerce-data-panel:last-child .commerce-next-list {
    grid-template-columns: 1fr;
  }
}

/* Professional B2B admin catalog pass 9 */
.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-grid {
  grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
  align-items: start;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-list {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.commerce-b2b-professional-page .commerce-admin-catalog-card {
  overflow: visible;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
  width: 100%;
  align-items: stretch;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions > * {
  min-width: 0;
  min-height: 38px;
  white-space: nowrap;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions .small-button span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.commerce-b2b-professional-page .commerce-admin-run-button {
  display: inline-grid;
  place-items: center;
  width: 40px;
  min-width: 40px;
  padding: 0;
  font-size: 0;
}

.commerce-b2b-professional-page .commerce-admin-run-button svg {
  width: 18px;
  height: 18px;
}

.commerce-b2b-route-commerce-wholesale .commerce-content-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.72fr);
  align-items: start;
}

.commerce-b2b-admin-products-panel {
  overflow: visible;
}

.commerce-admin-product-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.commerce-admin-product-toolbar > * {
  min-height: 38px;
}

.commerce-admin-product-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-admin-product-summary article {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 10px;
  background: #f8fafc;
}

.commerce-admin-product-summary strong {
  color: #0647c2;
  font-size: 1.35rem;
  line-height: 1;
}

.commerce-admin-product-summary span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 850;
}

.commerce-admin-product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: 14px;
  align-items: start;
}

.commerce-admin-product-table {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: #ffffff;
}

.commerce-admin-product-row {
  display: grid;
  grid-template-columns: 38px minmax(270px, 1.65fr) minmax(130px, 0.8fr) minmax(170px, 1fr) minmax(92px, 0.55fr) minmax(110px, 0.65fr) minmax(130px, 0.7fr) minmax(210px, 1fr);
  min-width: 1180px;
  align-items: center;
  gap: 0;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.commerce-admin-product-row:first-child {
  border-top: 0;
}

.commerce-admin-product-row > * {
  min-width: 0;
  padding: 11px 12px;
}

.commerce-admin-product-row:not(.commerce-admin-product-head):hover,
.commerce-admin-product-row.active {
  background: #e8f0ff;
}

.commerce-admin-product-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #132033;
  color: #ffffff;
  border-radius: 12px 12px 0 0;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-admin-check {
  display: grid;
  place-items: center;
}

.commerce-admin-product-title {
  display: grid;
  gap: 4px;
}

.commerce-admin-product-title strong,
.commerce-admin-product-row strong {
  overflow: hidden;
  color: #0f172a;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-admin-product-row small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 0.72rem;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-admin-status {
  display: inline-flex;
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-admin-status.success {
  background: #bbf7d0;
  color: #166534;
}

.commerce-admin-status.warning,
.commerce-admin-status.review {
  background: #fef3c7;
  color: #92400e;
}

.commerce-admin-status.muted {
  background: #e2e8f0;
  color: #64748b;
}

.commerce-admin-row-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}

.commerce-admin-link-button {
  appearance: none;
  min-height: 30px;
  padding: 5px 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #0647c2;
  font-weight: 900;
  cursor: pointer;
}

.commerce-admin-link-button:hover {
  background: #dbe5f5;
}

.commerce-admin-link-button.danger {
  color: #b42318;
}

.commerce-admin-link-button.danger:hover {
  background: #fee4e2;
}

.commerce-admin-editor-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #e8f0ff);
}

.commerce-admin-editor-card > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #dbe5f5;
  color: #0647c2;
}

.commerce-admin-editor-card h4,
.commerce-admin-editor-card strong {
  margin: 0;
  color: #0f172a;
}

.commerce-admin-editor-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.commerce-admin-editor-card dl div {
  display: grid;
  gap: 2px;
}

.commerce-admin-editor-card dt {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-admin-editor-card dd {
  margin: 0;
  color: #0f172a;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.commerce-admin-editor-actions {
  display: grid;
  gap: 8px;
}

.commerce-admin-editor-actions > * {
  width: 100%;
  justify-content: center;
}

@media (max-width: 1180px) {
  .commerce-b2b-route-commerce-wholesale .commerce-content-grid,
  .commerce-admin-product-layout {
    grid-template-columns: 1fr;
  }

  .commerce-admin-product-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .commerce-b2b-professional-page .commerce-admin-catalog-actions {
    grid-template-columns: minmax(0, 1fr) 40px;
  }

  .commerce-admin-product-summary {
    grid-template-columns: 1fr;
  }
}


/* Professional B2B admin catalog pass 10 */
.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group {
  align-content: start;
  overflow: visible;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-list {
  gap: 10px;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-card {
  min-height: 124px;
  padding: 12px;
  align-content: space-between;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-card:not(.active) strong {
  font-size: 0.88rem;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-card:not(.active) small {
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions .small-button {
  justify-content: center;
  padding-inline: 10px;
}

.commerce-wp13-admin-panel {
  overflow: visible;
}

.commerce-wp13-admin-list {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: #ffffff;
}

.commerce-wp13-admin-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.4fr) minmax(190px, 0.9fr) minmax(110px, 0.55fr) minmax(130px, 0.65fr) minmax(210px, 0.95fr);
  min-width: 920px;
  align-items: center;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.commerce-wp13-admin-row:first-child {
  border-top: 0;
}

.commerce-wp13-admin-row > * {
  min-width: 0;
  padding: 11px 12px;
}

.commerce-wp13-admin-head {
  background: #132033;
  color: #ffffff;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-wp13-admin-row:not(.commerce-wp13-admin-head):hover {
  background: #e8f0ff;
}

.commerce-wp13-admin-row strong,
.commerce-wp13-admin-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-wp13-admin-row strong {
  color: #0f172a;
}

.commerce-wp13-admin-row small {
  margin-top: 4px;
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 760;
}

.commerce-wp13-admin-panel .commerce-wp13-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}

.commerce-wp13-admin-panel .commerce-admin-link-button {
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-card {
    min-height: 116px;
  }
}


/* Professional B2B admin catalog pass 11 */
.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group:not(.active) .commerce-admin-catalog-actions > *,
.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-group.active .commerce-admin-catalog-actions > * {
  min-height: 38px;
}

.commerce-b2b-professional-page > .commerce-admin-catalog-panel.compact .commerce-admin-catalog-card {
  overflow: visible;
}


/* Professional B2B admin catalog pass 12 */
.commerce-b2b-professional-page .commerce-admin-catalog-actions {
  grid-template-columns: 1fr;
}

.commerce-b2b-professional-page .commerce-admin-catalog-actions .small-button {
  min-height: 42px;
  width: 100%;
  justify-content: center;
}

.commerce-b2b-professional-page .commerce-admin-run-button {
  display: none;
}

.commerce-b2b-route-commerce-products .commerce-content-grid,
.commerce-b2b-route-commerce-services .commerce-content-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.72fr);
  align-items: start;
}

@media (max-width: 1180px) {
  .commerce-b2b-route-commerce-products .commerce-content-grid,
  .commerce-b2b-route-commerce-services .commerce-content-grid {
    grid-template-columns: 1fr;
  }
}


/* Professional B2B unique route links pass 13 */
.commerce-b2b-executive-shortcuts .commerce-executive-shortcut {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(6, 71, 194, 0.22);
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
}

.commerce-b2b-executive-shortcuts .commerce-executive-shortcut svg {
  width: 18px;
  height: 18px;
  color: #0647c2;
}

.commerce-b2b-executive-shortcuts .commerce-executive-shortcut.active,
.commerce-b2b-executive-shortcuts .commerce-executive-shortcut:hover,
.commerce-b2b-executive-shortcuts .commerce-executive-shortcut:focus-visible {
  border-color: rgba(6, 71, 194, 0.42);
  background: #dbe5f5;
  color: #0647c2;
  outline: none;
}

.commerce-dedicated-page-panel {
  display: grid;
  gap: 16px;
}

.commerce-dedicated-page-panel .panel-head {
  align-items: flex-start;
}

.commerce-dedicated-page-panel .panel-head p {
  max-width: 760px;
  margin-top: 6px;
  color: #475569;
  font-weight: 650;
  line-height: 1.55;
}

.commerce-dedicated-page-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.35fr) minmax(240px, 0.75fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-dedicated-page-main,
.commerce-dedicated-page-records article {
  min-width: 0;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.commerce-dedicated-page-main {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
}

.commerce-dedicated-page-main > span,
.commerce-dedicated-page-records article svg {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 12px;
  background: #dbe5f5;
  color: #0647c2;
}

.commerce-dedicated-page-main strong,
.commerce-dedicated-page-records strong {
  display: block;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.25;
}

.commerce-dedicated-page-main small,
.commerce-dedicated-page-records small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 750;
  line-height: 1.45;
}

.commerce-dedicated-page-main .primary-button {
  width: 100%;
  justify-content: center;
  white-space: normal;
}

.commerce-dedicated-page-records {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.commerce-dedicated-page-records article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
}

.commerce-dedicated-page-records article svg {
  grid-row: span 2;
  width: 38px;
  height: 38px;
}

.commerce-dedicated-page-links {
  display: grid;
  gap: 8px;
  align-content: start;
}

.commerce-dedicated-page-links .secondary-button {
  width: 100%;
  justify-content: flex-start;
  min-height: 44px;
  white-space: normal;
  text-align: left;
}

.commerce-module-tile[href],
.commerce-admin-catalog-actions a.small-button {
  text-decoration: none;
}

@media (max-width: 1180px) {
  .commerce-dedicated-page-grid,
  .commerce-dedicated-page-records {
    grid-template-columns: 1fr;
  }
}


/* Professional B2B unique management pages pass 14 */
.commerce-management-page-panel {
  display: grid;
  gap: 16px;
}

.commerce-management-page-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.commerce-management-page-head p {
  max-width: 860px;
  margin-top: 6px;
  color: #475569;
  font-weight: 650;
  line-height: 1.55;
}

.commerce-management-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.commerce-management-toolbar > * {
  min-height: 42px;
  white-space: normal;
  text-align: center;
}

.commerce-management-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-management-summary article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 12px;
  background: #f8fafc;
}

.commerce-management-summary strong {
  display: block;
  color: #0f172a;
  font-size: 1.35rem;
  line-height: 1.15;
}

.commerce-management-summary span,
.commerce-management-summary small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-weight: 800;
  line-height: 1.35;
}

.commerce-management-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: 14px;
  align-items: start;
}

.commerce-management-table {
  overflow-x: auto;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.commerce-management-row {
  display: grid;
  grid-template-columns: var(--cols);
  min-width: 980px;
  align-items: center;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.commerce-management-row:first-child {
  border-top: 0;
}

.commerce-management-row-head {
  background: #132033;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0;
}

.commerce-management-row > * {
  min-width: 0;
  padding: 12px;
}

.commerce-management-row b,
.commerce-management-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-management-row b {
  color: #0f172a;
  font-weight: 900;
}

.commerce-management-row small {
  margin-top: 3px;
  color: #64748b;
  font-weight: 750;
}

.commerce-management-row-head b {
  color: #ffffff;
}

.commerce-management-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.commerce-management-actions .commerce-admin-link-button {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 8px 10px;
  border-radius: 9px;
  white-space: normal;
}

.commerce-management-actions .danger-button {
  border-color: rgba(239, 68, 68, 0.24);
  background: #fff1f2;
  color: #b91c1c;
}

.commerce-management-editor-card {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(203, 213, 225, 0.95);
  border-radius: 12px;
  background: #f8fafc;
}

.commerce-management-editor-card > span {
  width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 12px;
  background: #dbe5f5;
  color: #0647c2;
}

.commerce-management-editor-card h4 {
  margin: 0;
  color: #0f172a;
  font-size: 1.05rem;
}

.commerce-management-editor-card p {
  margin: 0;
  color: #64748b;
  font-weight: 700;
  line-height: 1.45;
}

.commerce-management-editor-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.commerce-management-editor-card dl div {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 10px;
  background: #ffffff;
}

.commerce-management-editor-card dt {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-management-editor-card dd {
  margin: 0;
  color: #0f172a;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.commerce-management-editor-actions {
  display: grid;
  gap: 8px;
}

.commerce-management-editor-actions .primary-button,
.commerce-management-editor-actions .secondary-button {
  width: 100%;
  justify-content: center;
  white-space: normal;
}

.commerce-management-related {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commerce-management-related .secondary-button {
  min-height: 40px;
  white-space: normal;
}

@media (max-width: 1180px) {
  .commerce-management-page-head,
  .commerce-management-toolbar {
    justify-content: flex-start;
  }

  .commerce-management-page-head,
  .commerce-management-layout {
    grid-template-columns: 1fr;
  }

  .commerce-management-page-head {
    display: grid;
  }

  .commerce-management-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-management-editor-card {
    position: static;
  }
}

@media (max-width: 640px) {
  .commerce-management-summary {
    grid-template-columns: 1fr;
  }

  .commerce-management-toolbar > *,
  .commerce-management-related .secondary-button {
    width: 100%;
  }

  .commerce-management-row {
    min-width: 760px;
  }
}


/* Professional B2B create pages and contextual row actions pass 15 */
.commerce-b2b-create-route .commerce-b2b-executive-bar {
  margin-bottom: 18px;
}

.commerce-create-page-panel {
  display: grid;
  gap: 18px;
}

.commerce-create-page-head {
  align-items: flex-start;
}

.commerce-create-page-head p {
  max-width: 760px;
  margin-top: 6px;
  color: #475569;
  font-weight: 650;
  line-height: 1.55;
}

.commerce-create-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
  gap: 16px;
  align-items: start;
}

.commerce-create-form {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.commerce-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
}

.commerce-create-grid label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #0f172a;
  font-weight: 900;
}

.commerce-create-grid label.wide {
  grid-column: 1 / -1;
}

.commerce-create-grid span {
  color: #475569;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.commerce-create-grid input,
.commerce-create-grid select,
.commerce-create-grid textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, 0.36);
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  font-weight: 750;
  padding: 10px 12px;
}

.commerce-create-grid textarea {
  min-height: 92px;
  resize: vertical;
}

.commerce-create-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.commerce-create-actions > * {
  min-height: 44px;
  text-decoration: none;
}

.commerce-create-aside {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(6, 71, 194, 0.2);
  border-radius: 12px;
  background: #e8f0ff;
}

.commerce-create-aside > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #dbe5f5;
  color: #0647c2;
}

.commerce-create-aside strong {
  color: #0f172a;
  font-size: 1.05rem;
}

.commerce-create-aside small {
  color: #475569;
  font-weight: 750;
  line-height: 1.45;
}

.commerce-create-aside ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.commerce-create-aside li {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #0f172a;
  font-weight: 850;
}

.commerce-create-aside li svg {
  width: 18px;
  height: 18px;
  color: #0647c2;
  flex: 0 0 auto;
}

.commerce-admin-product-row {
  grid-template-columns: 38px minmax(270px, 1.55fr) minmax(120px, 0.7fr) minmax(150px, 0.85fr) minmax(86px, 0.5fr) minmax(100px, 0.58fr) minmax(122px, 0.65fr) minmax(250px, 1fr);
}

.commerce-admin-row-actions,
.commerce-management-actions {
  opacity: 0;
  transform: translateY(3px);
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}

.commerce-admin-product-row:hover .commerce-admin-row-actions,
.commerce-admin-product-row:focus-within .commerce-admin-row-actions,
.commerce-admin-product-row.active .commerce-admin-row-actions,
.commerce-management-row:hover .commerce-management-actions,
.commerce-management-row:focus-within .commerce-management-actions,
.commerce-management-row.active .commerce-management-actions {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.commerce-admin-row-actions .commerce-admin-link-button,
.commerce-management-actions .commerce-admin-link-button {
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(6, 71, 194, 0.16);
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
}

.commerce-admin-row-actions .commerce-admin-link-button.danger,
.commerce-management-actions .commerce-admin-link-button.danger {
  border-color: rgba(180, 35, 24, 0.18);
  background: #fff7f7;
}

@media (max-width: 1180px) {
  .commerce-create-layout {
    grid-template-columns: 1fr;
  }

  .commerce-create-aside {
    position: static;
  }
}

@media (max-width: 760px) {
  .commerce-create-grid {
    grid-template-columns: 1fr;
  }

  .commerce-create-actions > * {
    width: 100%;
    justify-content: center;
  }

  .commerce-admin-row-actions,
  .commerce-management-actions {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

/* B2B admin full-width product/service lists pass 16 */
.commerce-admin-product-layout,
.commerce-management-layout {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-admin-product-table,
.commerce-management-table {
  width: 100%;
}

.commerce-admin-product-row {
  grid-template-columns: 38px minmax(220px, 2fr) minmax(90px, 0.7fr) minmax(120px, 1fr) minmax(70px, 0.45fr) minmax(85px, 0.6fr) minmax(105px, 0.7fr) minmax(190px, 0.95fr);
  min-width: 0;
  align-items: start;
}

.commerce-admin-product-title strong,
.commerce-admin-product-row strong,
.commerce-admin-product-row small,
.commerce-management-row b,
.commerce-management-row small {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.35;
}

.commerce-management-row {
  min-width: 0;
  align-items: start;
}

.commerce-admin-editor-card,
.commerce-management-editor-card {
  position: static;
  display: grid;
  grid-template-columns: 46px minmax(220px, 0.7fr) minmax(0, 1fr) minmax(190px, 0.42fr);
  gap: 12px 16px;
  align-items: center;
  margin-top: 12px;
}

.commerce-admin-editor-card > span,
.commerce-management-editor-card > span {
  grid-row: 1 / span 2;
}

.commerce-admin-editor-card h4,
.commerce-management-editor-card h4,
.commerce-admin-editor-card > strong,
.commerce-management-editor-card > strong {
  grid-column: 2;
}

.commerce-admin-editor-card dl {
  grid-column: 3;
  grid-row: 1 / span 2;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.commerce-management-editor-card p {
  grid-column: 3;
  grid-row: 1 / span 2;
}

.commerce-management-editor-card dl {
  grid-column: 4;
  grid-row: 1 / span 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-admin-editor-actions {
  grid-column: 4;
  grid-row: 1 / span 2;
}

@media (max-width: 1180px) {
  .commerce-admin-editor-card,
  .commerce-management-editor-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .commerce-admin-editor-card dl,
  .commerce-management-editor-card p,
  .commerce-management-editor-card dl,
  .commerce-admin-editor-actions {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .commerce-admin-editor-card dl,
  .commerce-management-editor-card dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-admin-product-row,
  .commerce-management-row {
    min-width: 720px;
  }

  .commerce-admin-editor-card,
  .commerce-management-editor-card {
    grid-template-columns: 1fr;
  }

  .commerce-admin-editor-card > span,
  .commerce-management-editor-card > span,
  .commerce-admin-editor-card h4,
  .commerce-management-editor-card h4,
  .commerce-admin-editor-card > strong,
  .commerce-management-editor-card > strong {
    grid-column: 1;
    grid-row: auto;
  }
}

/* B2B dedicated edit pages and compact hover actions pass 17 */
.commerce-admin-row-actions,
.commerce-management-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  align-content: center;
  min-width: 0;
}

.commerce-admin-row-actions .commerce-admin-link-button,
.commerce-management-actions .commerce-admin-link-button {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 8px;
  border-radius: 9px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.15;
}

.commerce-admin-row-actions .commerce-admin-link-button svg,
.commerce-management-actions .commerce-admin-link-button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.commerce-admin-product-row {
  grid-template-columns: 38px minmax(220px, 2fr) minmax(92px, 0.7fr) minmax(120px, 1fr) minmax(70px, 0.45fr) minmax(82px, 0.55fr) minmax(98px, 0.65fr) minmax(128px, 0.56fr);
}

.commerce-edit-page-panel {
  display: grid;
  gap: 18px;
}

.commerce-edit-page-head {
  align-items: flex-start;
}

.commerce-edit-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: 16px;
  align-items: start;
}

.commerce-edit-form {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.commerce-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.commerce-edit-grid label {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  background: #f8fafc;
}

.commerce-edit-grid label.wide {
  grid-column: 1 / -1;
}

.commerce-edit-grid label span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-edit-grid input,
.commerce-edit-grid select,
.commerce-edit-grid textarea {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
  font: inherit;
  font-weight: 850;
  outline: 0;
}

.commerce-edit-grid textarea {
  resize: vertical;
  min-height: 74px;
}

.commerce-edit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.commerce-edit-meta {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dbe5f0;
  border-radius: 12px;
  background: #f8fafc;
}

.commerce-edit-meta > span {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #dbe5f5;
  color: #0647c2;
}

.commerce-edit-meta > span svg {
  width: 22px;
  height: 22px;
}

.commerce-edit-meta strong {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}

.commerce-edit-meta dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.commerce-edit-meta dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border-radius: 10px;
  background: #ffffff;
}

.commerce-edit-meta dt {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-edit-meta dd {
  margin: 0;
  color: #0f172a;
  font-weight: 850;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .commerce-edit-layout {
    grid-template-columns: 1fr;
  }

  .commerce-edit-meta {
    position: static;
  }
}

@media (max-width: 760px) {
  .commerce-edit-grid {
    grid-template-columns: 1fr;
  }

  .commerce-edit-actions > * {
    width: 100%;
    justify-content: center;
  }
}

/* B2B audit cleanup: full-width admin lists and dependable row actions */
.commerce-b2b-professional-page .commerce-admin-product-layout,
.commerce-b2b-professional-page .commerce-management-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.commerce-b2b-professional-page .commerce-admin-product-table,
.commerce-b2b-professional-page .commerce-management-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.commerce-b2b-professional-page .commerce-admin-product-row {
  grid-template-columns: 40px minmax(270px, 2.2fr) minmax(112px, 0.8fr) minmax(160px, 1fr) minmax(84px, 0.55fr) minmax(112px, 0.7fr) minmax(132px, 0.8fr) minmax(230px, 0.95fr);
  min-width: 1250px;
  align-items: start;
}

.commerce-b2b-professional-page .commerce-management-row {
  min-width: 1120px;
  align-items: start;
}

.commerce-b2b-professional-page .commerce-admin-row-actions,
.commerce-b2b-professional-page .commerce-management-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
  align-content: center;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button,
.commerce-b2b-professional-page .commerce-management-actions .commerce-admin-link-button {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 8px;
  background: #ffffff;
  color: #0647c2;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.danger,
.commerce-b2b-professional-page .commerce-management-actions .commerce-admin-link-button.danger {
  border-color: rgba(180, 35, 24, 0.2);
  background: #fff7f7;
  color: #b42318;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.marketplace,
.commerce-b2b-professional-page .commerce-management-actions .commerce-admin-link-button.marketplace {
  border-color: rgba(7, 85, 237, 0.34);
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-b2b-professional-page .commerce-admin-editor-card,
.commerce-b2b-professional-page .commerce-management-editor-card {
  position: static;
  margin-top: 14px;
}

.commerce-b2b-professional-page .commerce-edit-layout {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-b2b-professional-page .commerce-edit-meta {
  position: static;
  grid-template-columns: 54px minmax(180px, 0.45fr) minmax(0, 1fr);
  align-items: center;
}

.commerce-b2b-professional-page .commerce-edit-meta dl {
  grid-column: 3;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .commerce-b2b-professional-page .commerce-admin-product-row,
  .commerce-b2b-professional-page .commerce-management-row {
    min-width: 980px;
  }

  .commerce-b2b-professional-page .commerce-edit-meta,
  .commerce-b2b-professional-page .commerce-edit-meta dl {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-professional-page .commerce-edit-meta dl {
    grid-column: 1 / -1;
  }
}
/* B2B flow buttons: keep long labels inside their controls */
.commerce-b2b-professional-page .commerce-sync-actions .primary-button,
.commerce-b2b-professional-page .commerce-sync-actions .secondary-button,
.commerce-b2b-professional-page .commerce-sync-actions .small-button,
.commerce-b2b-professional-page .commerce-hero-actions .primary-button,
.commerce-b2b-professional-page .commerce-hero-actions .secondary-button {
  min-width: 132px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-sync-actions {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

/* B2B import/action controls: avoid clipped labels on compact operational panels */
.commerce-b2b-professional-page .commerce-sync-actions {
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
}

.commerce-b2b-professional-page .commerce-sync-actions > button,
.commerce-b2b-professional-page .commerce-sync-actions > a {
  min-width: 0;
  min-height: 46px;
  justify-content: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

/* B2B products: professional SEO and AI assisted product intake */
.commerce-product-seo-card {
  grid-column: 1 / -1;
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(6, 71, 194, 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fffd 0%, #f8fafc 100%);
}

.commerce-product-seo-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(128px, auto);
  gap: 14px;
  align-items: start;
}

.commerce-product-seo-head > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commerce-product-seo-head span {
  color: #0647c2;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.commerce-product-seo-head strong {
  color: #0f172a;
  font-size: 1.18rem;
  font-weight: 950;
}

.commerce-product-seo-head small {
  max-width: 780px;
  color: #475569;
  font-weight: 700;
  line-height: 1.45;
}

.commerce-product-seo-meter {
  display: grid;
  min-width: 128px;
  gap: 2px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.2);
  text-align: center;
}

.commerce-product-seo-meter b {
  color: #0647c2;
  font-size: 1.35rem;
  font-weight: 950;
}

.commerce-product-seo-meter span {
  color: #475569;
  font-size: 0.72rem;
  line-height: 1.2;
  text-transform: none;
}

.commerce-product-ai-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 10px;
}

.commerce-product-ai-actions > button {
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.18;
}

.commerce-product-ai-actions > button.active {
  border-color: rgba(6, 71, 194, 0.38);
  background: #ffffff;
  color: #0647c2;
  box-shadow: inset 0 0 0 1px rgba(6, 71, 194, 0.16), 0 10px 18px rgba(15, 23, 42, 0.06);
}

.commerce-product-seo-panels {
  display: grid;
  min-width: 0;
}

.commerce-product-seo-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 12px;
  background: #ffffff;
}

.commerce-product-seo-panel[hidden] {
  display: none;
}

.commerce-product-field-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, auto);
  gap: 14px;
  align-items: center;
}

.commerce-product-field-head > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.commerce-product-field-head strong {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}

.commerce-product-field-head span {
  color: #475569;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}

.commerce-product-field-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-product-field-actions > button {
  min-width: 0;
  min-height: 42px;
  justify-content: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.15;
}

.commerce-product-seo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.commerce-product-seo-grid.single {
  grid-template-columns: 1fr;
}

.commerce-product-seo-grid label {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 900;
}

.commerce-product-seo-grid label.wide {
  grid-column: 1 / -1;
}

.commerce-product-seo-grid label span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 950;
  text-transform: uppercase;
}

.commerce-product-seo-grid input,
.commerce-product-seo-grid select,
.commerce-product-seo-grid textarea {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
  font: inherit;
  font-weight: 800;
  outline: 0;
}

.commerce-product-seo-grid textarea {
  resize: vertical;
}

.commerce-product-ai-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border-radius: 10px;
  background: #ecfeff;
  color: #0f172a;
  font-weight: 800;
}

.commerce-product-ai-status svg {
  width: 18px;
  height: 18px;
  color: #0647c2;
  flex: 0 0 auto;
}

.commerce-product-ai-status span {
  color: #475569;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: none;
}

.commerce-product-media-toolbox {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-product-media-toolbox > button {
  min-width: 0;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.18;
}

.commerce-product-media-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.commerce-product-media-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  background: #ffffff;
}

.commerce-product-media-frame {
  display: grid;
  min-height: 220px;
  overflow: hidden;
  place-items: center;
  border-radius: 8px;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
}

.commerce-product-media-frame img,
.commerce-product-media-frame video {
  display: block;
  width: 100%;
  max-height: 280px;
  object-fit: contain;
}

.commerce-product-media-empty {
  display: grid;
  gap: 8px;
  justify-items: center;
  padding: 20px;
  color: #64748b;
  text-align: center;
  font-weight: 800;
  line-height: 1.35;
}

.commerce-product-media-empty svg {
  width: 30px;
  height: 30px;
  color: #0647c2;
}

.commerce-product-media-caption {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.commerce-product-media-caption strong {
  color: #0f172a;
  font-size: 0.95rem;
  font-weight: 950;
}

.commerce-product-media-caption span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .commerce-product-seo-head,
  .commerce-product-field-head,
  .commerce-product-field-actions,
  .commerce-product-seo-grid,
  .commerce-product-media-toolbox,
  .commerce-product-media-preview-grid {
    grid-template-columns: 1fr;
  }
}

/* B2B import, editor and company profile repair pass 18 */
.commerce-sync-actions-with-upload {
  align-items: stretch;
}

.commerce-file-upload-button {
  cursor: pointer;
  position: relative;
}

.commerce-file-upload-button input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.commerce-hidden-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  pointer-events: none;
}

button.commerce-admin-check {
  display: inline-flex;
  width: 34px;
  height: 34px;
  min-width: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(6, 71, 194, 0.22);
  border-radius: 10px;
  background: #ecfdf5;
  color: #0647c2;
  cursor: pointer;
}

button.commerce-admin-check:hover,
button.commerce-admin-check:focus-visible {
  background: #dbe5f5;
  outline: 2px solid rgba(7, 85, 237, 0.25);
  outline-offset: 2px;
}

.commerce-management-editor-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  grid-column: 1 / -1;
}

.commerce-management-editor-actions .secondary-button,
.commerce-management-editor-actions .primary-button,
.commerce-management-editor-actions .danger {
  width: 100%;
  min-width: 0;
  justify-content: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

.company-profile-form,
.company-profile-section,
.company-address-grid {
  display: grid;
  gap: 16px;
}

.company-profile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.company-profile-field,
.company-lookup-card label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #0f172a;
  font-weight: 850;
}

.company-profile-field.wide {
  grid-column: 1 / -1;
}

.company-profile-field span,
.company-lookup-card label span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.company-profile-field input,
.company-profile-field textarea,
.company-lookup-card input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  font-weight: 750;
  padding: 10px 12px;
}

.company-profile-field textarea {
  resize: vertical;
}

.company-profile-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.company-profile-check-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font-weight: 850;
}

.company-lookup-card {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 0.8fr);
  gap: 12px;
  align-items: end;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 12px;
  background: #e8f0ff;
}

.company-lookup-result {
  min-height: 42px;
  display: flex;
  align-items: center;
  color: #475569;
  font-weight: 750;
}

.company-address-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.company-profile-address-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dbe5f0;
  border-radius: 12px;
  background: #ffffff;
}

.company-profile-address-card p {
  margin: 0;
  color: #64748b;
  font-weight: 700;
  line-height: 1.45;
}

.company-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

@media (max-width: 1180px) {
  .company-profile-grid,
  .company-address-grid,
  .company-lookup-card {
    grid-template-columns: 1fr;
  }

  .commerce-management-editor-actions {
    grid-template-columns: 1fr;
  }
}


/* Blank page startup recovery pass */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

#app {
  min-height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
}

.app-shell,
.main-shell,
.workspace {
  max-width: 100%;
  overflow-x: hidden;
}

.app-shell {
  min-height: 100vh;
  align-items: stretch;
}

.company-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 286px minmax(0, 1fr);
  align-items: stretch;
  background: linear-gradient(90deg, #ffffff 0 286px, var(--page) 286px 100%);
}

.sidebar {
  min-height: 100vh;
  height: 100vh;
  max-height: 100vh;
  align-self: stretch;
}

.company-shell .sidebar {
  position: sticky;
  top: 0;
  min-height: 100vh;
  height: 100vh;
  max-height: 100vh;
  align-self: start;
  background: var(--sidebar);
}

.company-shell .main-shell {
  min-height: 100vh;
  background: var(--page);
}

.sidebar .nav {
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 12px;
}

.company-profile-page,
.company-admin-page {
  max-width: none;
}

.company-profile-page .company-profile-form {
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.company-profile-page .company-profile-section,
.company-profile-page .company-address-grid,
.company-profile-page .company-profile-actions {
  grid-column: 1 / -1;
  width: 100%;
}

.company-profile-page .company-profile-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.company-profile-page .company-address-grid,
.company-profile-page .company-profile-primary-grid,
.company-profile-page .company-profile-side-stack {
  grid-template-columns: 1fr;
}

@media (max-width: 900px) {
  .company-shell {
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    background: linear-gradient(90deg, #ffffff 0 286px, var(--page) 286px 100%);
  }

  .sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  .company-shell {
    grid-template-columns: 96px minmax(0, 1fr);
    background: linear-gradient(90deg, #ffffff 0 96px, var(--page) 96px 100%);
  }
}

.freebill-static-fallback {
  display: none !important;
}

.company-admin-page .company-admin-workspace > .company-create-operator-panel,
.company-admin-page .company-admin-workspace > .company-owners-panel,
.company-admin-page .company-admin-workspace > .company-permission-guide-panel,
.company-admin-page .company-admin-workspace > .company-operators-panel,
.company-admin-page .company-admin-workspace > .company-admin-wallet-panel,
.company-admin-page .company-admin-workspace > .company-admin-audit-panel {
  grid-column: 1 / -1;
  width: 100%;
}

.company-admin-page .company-operator-form {
  grid-template-columns: repeat(3, minmax(190px, 1fr));
}

.company-admin-page .company-operator-form .permission-fieldset,
.company-admin-page .company-operator-form .primary-button {
  grid-column: 1 / -1;
}

.company-admin-page .company-operator-form input,
.company-admin-page .company-operator-form select {
  min-width: 0;
}

@media (max-width: 980px) {
  .company-admin-page .company-operator-form {
    grid-template-columns: 1fr;
  }
}
/* B2B products visual pass: keep row actions fully visible and sidebar denser */
.commerce-b2b-professional-page .commerce-admin-product-table {
  overflow-x: visible;
}

.commerce-b2b-professional-page .commerce-admin-product-row {
  grid-template-columns: 38px minmax(180px, 2fr) minmax(86px, 0.75fr) minmax(120px, 0.9fr) minmax(54px, 0.45fr) minmax(68px, 0.5fr) minmax(102px, 0.7fr) minmax(196px, 0.95fr) !important;
  min-width: 0 !important;
}

.commerce-b2b-professional-page .commerce-admin-product-row > * {
  padding: 10px 9px;
}

.commerce-b2b-professional-page .commerce-admin-product-title strong,
.commerce-b2b-professional-page .commerce-admin-product-row strong,
.commerce-b2b-professional-page .commerce-admin-product-row small {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.commerce-b2b-professional-page .commerce-admin-row-actions {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-content: start;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button {
  min-height: 38px;
  padding: 8px 7px;
  font-size: 0.78rem;
  line-height: 1.12;
  white-space: normal;
  overflow-wrap: anywhere;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.marketplace {
  grid-column: 1 / -1;
  min-height: 42px;
  font-size: 0.82rem;
}

.company-shell .sidebar {
  padding: 14px 12px;
  gap: 10px;
}

.company-shell .brand {
  min-height: 46px;
}

.company-shell .portal-switcher,
.company-marketplace-switcher {
  gap: 8px;
  padding: 8px;
}

.company-shell .portal-switcher button,
.company-marketplace-switcher button {
  min-height: 60px;
  padding: 8px 6px;
}

.company-shell .portal-switcher svg,
.company-marketplace-switcher svg {
  width: 30px;
  height: 30px;
}

.company-admin-return-card button {
  min-height: 56px;
  padding: 9px 10px;
}

.company-admin-return-card svg {
  width: 38px;
  height: 38px;
}

.company-shell .nav {
  padding-top: 8px;
}

.company-shell .nav section {
  gap: 3px;
}

.company-shell .nav-item {
  min-height: 35px;
  gap: 9px;
  padding: 0 9px;
  font-size: 13px;
  line-height: 1.14;
}

.company-shell .nav-item svg {
  width: 18px;
  height: 18px;
}

.company-shell .commerce-sidebar-finance-shortcut,
.company-shell .commerce-sidebar-public-b2b-shortcut,
.app-shell .marketplace-sidebar-public-b2c-shortcut {
  min-height: 52px;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  margin: 2px 0 8px;
  padding: 8px 10px;
  border-color: rgba(7, 85, 237, 0.24);
  background: rgba(7, 85, 237, 0.08);
}

.company-shell .commerce-sidebar-finance-shortcut:hover,
.company-shell .commerce-sidebar-finance-shortcut:focus-visible,
.company-shell .commerce-sidebar-finance-shortcut.active,
.company-shell .commerce-sidebar-public-b2b-shortcut:hover,
.company-shell .commerce-sidebar-public-b2b-shortcut:focus-visible,
.app-shell .marketplace-sidebar-public-b2c-shortcut:hover,
.app-shell .marketplace-sidebar-public-b2c-shortcut:focus-visible {
  color: #ffffff;
  border-color: rgba(7, 85, 237, 0.5);
  background: rgba(7, 85, 237, 0.16);
}

.company-shell .commerce-sidebar-finance-shortcut svg,
.company-shell .commerce-sidebar-public-b2b-shortcut svg,
.app-shell .marketplace-sidebar-public-b2c-shortcut svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 8px;
  color: #77a7f4;
  background: rgba(7, 85, 237, 0.16);
}

.company-shell .commerce-sidebar-finance-shortcut span,
.company-shell .commerce-sidebar-public-b2b-shortcut span,
.app-shell .marketplace-sidebar-public-b2c-shortcut span {
  display: grid;
  gap: 2px;
  min-width: 0;
  white-space: normal;
  line-height: 1.15;
}

.company-shell .commerce-sidebar-finance-shortcut strong,
.company-shell .commerce-sidebar-finance-shortcut small,
.company-shell .commerce-sidebar-public-b2b-shortcut strong,
.company-shell .commerce-sidebar-public-b2b-shortcut small,
.app-shell .marketplace-sidebar-public-b2c-shortcut strong,
.app-shell .marketplace-sidebar-public-b2c-shortcut small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-shell .commerce-sidebar-finance-shortcut small,
.company-shell .commerce-sidebar-public-b2b-shortcut small,
.app-shell .marketplace-sidebar-public-b2c-shortcut small {
  color: #9fb0c6;
  font-size: 11px;
}

.public-b2b-marketplace-page {
  display: grid;
  gap: 20px;
}

.public-b2b-hero {
  border-color: rgba(7, 85, 237, 0.34);
  background: linear-gradient(135deg, #e8f0ff 0%, #ffffff 64%, #f8fafc 100%);
}

.public-b2b-gateway-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.public-b2b-gateway-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.public-b2b-gateway-grid svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 8px;
  color: #ffffff;
  background: #0755ed;
}

.public-b2b-gateway-grid small {
  color: #52616f;
  line-height: 1.45;
  font-weight: 750;
}

@media (max-width: 860px) {
  .public-b2b-gateway-grid {
    grid-template-columns: 1fr;
  }
}

/* B2B products polish pass: professional row actions and natural sidebar length */
.commerce-b2b-professional-page .commerce-admin-product-row {
  grid-template-columns: 38px minmax(176px, 2fr) minmax(82px, 0.7fr) minmax(112px, 0.85fr) minmax(50px, 0.42fr) minmax(64px, 0.5fr) minmax(98px, 0.66fr) minmax(226px, 0.98fr) !important;
}

.commerce-b2b-professional-page .commerce-admin-row-actions {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  align-content: start;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button {
  min-height: 34px !important;
  width: 100%;
  justify-content: flex-start;
  padding: 8px 11px !important;
  border-radius: 7px !important;
  font-size: 0.8rem !important;
  font-weight: 900;
  line-height: 1.1 !important;
  text-align: left;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.marketplace {
  min-height: 38px !important;
  color: #0647c2;
  background: #e8f0ff;
  border-color: rgba(7, 85, 237, 0.42);
  box-shadow: 0 8px 18px rgba(6, 71, 194, 0.08);
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button:not(.marketplace):not(.danger) {
  color: #0f766e;
  background: #ffffff;
  border-color: rgba(15, 118, 110, 0.2);
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.danger {
  color: #b42318;
  background: #fff8f7;
  border-color: rgba(180, 35, 24, 0.25);
}

.company-shell {
  align-items: stretch;
}

.company-shell .sidebar {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100vh !important;
  overflow: visible !important;
  align-self: stretch !important;
}

.company-shell .nav {
  overflow-y: visible !important;
  max-height: none !important;
  scrollbar-width: none;
}

.company-shell .nav::-webkit-scrollbar {
  display: none;
}

@media (max-height: 620px) {
  .company-shell .sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    align-self: start !important;
  }

  .company-shell .nav {
    overflow-y: auto !important;
    scrollbar-width: thin;
  }

  .company-shell .nav::-webkit-scrollbar {
    display: block;
    width: 8px;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  .company-shell .commerce-sidebar-finance-shortcut,
  .company-shell .commerce-sidebar-public-b2b-shortcut,
  .app-shell .marketplace-sidebar-public-b2c-shortcut {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 8px;
  }

  .company-shell .commerce-sidebar-finance-shortcut span,
  .company-shell .commerce-sidebar-public-b2b-shortcut span,
  .app-shell .marketplace-sidebar-public-b2c-shortcut span {
    display: none;
  }
}
/* B2B partners: dedicated account controls */
.commerce-b2b-route-commerce-partner .commerce-management-row {
  min-width: 100%;
}

.commerce-b2b-route-commerce-partner .commerce-management-actions {
  min-width: 0;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.warning,
.commerce-b2b-professional-page .commerce-management-actions .commerce-admin-link-button.warning,
.commerce-b2b-professional-page .commerce-edit-actions .secondary-button.warning,
.commerce-b2b-professional-page .commerce-management-editor-actions .secondary-button.warning {
  border-color: rgba(217, 119, 6, 0.24);
  background: #fffbeb;
  color: #92400e;
}

.commerce-b2b-professional-page .commerce-admin-row-actions .commerce-admin-link-button.warning:hover,
.commerce-b2b-professional-page .commerce-management-actions .commerce-admin-link-button.warning:hover,
.commerce-b2b-professional-page .commerce-edit-actions .secondary-button.warning:hover,
.commerce-b2b-professional-page .commerce-management-editor-actions .secondary-button.warning:hover {
  background: #fef3c7;
}

.commerce-partner-form-section {
  display: grid;
  gap: 3px;
  padding: 4px 2px 0;
  color: #0647c2;
}

.commerce-partner-form-section.wide {
  grid-column: 1 / -1;
}

.commerce-partner-form-section strong {
  color: #0647c2;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.commerce-partner-form-section span {
  color: #64748b;
  font-weight: 750;
}

.commerce-partner-admin-page .commerce-hero-actions {
  flex-wrap: wrap;
}

.commerce-partner-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.75fr);
  gap: 16px;
  align-items: start;
}

.commerce-partner-account-grid,
.commerce-partner-checklist {
  display: grid;
  gap: 12px;
}

.commerce-partner-account-card {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.commerce-partner-account-card.active {
  border-color: rgba(7, 85, 237, 0.45);
  background: #e8f0ff;
}

.commerce-partner-card-main {
  width: 100%;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  cursor: pointer;
}

.commerce-partner-card-main > span {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.commerce-partner-card-main strong,
.commerce-partner-card-main small {
  display: block;
  min-width: 0;
}

.commerce-partner-card-main strong {
  color: #071633;
  font-size: 1rem;
  font-weight: 950;
}

.commerce-partner-card-main small,
.commerce-partner-card-meta span {
  color: #64748b;
  font-weight: 750;
  line-height: 1.35;
}

.commerce-partner-status-pill {
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.commerce-partner-status-pill.success {
  background: #dcfce7;
  color: #047857;
}

.commerce-partner-status-pill.info {
  background: #eef6ff;
  color: #2563eb;
}

.commerce-partner-status-pill.warning {
  background: #fffbeb;
  color: #92400e;
}

.commerce-partner-status-pill.danger {
  background: #fef2f2;
  color: #b91c1c;
}

.commerce-partner-card-meta,
.commerce-partner-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.commerce-partner-card-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  background: #f8fafc;
  padding: 7px 10px;
}

.commerce-partner-action-row .small-button,
.commerce-partner-action-row .primary-button,
.commerce-partner-action-row .secondary-button {
  min-height: 42px;
  white-space: normal;
}

.commerce-partner-action-row.detail {
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  padding-top: 12px;
}

.commerce-partner-detail-card {
  position: sticky;
  top: 14px;
}

.commerce-partner-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.commerce-partner-detail-grid article {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 12px;
  background: #f8fafc;
}

.commerce-partner-detail-grid small,
.commerce-partner-detail-grid strong {
  display: block;
  min-width: 0;
}

.commerce-partner-detail-grid small {
  color: #64748b;
  font-weight: 850;
  text-transform: uppercase;
}

.commerce-partner-detail-grid strong {
  color: #071633;
  overflow-wrap: anywhere;
}

.commerce-partner-checklist .commerce-next-row {
  align-items: center;
}

.commerce-partner-checklist .commerce-next-row.pending {
  background: #fffbeb;
}

.commerce-partner-checklist .commerce-next-row.ready {
  background: #f0fdf4;
}

@media (max-width: 1180px) {
  .commerce-partner-workspace {
    grid-template-columns: 1fr;
  }

  .commerce-partner-detail-card {
    position: static;
  }
}

@media (max-width: 680px) {
  .commerce-partner-card-main,
  .commerce-partner-detail-grid {
    grid-template-columns: 1fr;
  }

  .commerce-partner-card-main > span {
    width: 44px;
    height: 44px;
  }
}

.commerce-b2b-route-commerce-partner-new .commerce-create-grid,
.commerce-b2b-route-commerce-partner-edit .commerce-edit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .commerce-b2b-route-commerce-partner-new .commerce-create-grid,
  .commerce-b2b-route-commerce-partner-edit .commerce-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-partner-new .commerce-create-grid,
  .commerce-b2b-route-commerce-partner-edit .commerce-edit-grid {
    grid-template-columns: 1fr;
  }
}


/* B2B partner stores: dedicated store controls */
.commerce-b2b-route-commerce-stores .commerce-management-row {
  min-width: 100%;
}

.commerce-b2b-route-commerce-stores .commerce-management-actions {
  min-width: 0;
}

.commerce-b2b-route-commerce-stores .commerce-management-actions .commerce-admin-link-button {
  flex: 1 1 112px;
  min-width: 112px;
}

.commerce-store-form-section {
  display: grid;
  gap: 3px;
  padding: 4px 2px 0;
  color: #0647c2;
}

.commerce-store-form-section.wide {
  grid-column: 1 / -1;
}

.commerce-store-form-section strong {
  color: #0647c2;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.commerce-store-form-section span {
  color: #64748b;
  font-weight: 750;
}

.commerce-b2b-route-commerce-store-new .commerce-create-grid,
.commerce-b2b-route-commerce-store-edit .commerce-edit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .commerce-b2b-route-commerce-store-new .commerce-create-grid,
  .commerce-b2b-route-commerce-store-edit .commerce-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-store-new .commerce-create-grid,
  .commerce-b2b-route-commerce-store-edit .commerce-edit-grid {
    grid-template-columns: 1fr;
  }
}

/* B2B partner stores: quick editor cleaned up */
.commerce-b2b-route-commerce-stores .commerce-management-editor-card {
  display: grid;
  grid-template-columns: 50px minmax(210px, 0.28fr) minmax(0, 1fr);
  gap: 12px 16px;
  align-items: start;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card > span {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card h4,
.commerce-b2b-route-commerce-stores .commerce-management-editor-card > strong {
  grid-column: 2;
  grid-row: auto;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card p {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card dl,
.commerce-b2b-route-commerce-stores .commerce-management-editor-actions {
  grid-column: 1 / -1;
  grid-row: auto;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card dl {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card dl div {
  min-height: 74px;
  padding: 12px;
  border: 1px solid rgba(226, 232, 240, 0.9);
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-card dd {
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-actions {
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-stores .commerce-management-editor-actions .secondary-button {
  min-width: 0;
  min-height: 44px;
  padding: 9px 12px;
  line-height: 1.2;
}

@media (max-width: 1180px) {
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .commerce-b2b-route-commerce-stores .commerce-management-editor-card h4,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card > strong {
    grid-column: 2;
  }

  .commerce-b2b-route-commerce-stores .commerce-management-editor-card p,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card dl,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-actions {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .commerce-b2b-route-commerce-stores .commerce-management-editor-card dl,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card dl,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-actions {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-route-commerce-stores .commerce-management-editor-card > span,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card h4,
  .commerce-b2b-route-commerce-stores .commerce-management-editor-card > strong {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Public marketplace recovery and reseller sync UI */
.public-marketplace-experience-page {
  display: grid;
  gap: 18px;
}

.public-marketplace-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.public-marketplace-kpi-grid article,
.public-marketplace-company-card,
.public-marketplace-review-card,
.public-marketplace-category-card {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.public-marketplace-kpi-grid strong {
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
}

.public-marketplace-kpi-grid span,
.public-marketplace-kpi-grid small {
  color: var(--muted);
  font-weight: 850;
}

.public-marketplace-content {
  display: grid;
  grid-template-columns: minmax(220px, 0.24fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.public-marketplace-results {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.public-marketplace-listing-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.public-marketplace-listing-card .public-product-footer .small-button {
  width: 100%;
  justify-content: center;
}

.public-marketplace-category-grid,
.public-marketplace-company-grid,
.public-marketplace-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

.public-marketplace-category-card {
  min-height: 120px;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.public-marketplace-category-card svg,
.public-marketplace-company-card > span svg {
  color: var(--teal-dark);
}

.public-marketplace-company-card p,
.public-marketplace-review-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.public-marketplace-empty-panel {
  display: grid;
  place-items: start;
  gap: 10px;
  padding: 24px;
  border: 1px dashed rgba(6, 71, 194, 0.35);
  border-radius: 8px;
  background: #ffffff;
}

@media (max-width: 1180px) {
  .public-marketplace-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-marketplace-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .public-marketplace-kpi-grid,
  .public-marketplace-category-grid,
  .public-marketplace-company-grid,
  .public-marketplace-review-grid {
    grid-template-columns: 1fr;
  }
}



.commerce-partner-onboarding-panel {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #bed4f7;
  border-radius: 8px;
  background: linear-gradient(135deg, #f3f7fd 0%, #ffffff 56%);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.commerce-partner-onboarding-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.commerce-partner-onboarding-head h4 {
  margin: 4px 0 6px;
  font-size: 24px;
}

.commerce-partner-onboarding-head p {
  margin: 0;
  color: #66748a;
}

.commerce-partner-onboarding-score {
  min-width: 118px;
  padding: 12px;
  border: 1px solid #d6e2ef;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}

.commerce-partner-onboarding-score strong {
  display: block;
  color: #0647c2;
  font-size: 28px;
}

.commerce-partner-onboarding-score span {
  color: #66748a;
  font-weight: 800;
}

.commerce-partner-onboarding-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.commerce-partner-onboarding-grid article {
  min-height: 94px;
  padding: 12px;
  border: 1px solid #d6e2ef;
  border-radius: 8px;
  background: #fff;
}

.commerce-partner-onboarding-grid article span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff7e6;
  color: #a45a00;
}

.commerce-partner-onboarding-grid article.ready span {
  background: #dcfce7;
  color: #166534;
}

.commerce-partner-onboarding-grid article strong,
.commerce-partner-onboarding-grid article small {
  display: block;
}

.commerce-partner-onboarding-grid article strong {
  margin-top: 9px;
}

.commerce-partner-onboarding-grid article small {
  margin-top: 4px;
  color: #66748a;
  overflow-wrap: anywhere;
}

.commerce-partner-onboarding-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

@media (max-width: 720px) {
  .commerce-partner-onboarding-head {
    flex-direction: column;
  }

  .commerce-partner-onboarding-score {
    width: 100%;
  }
}

/* B2B reseller store operational readiness */
.commerce-store-ops-panel {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #bed4f7;
  border-radius: 8px;
  background: #f3f7fd;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.commerce-store-ops-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 16px;
  align-items: start;
  margin-bottom: 14px;
}

.commerce-store-ops-head h4 {
  margin: 4px 0 6px;
  font-size: 24px;
}

.commerce-store-ops-head p {
  margin: 0;
  color: #66748a;
}

.commerce-store-ops-score {
  min-width: 118px;
  padding: 12px;
  border: 1px solid #d6e2ef;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}

.commerce-store-ops-score strong {
  display: block;
  color: #0647c2;
  font-size: 28px;
}

.commerce-store-ops-score span {
  color: #66748a;
  font-weight: 800;
}

.commerce-store-ops-grid,
.commerce-store-ops-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.commerce-store-ops-grid article,
.commerce-store-ops-summary article {
  min-height: 94px;
  padding: 12px;
  border: 1px solid #d6e2ef;
  border-radius: 8px;
  background: #fff;
}

.commerce-store-ops-grid article span:first-child {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff7e6;
  color: #a45a00;
}

.commerce-store-ops-grid article.ready span:first-child {
  background: #dcfce7;
  color: #166534;
}

.commerce-store-ops-grid article strong,
.commerce-store-ops-grid article small,
.commerce-store-ops-summary article strong,
.commerce-store-ops-summary article span,
.commerce-store-ops-summary article small {
  display: block;
}

.commerce-store-ops-grid article strong {
  margin-top: 9px;
}

.commerce-store-ops-grid article small,
.commerce-store-ops-summary article small {
  margin-top: 4px;
  color: #66748a;
  overflow-wrap: anywhere;
}

.commerce-store-ops-summary {
  margin-top: 10px;
}

.commerce-store-ops-summary article span {
  margin-top: 3px;
  color: #66748a;
  font-weight: 800;
}

.commerce-store-ops-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.commerce-store-ops-actions .primary-button,
.commerce-store-ops-actions .secondary-button {
  min-width: 0;
  width: 100%;
  justify-content: center;
}

@media (max-width: 980px) {
  .commerce-store-ops-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .commerce-store-ops-head,
  .commerce-store-ops-actions {
    grid-template-columns: 1fr;
  }
}

/* B2B price/stock sync: clear operator action in reseller catalog details */
.commerce-wp12-detail-actions {
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--border);
  padding-top: 10px;
}

.commerce-wp12-detail-actions .secondary-button {
  width: 100%;
  min-height: 44px;
  justify-content: center;
  text-align: center;
  white-space: normal;
}
.commerce-suppliers-admin-page .commerce-suppliers-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.commerce-suppliers-admin-page .commerce-suppliers-workbench,
.commerce-suppliers-admin-page .commerce-suppliers-linked-panel,
.commerce-suppliers-admin-page .commerce-pricing-control-panel,
.commerce-suppliers-admin-page .commerce-supplier-requests-panel {
  display: grid;
  gap: 16px;
}

.commerce-suppliers-admin-page .commerce-supplier-request-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}

.commerce-suppliers-admin-page .commerce-supplier-request-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: #f8fffe;
  padding: 16px;
}

.commerce-suppliers-admin-page .commerce-supplier-request-card header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.commerce-suppliers-admin-page .commerce-supplier-request-card header > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #0755ed;
  color: #ffffff;
}

.commerce-suppliers-admin-page .commerce-supplier-request-card strong,
.commerce-suppliers-admin-page .commerce-supplier-request-card small,
.commerce-suppliers-admin-page .commerce-supplier-request-card p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-suppliers-admin-page .commerce-supplier-request-card small,
.commerce-suppliers-admin-page .commerce-supplier-request-card p {
  color: #64748b;
}

.commerce-suppliers-admin-page .commerce-supplier-request-facts,
.commerce-suppliers-admin-page .commerce-supplier-request-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.commerce-suppliers-admin-page .commerce-supplier-request-facts span {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
}

.commerce-suppliers-admin-page .commerce-supplier-request-facts small,
.commerce-suppliers-admin-page .commerce-supplier-request-facts b {
  display: block;
  overflow-wrap: anywhere;
}

.commerce-suppliers-admin-page .commerce-supplier-request-facts small {
  color: #667085;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-suppliers-admin-page .commerce-supplier-request-actions .primary-button,
.commerce-suppliers-admin-page .commerce-supplier-request-actions .secondary-button {
  min-width: 0;
  min-height: 40px;
  justify-content: center;
  white-space: normal;
  text-align: center;
  line-height: 1.15;
}

.commerce-suppliers-admin-page .commerce-supplier-request-actions .primary-button {
  grid-column: 1 / -1;
}

.commerce-suppliers-admin-page .commerce-supplier-relation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 14px;
}

.commerce-suppliers-admin-page .commerce-supplier-relation-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid rgba(6, 71, 194, 0.16);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.commerce-suppliers-admin-page .commerce-supplier-relation-card.active {
  border-color: rgba(7, 85, 237, 0.6);
  box-shadow: 0 16px 34px rgba(7, 85, 237, 0.12);
}

.commerce-suppliers-admin-page .commerce-supplier-relation-card.warning {
  border-color: rgba(245, 158, 11, 0.42);
  background: #fffbeb;
}

.commerce-suppliers-admin-page .commerce-supplier-relation-card.danger {
  border-color: rgba(239, 68, 68, 0.35);
  background: #fff7f7;
}

.commerce-suppliers-admin-page .commerce-supplier-card-main {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.commerce-suppliers-admin-page .commerce-supplier-card-main > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
}

.commerce-suppliers-admin-page .commerce-supplier-card-main strong,
.commerce-suppliers-admin-page .commerce-supplier-card-main small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-suppliers-admin-page .commerce-supplier-card-main strong {
  color: #0f172a;
  line-height: 1.2;
}

.commerce-suppliers-admin-page .commerce-supplier-card-main small {
  margin-top: 4px;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 800;
}

.commerce-suppliers-admin-page .commerce-supplier-card-main em {
  min-width: 62px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #0647c2;
  padding: 8px 10px;
  text-align: center;
  font-style: normal;
  font-weight: 900;
}

.commerce-suppliers-admin-page .commerce-supplier-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-suppliers-admin-page .commerce-supplier-mini-grid span {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px;
}

.commerce-suppliers-admin-page .commerce-supplier-mini-grid small,
.commerce-suppliers-admin-page .commerce-supplier-mini-grid b {
  display: block;
  overflow-wrap: anywhere;
}

.commerce-suppliers-admin-page .commerce-supplier-mini-grid small {
  color: #667085;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-suppliers-admin-page .commerce-supplier-mini-grid b {
  margin-top: 4px;
  color: #0f172a;
  line-height: 1.2;
}

.commerce-suppliers-admin-page .commerce-supplier-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.commerce-suppliers-admin-page .commerce-supplier-action-row .primary-button,
.commerce-suppliers-admin-page .commerce-supplier-action-row .secondary-button {
  min-width: 0;
  min-height: 40px;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.1;
}

.commerce-suppliers-admin-page .commerce-supplier-action-row svg {
  width: 16px;
  height: 16px;
}

.commerce-suppliers-admin-page .commerce-supplier-sla-side {
  min-width: 0;
}

.commerce-suppliers-admin-page .commerce-supplier-sla-checks span {
  align-items: flex-start;
}

.commerce-suppliers-admin-page .commerce-supplier-sla-checks b,
.commerce-suppliers-admin-page .commerce-supplier-sla-checks small {
  display: block;
}

.commerce-suppliers-admin-page .commerce-supplier-sla-checks small {
  margin-top: 3px;
  color: inherit;
  opacity: 0.75;
  font-size: 0.78rem;
  line-height: 1.25;
}

.commerce-suppliers-admin-page .commerce-module-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

@media (max-width: 1100px) {
  .commerce-suppliers-admin-page .commerce-supplier-mini-grid,
  .commerce-suppliers-admin-page .commerce-supplier-action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .commerce-suppliers-admin-page .commerce-supplier-relation-grid,
  .commerce-suppliers-admin-page .commerce-supplier-mini-grid,
  .commerce-suppliers-admin-page .commerce-supplier-action-row {
    grid-template-columns: 1fr;
  }
}

/* Furnizori / SLA */
.commerce-supplier-sla-panel {
  display: grid;
  gap: 16px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.95), rgba(255, 255, 255, 0.98));
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.commerce-supplier-sla-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 140px);
  gap: 14px;
  align-items: start;
}

.commerce-supplier-sla-head h4,
.commerce-supplier-sla-focus h5 {
  margin: 4px 0 6px;
  color: #071733;
  letter-spacing: 0;
}

.commerce-supplier-sla-head p {
  margin: 0;
  color: #475569;
  line-height: 1.5;
  max-width: 860px;
}

.commerce-supplier-sla-score {
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 12px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 8px;
  background: #fff;
}

.commerce-supplier-sla-score strong {
  color: #0647c2;
  font-size: 1.55rem;
}

.commerce-supplier-sla-score span,
.commerce-supplier-sla-kpis span {
  color: #64748b;
  font-size: 0.85rem;
  font-weight: 800;
}

.commerce-supplier-sla-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-supplier-sla-kpis article,
.commerce-supplier-sla-rule-grid article {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid #d9e4f2;
  border-radius: 8px;
  background: #fff;
}

.commerce-supplier-sla-kpis strong {
  color: #071733;
  font-size: 1.3rem;
}

.commerce-supplier-sla-main {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  align-items: start;
  gap: 14px;
}

.commerce-supplier-sla-focus {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 8px;
  background: #fff;
}

.commerce-supplier-sla-focus dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.commerce-supplier-sla-focus dl div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-supplier-sla-focus dt,
.commerce-supplier-sla-rule-grid span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-supplier-sla-focus dd,
.commerce-supplier-sla-rule-grid strong {
  margin: 3px 0 0;
  color: #071733;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.commerce-supplier-sla-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: min-content;
  align-items: start;
  gap: 10px;
}

.commerce-supplier-sla-actions button {
  min-height: 44px;
  height: auto;
  align-self: start;
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
}

.commerce-supplier-sla-checks {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.commerce-supplier-sla-checks span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: flex-start;
  column-gap: 8px;
  row-gap: 2px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 900;
  color: #0f172a;
  background: #fff;
  border: 1px solid #d9e4f2;
}

.commerce-supplier-sla-checks span small {
  grid-column: 2;
}

.commerce-supplier-sla-checks .is-ready {
  border-color: rgba(21, 128, 61, 0.32);
  background: #ecfdf5;
  color: #166534;
}

.commerce-supplier-sla-checks .is-missing {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #92400e;
}

.commerce-supplier-sla-rule-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 1100px) {
  .commerce-supplier-sla-main,
  .commerce-supplier-sla-head {
    grid-template-columns: 1fr;
  }

  .commerce-supplier-sla-focus dl,
  .commerce-supplier-sla-kpis,
  .commerce-supplier-sla-rule-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .commerce-supplier-sla-focus dl,
  .commerce-supplier-sla-kpis,
  .commerce-supplier-sla-rule-grid,
  .commerce-supplier-sla-actions,
  .commerce-supplier-sla-checks {
    grid-template-columns: 1fr;
  }
}
/* Politici comerciale B2B */
.commerce-commercial-policy-panel {
  display: grid;
  gap: 16px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(232, 240, 255, 0.96), rgba(255, 255, 255, 0.98));
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.commerce-commercial-policy-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 140px);
  gap: 14px;
  align-items: start;
}

.commerce-commercial-policy-head h4,
.commerce-commercial-policy-focus h5 {
  margin: 4px 0 6px;
  color: #071733;
  letter-spacing: 0;
}

.commerce-commercial-policy-head p {
  margin: 0;
  color: #475569;
  line-height: 1.5;
  max-width: 880px;
}

.commerce-commercial-policy-score,
.commerce-commercial-policy-kpis article,
.commerce-commercial-policy-rules article {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid #d9e4f2;
  border-radius: 8px;
  background: #fff;
}

.commerce-commercial-policy-score {
  justify-items: center;
  border-color: rgba(6, 71, 194, 0.2);
}

.commerce-commercial-policy-score strong {
  color: #0647c2;
  font-size: 1.55rem;
}

.commerce-commercial-policy-score span,
.commerce-commercial-policy-kpis span,
.commerce-commercial-policy-rules span {
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 900;
}

.commerce-commercial-policy-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-commercial-policy-kpis strong {
  color: #071733;
  font-size: 1.25rem;
}

.commerce-commercial-policy-main {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);
  gap: 14px;
}

.commerce-commercial-policy-focus {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 8px;
  background: #fff;
}

.commerce-commercial-policy-focus dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.commerce-commercial-policy-focus dl div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-commercial-policy-focus dt {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-commercial-policy-focus dd,
.commerce-commercial-policy-rules strong {
  margin: 3px 0 0;
  color: #071733;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.commerce-commercial-policy-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-commercial-policy-actions button {
  min-height: 48px;
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
}

.commerce-commercial-policy-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-commercial-policy-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 900;
}

.commerce-commercial-policy-form input {
  width: 100%;
  min-width: 0;
  height: 42px;
  border: 1px solid #d9e4f2;
  border-radius: 8px;
  background: #fff;
  color: #071733;
  font: inherit;
  font-weight: 850;
  padding: 8px 10px;
}

.commerce-commercial-policy-form button {
  grid-column: span 2;
  min-height: 42px;
  justify-content: center;
}

.commerce-supplier-sla-side .commerce-commercial-policy-panel {
  margin: 0;
  padding: 14px;
  box-shadow: none;
}

.commerce-supplier-sla-side .commerce-commercial-policy-head {
  grid-template-columns: 1fr;
}

.commerce-supplier-sla-side .commerce-commercial-policy-rules,
.commerce-supplier-sla-side .commerce-commercial-policy-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-supplier-sla-side .commerce-commercial-policy-form button {
  grid-column: 1 / -1;
}

.commerce-commercial-policy-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-commercial-policy-checks span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 900;
  background: #fff;
  border: 1px solid #d9e4f2;
}

.commerce-commercial-policy-checks .is-ready {
  border-color: rgba(21, 128, 61, 0.32);
  background: #ecfdf5;
  color: #166534;
}

.commerce-commercial-policy-checks .is-missing {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fff7ed;
  color: #92400e;
}

.commerce-commercial-policy-rules {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 1180px) {
  .commerce-commercial-policy-head,
  .commerce-commercial-policy-main {
    grid-template-columns: 1fr;
  }

  .commerce-commercial-policy-actions,
  .commerce-commercial-policy-form,
  .commerce-commercial-policy-kpis,
  .commerce-commercial-policy-rules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-commercial-policy-focus dl,
  .commerce-commercial-policy-actions,
  .commerce-commercial-policy-form,
  .commerce-commercial-policy-kpis,
  .commerce-commercial-policy-rules,
  .commerce-commercial-policy-checks {
    grid-template-columns: 1fr;
  }

  .commerce-commercial-policy-form button {
    grid-column: 1;
  }
}

/* Public B2B checkout flow */
.public-commerce-offer-storefront {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(6, 71, 194, 0.16);
  border-radius: 10px;
  background: #e8f0ff;
  color: #0647c2;
}

.public-commerce-offer-storefront span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 850;
}

.public-commerce-offer-storefront small {
  color: #52616f;
  font-weight: 750;
}

.public-commerce-checkout-button {
  flex: 1 1 160px;
}

.public-commerce-checkout-button:disabled {
  border-color: rgba(148, 163, 184, 0.35);
  background: #e5e7eb;
  color: #64748b;
  cursor: not-allowed;
  box-shadow: none;
}

.public-commerce-checkout-status {
  display: grid;
  gap: 10px;
}

.public-commerce-checkout-status h2,
.public-commerce-checkout-status p {
  margin: 0;
}

.public-commerce-checkout-notice {
  padding: 10px 12px;
  border: 1px solid rgba(6, 71, 194, 0.2);
  border-radius: 10px;
  background: #e8f0ff;
  color: #0647c2;
  font-weight: 800;
}

.public-commerce-flow-list {
  display: grid;
  gap: 8px;
}

.public-commerce-flow-list span {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  color: #334155;
  font-weight: 800;
  line-height: 1.35;
}

.public-commerce-flow-list svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: #0647c2;
}

.public-commerce-side-divider {
  height: 1px;
  margin: 4px 0;
  background: rgba(148, 163, 184, 0.24);
}

/* Controlled Catalog B2B workspace */

.commerce-catalog-reseller-showcase.public-shop-page {
  max-width: none;
  padding: 0;
}

.commerce-catalog-reseller-showcase .public-shop-hero-copy {
  min-height: 296px;
}

.commerce-catalog-reseller-showcase .public-shop-section {
  display: grid;
  gap: 16px;
}

.commerce-catalog-reseller-selected {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
}

.commerce-catalog-reseller-selected div {
  display: grid;
  gap: 3px;
  padding-top: 8px;
  border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.commerce-catalog-reseller-selected dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.commerce-catalog-reseller-selected dd {
  margin: 0;
  color: var(--ink);
  font-weight: 900;
  line-height: 1.25;
}

.commerce-catalog-reseller-control-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-catalog-reseller-control-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-catalog-reseller-control-grid small {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.commerce-catalog-reseller-control-grid strong {
  min-width: 0;
  color: var(--ink);
  font-size: 1.28rem;
  line-height: 1.05;
}

.commerce-catalog-reseller-control-grid span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.35;
}

.commerce-catalog-reseller-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.commerce-catalog-reseller-actions .primary-button,
.commerce-catalog-reseller-actions .secondary-button {
  min-width: 180px;
}

@media (max-width: 1180px) {
  .commerce-catalog-reseller-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-catalog-reseller-control-grid,
  .commerce-catalog-reseller-actions {
    grid-template-columns: 1fr;
  }

  .commerce-catalog-reseller-actions,
  .commerce-catalog-reseller-actions .primary-button,
  .commerce-catalog-reseller-actions .secondary-button {
    width: 100%;
  }
}

.commerce-catalog-b2b-page {
  gap: 16px;
}

.commerce-catalog-tabs-panel {
  display: grid;
  gap: 14px;
}

.commerce-catalog-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-catalog-tab {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  min-height: 78px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.commerce-catalog-tab svg {
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 10px;
  background: #eef2f7;
  color: #0647c2;
}

.commerce-catalog-tab span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.commerce-catalog-tab strong {
  color: #0f172a;
  font-size: 0.92rem;
  line-height: 1.18;
}

.commerce-catalog-tab small {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.3;
}

.commerce-catalog-tab.active {
  border-color: rgba(6, 71, 194, 0.55);
  background: #e8f0ff;
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.12);
}

.commerce-catalog-tab.active svg {
  background: #0755ed;
  color: #ffffff;
}

.commerce-catalog-active-area,
.commerce-catalog-feedback-panel {
  display: grid;
  gap: 16px;
}

.commerce-catalog-rules-panel,
.commerce-catalog-audit-panel {
  display: grid;
  gap: 16px;
}

.commerce-catalog-rules-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-catalog-rules-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: #f8fafc;
}

.commerce-catalog-rules-grid small {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-catalog-rules-grid strong {
  color: #0647c2;
  font-size: 1.35rem;
  line-height: 1;
}

.commerce-catalog-rules-grid span {
  color: #475569;
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.35;
}

.commerce-catalog-command-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-catalog-command-row > * {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  white-space: normal;
}

.commerce-catalog-audit-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.32fr);
  gap: 14px;
  align-items: start;
}

.commerce-catalog-audit-layout aside {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: #f8fafc;
}

.commerce-catalog-audit-layout aside > * {
  width: 100%;
}

.commerce-catalog-audit-layout aside small {
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .commerce-catalog-tabs,
  .commerce-catalog-rules-grid,
  .commerce-catalog-command-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-catalog-tabs,
  .commerce-catalog-rules-grid,
  .commerce-catalog-command-row,
  .commerce-catalog-audit-layout {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Command Center WP35C targeted controls */
.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-workspace {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.commerce-wp35c-head,
.commerce-wp35c-main-grid,
.commerce-wp35c-two-col {
  min-width: 0;
}

.commerce-wp35c-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.commerce-wp35c-head h3,
.commerce-wp35c-card-head strong {
  margin: 4px 0 0;
  color: #071733;
  line-height: 1.15;
  letter-spacing: 0;
}

.commerce-wp35c-head p,
.commerce-wp35c-card p {
  margin: 8px 0 0;
  color: #475569;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-actions,
.commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-status-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.commerce-wp35c-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.12fr) minmax(260px, 0.8fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-wp35c-card,
.commerce-wp35c-step,
.commerce-wp35c-approval {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.commerce-wp35c-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
}

.commerce-wp35c-card.active,
.commerce-wp35c-step.active,
.commerce-wp35c-approval.active,
.commerce-table-action-cell.active {
  border-color: rgba(6, 71, 194, 0.5);
  background: #e8f0ff;
}

.commerce-wp35c-card-head {
  display: grid;
  gap: 3px;
}

.commerce-wp35c-meta,
.commerce-wp35c-safety-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp35c-safety-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-wp35c-meta span,
.commerce-wp35c-safety-list span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.commerce-wp35c-meta small,
.commerce-wp35c-safety-list small {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-wp35c-meta strong,
.commerce-wp35c-safety-list strong {
  color: #071733;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.commerce-wp35c-card-actions,
.commerce-wp35c-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp35c-row-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-wp35c-action-button {
  min-height: 44px;
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
}

.commerce-wp35c-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 14px;
  align-items: start;
}

.commerce-wp35c-step-list,
.commerce-wp35c-approval-list {
  display: grid;
  gap: 10px;
}

.commerce-wp35c-step,
.commerce-wp35c-approval {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(260px, 0.42fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.commerce-wp35c-step strong,
.commerce-wp35c-approval strong {
  color: #071733;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.commerce-wp35c-step small,
.commerce-wp35c-approval small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 1380px) {
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-actions,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .commerce-wp35c-main-grid,
  .commerce-wp35c-two-col {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .commerce-wp35c-head,
  .commerce-wp35c-step,
  .commerce-wp35c-approval,
  .commerce-wp35c-meta,
  .commerce-wp35c-safety-list,
  .commerce-wp35c-card-actions,
  .commerce-wp35c-row-actions {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-actions,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-actions,
  .commerce-b2b-route-commerce-ai-command-center .commerce-wp35c-status-grid {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Product Studio WP35D targeted controls */
.commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-workspace {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.commerce-wp35d-head,
.commerce-wp35d-main-grid,
.commerce-wp35d-two-col {
  min-width: 0;
}

.commerce-wp35d-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.commerce-wp35d-head h3,
.commerce-wp35d-card-head strong {
  margin: 4px 0 0;
  color: #071733;
  line-height: 1.15;
  letter-spacing: 0;
}

.commerce-wp35d-head p,
.commerce-wp35d-card p {
  margin: 8px 0 0;
  color: #475569;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-actions,
.commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-status-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.commerce-wp35d-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr) minmax(280px, 0.8fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-wp35d-card,
.commerce-wp35d-check,
.commerce-wp35d-draft,
.commerce-wp35d-review {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.commerce-wp35d-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
}

.commerce-wp35d-card.active,
.commerce-wp35d-draft.active,
.commerce-wp35d-review.active,
.commerce-wp35d-check.active,
.commerce-table-action-cell.active {
  border-color: rgba(6, 71, 194, 0.5);
  background: #e8f0ff;
}

.commerce-wp35d-card-head {
  display: grid;
  gap: 3px;
}

.commerce-wp35d-meta,
.commerce-wp35d-safety-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp35d-safety-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-wp35d-meta span,
.commerce-wp35d-safety-list span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.commerce-wp35d-meta small,
.commerce-wp35d-safety-list small {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-wp35d-meta strong,
.commerce-wp35d-safety-list strong,
.commerce-wp35d-check strong,
.commerce-wp35d-draft strong,
.commerce-wp35d-review strong {
  color: #071733;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.commerce-wp35d-card-actions,
.commerce-wp35d-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp35d-row-actions {
  grid-template-columns: repeat(3, minmax(92px, 1fr));
}

.commerce-wp35d-action-button {
  min-height: 44px;
  min-width: 92px;
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
}

.commerce-wp35d-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.commerce-wp35d-check-list,
.commerce-wp35d-draft-list,
.commerce-wp35d-review-list {
  display: grid;
  gap: 10px;
}

.commerce-wp35d-check,
.commerce-wp35d-draft,
.commerce-wp35d-review {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(260px, 0.45fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.commerce-wp35d-check small,
.commerce-wp35d-draft small,
.commerce-wp35d-review small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 1380px) {
  .commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-actions,
  .commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .commerce-wp35d-main-grid,
  .commerce-wp35d-two-col {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .commerce-wp35d-head,
  .commerce-wp35d-check,
  .commerce-wp35d-draft,
  .commerce-wp35d-review,
  .commerce-wp35d-meta,
  .commerce-wp35d-safety-list,
  .commerce-wp35d-card-actions,
  .commerce-wp35d-row-actions {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-actions,
  .commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-actions,
  .commerce-b2b-route-commerce-ai-creation-studio .commerce-wp35d-status-grid {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Media Studio WP35E targeted controls */
.commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-workspace {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.commerce-wp35e-head,
.commerce-wp35e-main-grid,
.commerce-wp35e-two-col {
  min-width: 0;
}

.commerce-wp35e-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.commerce-wp35e-head h3,
.commerce-wp35e-card-head strong {
  margin: 4px 0 0;
  color: #071733;
  line-height: 1.15;
  letter-spacing: 0;
}

.commerce-wp35e-head p,
.commerce-wp35e-card p {
  margin: 8px 0 0;
  color: #475569;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-actions,
.commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-status-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.commerce-wp35e-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr) minmax(280px, 0.8fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-wp35e-card,
.commerce-wp35e-asset,
.commerce-wp35e-variant,
.commerce-wp35e-review {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.commerce-wp35e-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
}

.commerce-wp35e-card.active,
.commerce-wp35e-asset.active,
.commerce-wp35e-variant.active,
.commerce-wp35e-review.active,
.commerce-table-action-cell.active {
  border-color: rgba(6, 71, 194, 0.5);
  background: #e8f0ff;
}

.commerce-wp35e-card-head {
  display: grid;
  gap: 3px;
}

.commerce-wp35e-meta,
.commerce-wp35e-safety-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp35e-safety-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-wp35e-meta span,
.commerce-wp35e-safety-list span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.commerce-wp35e-meta small,
.commerce-wp35e-safety-list small {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.commerce-wp35e-meta strong,
.commerce-wp35e-safety-list strong,
.commerce-wp35e-asset strong,
.commerce-wp35e-variant strong,
.commerce-wp35e-review strong {
  color: #071733;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.commerce-wp35e-card-actions,
.commerce-wp35e-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.commerce-wp35e-row-actions {
  grid-template-columns: repeat(3, minmax(92px, 1fr));
}

.commerce-wp35e-action-button {
  min-height: 44px;
  min-width: 92px;
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
}

.commerce-wp35e-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.commerce-wp35e-asset-list,
.commerce-wp35e-variant-list,
.commerce-wp35e-review-list {
  display: grid;
  gap: 10px;
}

.commerce-wp35e-asset,
.commerce-wp35e-variant,
.commerce-wp35e-review {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(260px, 0.45fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.commerce-wp35e-variant {
  grid-template-columns: minmax(0, 1fr) auto minmax(190px, 0.34fr);
}

.commerce-wp35e-asset small,
.commerce-wp35e-variant small,
.commerce-wp35e-review small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 1380px) {
  .commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-actions,
  .commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .commerce-wp35e-main-grid,
  .commerce-wp35e-two-col {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .commerce-wp35e-head,
  .commerce-wp35e-asset,
  .commerce-wp35e-variant,
  .commerce-wp35e-review,
  .commerce-wp35e-meta,
  .commerce-wp35e-safety-list,
  .commerce-wp35e-card-actions,
  .commerce-wp35e-row-actions {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-actions,
  .commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-actions,
  .commerce-b2b-route-commerce-ai-media-studio .commerce-wp35e-status-grid {
    grid-template-columns: 1fr;
  }
}

/* Professional AI SEO Optimization WP35F targeted controls */
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-head p,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card p {
  max-width: 980px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions button,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card-actions button,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid strong {
  color: var(--ink);
  font-size: 1.45rem;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-main-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.25fr) minmax(280px, 0.95fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card-head,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card-head h3,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-meta span,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-safety-list span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-meta small,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-safety-list small,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-safety-list,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(130px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(110px, 1fr));
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-table .commerce-table-action {
  min-width: 148px;
}

@media (max-width: 1200px) {
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-head,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-main-grid,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card-head,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card-actions,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-meta,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row,
  .commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row-actions {
    grid-template-columns: 1fr;
  }
}

/* Professional AI Social Content WP35G targeted controls */
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-head p,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card p {
  max-width: 980px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-actions,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-actions button,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card-actions button,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-status-grid strong {
  color: var(--ink);
  font-size: 1.45rem;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-main-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.2fr) minmax(280px, 0.9fr) minmax(300px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card-head,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card-head h3,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-meta span,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-safety-list span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-meta small,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-safety-list small,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-safety-list,
.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(150px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(110px, 1fr));
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-social-content .commerce-table .commerce-table-action {
  min-width: 158px;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-actions,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-status-grid,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-head,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-actions,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-status-grid,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-main-grid,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card-head,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-card-actions,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-meta,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row,
  .commerce-b2b-route-commerce-ai-social-content .commerce-wp35g-row-actions {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Social Publishing WP35H targeted controls */
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-head p,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card p {
  max-width: 980px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-actions,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-actions button,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card-actions button,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-status-grid strong {
  color: var(--ink);
  font-size: 1.45rem;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-main-grid {
  display: grid;
  grid-template-columns: minmax(310px, 1.2fr) minmax(290px, 0.95fr) minmax(290px, 0.95fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card-head,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card-head h3,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-meta span,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-safety-list span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-meta small,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-safety-list small,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-safety-list,
.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(160px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row-actions {
  display: grid;
  grid-template-columns: minmax(128px, 1fr);
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-social-publishing .commerce-table .commerce-table-action {
  min-width: 168px;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-actions,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-status-grid,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-head,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-actions,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-status-grid,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-main-grid,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card-head,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-card-actions,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-meta,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row,
  .commerce-b2b-route-commerce-ai-social-publishing .commerce-wp35h-row-actions {
    grid-template-columns: 1fr;
  }
}

/* Professional AI Newsletter Lifecycle WP35I targeted controls */
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-head p,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card p {
  max-width: 980px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-actions,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-actions button,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card-actions button,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-status-grid strong {
  color: var(--ink);
  font-size: 1.45rem;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-main-grid {
  display: grid;
  grid-template-columns: minmax(310px, 1.2fr) minmax(290px, 0.95fr) minmax(290px, 0.95fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card-head,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card-head h3,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-meta span,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-safety-list span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-meta small,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-safety-list small,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-safety-list,
.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(160px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row-actions {
  display: grid;
  grid-template-columns: minmax(128px, 1fr);
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-table .commerce-table-action {
  min-width: 168px;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-actions,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-status-grid,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-head,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-actions,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-status-grid,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-main-grid,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card-head,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-card-actions,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-meta,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row,
  .commerce-b2b-route-commerce-ai-newsletter-lifecycle .commerce-wp35i-row-actions {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Campaign Analytics WP35J targeted controls */
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-head p,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card p {
  max-width: 1040px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-actions,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-actions button,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card-actions button,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-status-grid strong {
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-main-grid {
  display: grid;
  grid-template-columns: minmax(310px, 1.15fr) minmax(290px, 1fr) minmax(290px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card-head,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card-head h3,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-meta span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-meta small,
.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(150px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row-actions {
  display: grid;
  grid-template-columns: minmax(128px, 1fr);
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-campaign-analytics .commerce-table .commerce-table-action {
  min-width: 168px;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-actions,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-status-grid,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-head,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-actions,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-status-grid,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-main-grid,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card-head,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-card-actions,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-meta,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row,
  .commerce-b2b-route-commerce-ai-campaign-analytics .commerce-wp35j-row-actions {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Sales Support Growth WP35K targeted controls */
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-head p,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card p {
  max-width: 1040px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-actions,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-actions button,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card-actions button,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-status-grid strong {
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-main-grid {
  display: grid;
  grid-template-columns: minmax(310px, 1.15fr) minmax(290px, 1fr) minmax(290px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card-head,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card-head h3,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-meta span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-meta small,
.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(146px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row-actions {
  display: grid;
  grid-template-columns: minmax(128px, 1fr);
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-growth-intelligence .commerce-table .commerce-table-action {
  min-width: 168px;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-actions,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-status-grid,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-head,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-actions,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-status-grid,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-main-grid,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card-head,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-card-actions,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-meta,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row,
  .commerce-b2b-route-commerce-ai-growth-intelligence .commerce-wp35k-row-actions {
    grid-template-columns: 1fr;
  }
}


/* Professional AI Growth Acceptance WP35 targeted controls */
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-head p,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card p {
  max-width: 1060px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-actions,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-actions button,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card-actions button,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row-actions button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-status-grid strong {
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-main-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.2fr) minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card-head,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card-head h3,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-meta span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-meta small,
.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-meta b {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(146px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row-actions {
  display: grid;
  grid-template-columns: minmax(128px, 1fr);
  gap: 8px;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-program-acceptance .commerce-table .commerce-table-action {
  min-width: 168px;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-actions,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-status-grid,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-main-grid,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-head,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-actions,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-status-grid,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-main-grid,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-content-grid,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card-head,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-card-actions,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-meta,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row,
  .commerce-b2b-route-commerce-ai-program-acceptance .commerce-wp35-acceptance-row-actions {
    grid-template-columns: 1fr;
  }
}


/* Professional B2B Analytics WP30 workspace */
.commerce-b2b-route-commerce-analytics .commerce-analytics-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-head p,
.commerce-b2b-route-commerce-analytics .commerce-analytics-card p {
  max-width: 1040px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-actions {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(4, minmax(120px, 0.8fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-status-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-actions button,
.commerce-b2b-route-commerce-analytics .commerce-analytics-card-actions button,
.commerce-b2b-route-commerce-analytics .commerce-analytics-row-actions button,
.commerce-b2b-route-commerce-analytics .commerce-table-action-cell button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-status-grid strong {
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-main-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.2fr) minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-card.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-card-head,
.commerce-b2b-route-commerce-analytics .commerce-analytics-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-card-head h3,
.commerce-b2b-route-commerce-analytics .commerce-analytics-row strong {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-meta span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-meta small,
.commerce-b2b-route-commerce-analytics .commerce-analytics-row small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-meta b {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(144px, auto);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-row.active {
  border-color: #9fbef6;
  background: #ecfeff;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-row-actions {
  display: grid;
  grid-template-columns: minmax(128px, 1fr);
  gap: 8px;
}

.commerce-b2b-route-commerce-analytics .commerce-analytics-table-shell {
  overflow-x: auto;
}

.commerce-b2b-route-commerce-analytics .commerce-table .commerce-table-cell {
  min-width: 0;
}

.commerce-b2b-route-commerce-analytics .commerce-table .commerce-table-action-cell {
  background: #ecfeff;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-analytics .commerce-analytics-actions,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-status-grid,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-main-grid,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-analytics .commerce-analytics-head,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-actions,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-status-grid,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-main-grid,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-content-grid,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-card-head,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-card-actions,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-meta,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-row,
  .commerce-b2b-route-commerce-analytics .commerce-analytics-row-actions {
    grid-template-columns: 1fr;
  }
}

/* Professional B2B Automation WP31 workspace */
.commerce-b2b-route-commerce-automation .commerce-wp31-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-head p,
.commerce-b2b-route-commerce-automation .commerce-wp31-card p {
  max-width: 1040px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-actions {
  display: grid;
  grid-template-columns: minmax(200px, 1.1fr) repeat(5, minmax(140px, 0.9fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-status-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-status-grid strong {
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-status-grid span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-main-grid {
  display: grid;
  grid-template-columns: minmax(340px, 1.3fr) repeat(2, minmax(280px, 1fr));
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-card.active,
.commerce-b2b-route-commerce-automation .commerce-wp31-row.active {
  border-color: #9fbef6;
  background: #e8f0ff;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-card-head,
.commerce-b2b-route-commerce-automation .commerce-wp31-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-card-head h3,
.commerce-b2b-route-commerce-automation .commerce-wp31-row strong,
.commerce-b2b-route-commerce-automation .commerce-wp31-row small {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-meta span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.commerce-b2b-route-commerce-automation .commerce-wp31-meta small,
.commerce-b2b-route-commerce-automation .commerce-wp31-row small {
  color: var(--muted);
  line-height: 1.4;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-meta b {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-wide {
  grid-column: 1 / -1;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-row {
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto) minmax(260px, 0.95fr);
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(110px, 1fr));
  gap: 8px;
}

.commerce-b2b-route-commerce-automation .commerce-wp31-action-button,
.commerce-b2b-route-commerce-automation .commerce-table-action-cell button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-automation .commerce-table .commerce-table-action-cell {
  background: #ecfeff;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-automation .commerce-wp31-actions,
  .commerce-b2b-route-commerce-automation .commerce-wp31-status-grid,
  .commerce-b2b-route-commerce-automation .commerce-wp31-main-grid,
  .commerce-b2b-route-commerce-automation .commerce-wp31-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-b2b-route-commerce-automation .commerce-wp31-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-automation .commerce-wp31-head,
  .commerce-b2b-route-commerce-automation .commerce-wp31-actions,
  .commerce-b2b-route-commerce-automation .commerce-wp31-status-grid,
  .commerce-b2b-route-commerce-automation .commerce-wp31-main-grid,
  .commerce-b2b-route-commerce-automation .commerce-wp31-content-grid,
  .commerce-b2b-route-commerce-automation .commerce-wp31-card-head,
  .commerce-b2b-route-commerce-automation .commerce-wp31-card-actions,
  .commerce-b2b-route-commerce-automation .commerce-wp31-meta,
  .commerce-b2b-route-commerce-automation .commerce-wp31-row-actions {
    grid-template-columns: 1fr;
  }
}

/* Professional B2B Trust/Risk WP33 workspace */
.commerce-b2b-route-commerce-risk .commerce-wp33-workspace {
  display: grid;
  gap: 18px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-head p,
.commerce-b2b-route-commerce-risk .commerce-wp33-card p {
  max-width: 1080px;
  line-height: 1.55;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-actions {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) repeat(5, minmax(140px, 0.8fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-status-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-status-grid article {
  display: grid;
  gap: 4px;
  min-height: 88px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-status-grid strong {
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-status-grid span {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.25;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-main-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1.25fr) repeat(2, minmax(280px, 1fr));
  gap: 14px;
  align-items: stretch;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-wide {
  grid-column: 1 / -1;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card.active,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-item.active {
  border-color: #9fbef6;
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card-head,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-item {
  display: grid;
  gap: 14px;
  align-items: center;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card-head {
  grid-template-columns: minmax(0, 1fr) auto;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card-head h3,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-copy strong,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-copy small,
.commerce-b2b-route-commerce-risk .commerce-wp33-meta b,
.commerce-b2b-route-commerce-risk .commerce-wp33-meta span {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-meta,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-meta {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-risk .commerce-wp33-risk-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-risk .commerce-wp33-meta span,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  font-weight: 800;
  line-height: 1.25;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-meta b,
.commerce-b2b-route-commerce-risk .commerce-wp33-risk-meta b {
  color: var(--muted);
  font-size: 0.74rem;
  text-transform: uppercase;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card-actions,
.commerce-b2b-route-commerce-risk .commerce-wp33-row-actions {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-card-actions {
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

.commerce-b2b-route-commerce-risk .commerce-wp33-row-actions {
  grid-template-columns: repeat(2, minmax(136px, 1fr));
  align-items: stretch;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-list {
  display: grid;
  gap: 10px;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-risk-item {
  grid-template-columns: minmax(220px, 1fr) minmax(280px, 1fr) minmax(250px, 0.8fr);
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-content-grid .commerce-wp33-card:not(.commerce-wp33-wide) .commerce-wp33-risk-item {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-b2b-route-commerce-risk .commerce-wp33-risk-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-risk-copy strong {
  color: var(--ink);
  font-size: 1.02rem;
  line-height: 1.25;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-risk-copy small {
  color: var(--muted);
  line-height: 1.35;
}

.commerce-b2b-route-commerce-risk .commerce-wp33-action-button,
.commerce-b2b-route-commerce-risk .commerce-wp33-row-action,
.commerce-b2b-route-commerce-risk .commerce-table-action-cell button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-risk .commerce-table .commerce-table-action-cell {
  min-width: 156px;
  background: #ecfeff;
}


.commerce-b2b-route-commerce-risk .commerce-table-action-cell button {
  min-width: 0;
  padding-inline: 8px;
  gap: 6px;
  font-size: 0.88rem;
}
.commerce-b2b-route-commerce-risk .commerce-wp33-empty {
  min-height: 70px;
  padding: 16px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-weight: 800;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-risk .commerce-wp33-actions,
  .commerce-b2b-route-commerce-risk .commerce-wp33-status-grid,
  .commerce-b2b-route-commerce-risk .commerce-wp33-main-grid,
  .commerce-b2b-route-commerce-risk .commerce-wp33-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-b2b-route-commerce-risk .commerce-wp33-risk-item {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-risk .commerce-wp33-head,
  .commerce-b2b-route-commerce-risk .commerce-wp33-actions,
  .commerce-b2b-route-commerce-risk .commerce-wp33-status-grid,
  .commerce-b2b-route-commerce-risk .commerce-wp33-main-grid,
  .commerce-b2b-route-commerce-risk .commerce-wp33-content-grid,
  .commerce-b2b-route-commerce-risk .commerce-wp33-card-head,
  .commerce-b2b-route-commerce-risk .commerce-wp33-card-actions,
  .commerce-b2b-route-commerce-risk .commerce-wp33-meta,
  .commerce-b2b-route-commerce-risk .commerce-wp33-risk-meta,
  .commerce-b2b-route-commerce-risk .commerce-wp33-row-actions {
    grid-template-columns: 1fr;
  }
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-panel {
  gap: 18px;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-panel .commerce-sync-actions {
  grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-panel .commerce-sync-actions > * {
  min-width: 0;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(320px, 0.9fr);
  align-items: start;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-panel .commerce-next-list {
  grid-template-columns: minmax(0, 1fr);
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-extension-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-extension-card.active {
  border-color: rgba(7, 85, 237, 0.52);
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-copy strong {
  color: var(--ink);
  font-size: 1.02rem;
  line-height: 1.25;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-copy small {
  color: var(--muted);
  line-height: 1.35;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-copy strong,
.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-copy small,
.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-meta span,
.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail-grid span {
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-copy .soft-badge {
  justify-self: start;
  max-width: none;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-meta,
.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail-grid {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-meta span,
.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail-grid span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.25;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-meta b,
.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail-grid b {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-row-action,
.commerce-b2b-route-commerce-b2b-advanced .commerce-table-action-cell button {
  width: 100%;
  min-height: 42px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-row-action.active,
.commerce-b2b-route-commerce-b2b-advanced .commerce-table-action-cell button.active {
  border-color: rgba(7, 85, 237, 0.56);
  background: var(--teal);
  color: #ffffff;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-table .commerce-table-action-cell {
  background: #ecfeff;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 12px;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-card-actions > * {
  min-width: 0;
  min-height: 40px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 1240px) {
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-panel .commerce-sync-actions,
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail {
    position: static;
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-panel .commerce-sync-actions,
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-grid,
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-meta,
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-detail-grid,
  .commerce-b2b-route-commerce-b2b-advanced .commerce-wp36-card-actions {
    grid-template-columns: 1fr;
  }
}
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-panel {
  gap: 18px;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-actions {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-actions > * {
  min-width: 0;
  min-height: 46px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-status-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(320px, 0.9fr);
  align-items: start;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-list {
  grid-template-columns: minmax(0, 1fr);
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-card.active {
  border-color: rgba(7, 85, 237, 0.52);
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 var(--teal);
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-copy strong {
  color: var(--ink);
  font-size: 1.02rem;
  line-height: 1.25;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-copy small {
  color: var(--muted);
  line-height: 1.35;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-copy strong,
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-copy small,
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-meta span,
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail-grid span {
  overflow-wrap: anywhere;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-copy .soft-badge {
  justify-self: start;
  max-width: none;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-meta,
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail-grid {
  display: grid;
  gap: 8px;
  min-width: 0;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-meta span,
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail-grid span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.25;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-meta b,
:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail-grid b {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-row-action,
.commerce-b2b-route-commerce-api .commerce-table-action-cell button {
  width: 100%;
  min-height: 42px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-row-action.active,
.commerce-b2b-route-commerce-api .commerce-table-action-cell button.active {
  border-color: rgba(7, 85, 237, 0.56);
  background: var(--teal);
  color: #ffffff;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-table .commerce-table-action-cell {
  background: #ecfeff;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 12px;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

:is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-card-actions > * {
  min-width: 0;
  min-height: 40px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 1240px) {
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-actions,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-status-grid,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail {
    position: static;
  }
}

@media (max-width: 760px) {
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-actions,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-status-grid,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-grid,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-record-meta,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-detail-grid,
  :is(.commerce-b2b-route-commerce-api, .commerce-b2b-route-commerce-integrations) .commerce-wp32-card-actions {
    grid-template-columns: 1fr;
  }
}

.commerce-b2b-route-commerce-acceptance .commerce-final-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
  gap: 14px;
  align-items: start;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-workbench > .commerce-final-selector {
  min-height: 0;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-selector .commerce-next-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card {
  width: 100%;
  grid-template-columns: 38px minmax(0, 1fr) minmax(104px, auto);
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  min-height: 96px;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card .commerce-final-record-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #e8f0ff;
  color: #0647c2;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card .commerce-final-record-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card .commerce-final-record-copy strong,
.commerce-b2b-route-commerce-acceptance .commerce-final-record-card .commerce-final-record-copy small {
  overflow-wrap: anywhere;
  hyphens: auto;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card.tone-warning {
  border-color: rgba(245, 158, 11, 0.45);
  background: #fffbeb;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card.tone-info {
  background: #f8fafc;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-record-card.active {
  border-color: rgba(7, 85, 237, 0.65);
  background: #e8f0ff;
  box-shadow: inset 4px 0 0 #0755ed;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-detail-panel {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 14px;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-meta-grid article {
  min-width: 0;
  padding: 12px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.2);
}

.commerce-b2b-route-commerce-acceptance .commerce-final-meta-grid span {
  display: block;
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-meta-grid strong {
  display: block;
  margin-top: 6px;
  color: #0f172a;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-detail-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 9px;
}

.commerce-b2b-route-commerce-acceptance .commerce-final-detail-actions > button {
  width: 100%;
  min-height: 40px;
  white-space: normal;
}

@media (max-width: 1180px) {
  .commerce-b2b-route-commerce-acceptance .commerce-final-workbench {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-route-commerce-acceptance .commerce-final-detail-panel {
    position: static;
  }
}

@media (max-width: 760px) {
  .commerce-b2b-route-commerce-acceptance .commerce-final-selector .commerce-next-list,
  .commerce-b2b-route-commerce-acceptance .commerce-final-meta-grid,
  .commerce-b2b-route-commerce-acceptance .commerce-final-detail-actions {
    grid-template-columns: 1fr;
  }

  .commerce-b2b-route-commerce-acceptance .commerce-final-record-card {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .commerce-b2b-route-commerce-acceptance .commerce-final-record-card .soft-badge {
    grid-column: 1 / -1;
    justify-self: start;
  }
}


.commerce-ai-assistant-backdrop {
  background: rgba(15, 23, 42, 0.28);
  backdrop-filter: blur(2px);
}

.commerce-ai-assistant-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 130;
  width: min(460px, calc(100vw - 24px));
  height: 100vh;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr;
  gap: 14px;
  padding: 22px;
  overflow-y: auto;
  background: #ffffff;
  border-left: 1px solid var(--line);
  box-shadow: -24px 0 48px rgba(15, 23, 42, 0.18);
}

.commerce-ai-assistant-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
}

.commerce-ai-assistant-head h2 {
  margin: 4px 0 6px;
  font-size: 24px;
  line-height: 1.15;
}

.commerce-ai-assistant-head p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.commerce-ai-assistant-close-button {
  min-height: 42px;
  padding-inline: 14px;
  white-space: nowrap;
}

.commerce-ai-assistant-close-button svg {
  width: 18px;
  height: 18px;
}

.commerce-ai-assistant-context {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.commerce-ai-assistant-context span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
}

.commerce-ai-assistant-context strong {
  color: var(--teal-dark);
  font-size: 22px;
  line-height: 1;
}

.commerce-ai-assistant-context small {
  color: var(--muted);
  font-weight: 800;
}

.commerce-ai-assistant-form {
  display: grid;
  gap: 12px;
}

.commerce-ai-assistant-form textarea {
  width: 100%;
  min-height: 118px;
  resize: vertical;
}

.commerce-ai-assistant-suggestions {
  display: grid;
  gap: 8px;
}

.commerce-ai-assistant-suggestions .small-button {
  justify-content: flex-start;
  min-height: 42px;
  white-space: normal;
  text-align: left;
}

.commerce-ai-assistant-submit {
  width: 100%;
}

.commerce-ai-assistant-safety {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.26);
  border-radius: 8px;
  background: rgba(7, 85, 237, 0.08);
  color: var(--muted);
}

.commerce-ai-assistant-safety svg {
  width: 18px;
  height: 18px;
  color: var(--teal-dark);
}

.commerce-ai-assistant-history {
  display: grid;
  gap: 12px;
  align-content: start;
}

.commerce-ai-assistant-result,
.commerce-ai-assistant-empty {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.commerce-ai-assistant-result.waiting_confirmation {
  border-color: rgba(245, 158, 11, 0.36);
  background: rgba(255, 251, 235, 0.74);
}

.commerce-ai-assistant-result.blocked {
  border-color: rgba(239, 68, 68, 0.28);
  background: rgba(254, 242, 242, 0.72);
}

.commerce-ai-assistant-result-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}

.commerce-ai-assistant-result-head > span {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 8px;
  background: rgba(7, 85, 237, 0.12);
  color: var(--teal-dark);
}

.commerce-ai-assistant-result-head svg {
  width: 18px;
  height: 18px;
}

.commerce-ai-assistant-result-head strong,
.commerce-ai-assistant-empty strong {
  display: block;
  line-height: 1.25;
}

.commerce-ai-assistant-result-head small,
.commerce-ai-assistant-empty small {
  color: var(--muted);
  font-weight: 800;
}

.commerce-ai-assistant-result p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.commerce-ai-assistant-result ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
}

.commerce-ai-assistant-result li {
  color: var(--ink);
  line-height: 1.4;
}

.commerce-ai-assistant-action-preview {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(7, 85, 237, 0.10);
  color: var(--teal-dark);
  font-weight: 900;
}

.commerce-ai-assistant-action-preview svg {
  width: 16px;
  height: 16px;
}

.commerce-ai-assistant-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.commerce-ai-assistant-empty {
  justify-items: start;
  color: var(--muted);
}

.commerce-ai-assistant-empty svg {
  width: 28px;
  height: 28px;
  color: var(--teal-dark);
}

@media (max-width: 640px) {
  .commerce-ai-assistant-panel {
    width: 100vw;
    padding: 18px;
  }

  .commerce-ai-assistant-actions,
  .commerce-ai-assistant-context {
    grid-template-columns: 1fr;
  }
}

.public-shop-account-nav .public-shop-ai-button {
  border-color: rgba(7, 85, 237, 0.46);
  background: var(--teal);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(7, 85, 237, 0.16);
}

.public-shop-account-nav .public-shop-ai-button:hover,
.public-shop-account-nav .public-shop-ai-button:focus-visible,
.public-shop-account-nav .public-shop-ai-button[aria-pressed="true"] {
  background: var(--teal-dark);
}

.marketplace-b2c-ai-assistant-panel .commerce-ai-assistant-safety {
  border-color: rgba(245, 158, 11, 0.24);
  background: rgba(255, 251, 235, 0.72);
}

/* B2C store administration hub and dedicated pages */
.marketplace-store-admin-hub > .marketplace-store-admin-hero,
.marketplace-store-admin-hub > .marketplace-store-admin-menu-panel,
.marketplace-store-admin-page > .marketplace-store-admin-page-header,
.marketplace-store-admin-page > .marketplace-store-create-panel,
.marketplace-store-admin-page > .marketplace-store-profile-panel,
.marketplace-store-admin-page > .marketplace-store-company-table-panel,
.marketplace-store-admin-page > .marketplace-store-shipping-form-panel,
.marketplace-store-admin-page > .marketplace-store-shipping-table-panel,
.marketplace-store-admin-page > .marketplace-seller-verification-panel,
.marketplace-store-admin-page > .marketplace-trust-panel,
.marketplace-store-admin-page > .marketplace-seller-compliance-panel,
.marketplace-store-admin-page > .marketplace-seller-quality-panel,
.marketplace-store-admin-page > .marketplace-listing-moderation-panel {
  grid-column: 1 / -1;
}

.marketplace-store-admin-hero .panel-head,
.marketplace-store-admin-page-header {
  align-items: flex-start;
}

.marketplace-store-admin-hero .panel-head p,
.marketplace-store-admin-page-header p {
  max-width: 900px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.marketplace-store-admin-kpis {
  margin-top: 16px;
}

.marketplace-store-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.marketplace-store-admin-card {
  min-height: 136px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 10px 12px;
  align-items: start;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  text-align: left;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.marketplace-store-admin-card:hover,
.marketplace-store-admin-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(7, 85, 237, 0.38);
  box-shadow: 0 16px 34px rgba(7, 85, 237, 0.13);
}

.marketplace-store-admin-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  grid-row: 1 / 3;
  border-radius: 8px;
  color: #ffffff;
  background: var(--teal);
}

.marketplace-store-admin-card-icon svg {
  width: 22px;
  height: 22px;
}

.marketplace-store-admin-card-body {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.marketplace-store-admin-card-body small {
  color: var(--teal-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.marketplace-store-admin-card-body strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.marketplace-store-admin-card-body em {
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.marketplace-store-admin-card b {
  justify-self: start;
  min-width: 0;
  grid-column: 2;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #e8f0ff;
  font-size: 12px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.marketplace-store-admin-page-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.marketplace-store-action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.marketplace-store-action-row .small-button {
  min-width: 112px;
  min-height: 38px;
  justify-content: center;
  white-space: normal;
  text-align: center;
}

.marketplace-store-company-table .marketplace-table {
  overflow-x: auto;
}

.marketplace-store-company-table .table-head,
.marketplace-store-company-table .table-row {
  min-width: 960px;
}

.marketplace-store-admin-page .marketplace-form {
  max-width: none;
}

@media (max-width: 900px) {
  .marketplace-store-admin-page-header,
  .marketplace-store-admin-hero .panel-head {
    flex-direction: column;
  }

  .marketplace-store-admin-page-header .panel-actions,
  .marketplace-store-admin-hero .panel-actions {
    width: 100%;
    justify-content: stretch;
  }

  .marketplace-store-admin-page-header .small-button,
  .marketplace-store-admin-hero .small-button,
  .marketplace-store-admin-hero .primary-button {
    width: 100%;
  }

  .marketplace-store-admin-grid {
    grid-template-columns: 1fr;
  }
}

/* B2C product/service admin pages: same operational design language as B2B */
.marketplace-b2c-professional-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  max-width: 1520px;
  min-width: 0;
  margin-inline: auto;
  align-items: start;
}

.marketplace-b2c-professional-page > * {
  grid-column: 1 / -1;
  min-width: 0;
}

.marketplace-categories-page {
  width: 100%;
  max-width: 1520px;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr);
}

.marketplace-categories-page > .panel,
.marketplace-categories-page > .panel-wide {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
}

.marketplace-categories-page .kpi-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.marketplace-categories-page .marketplace-form {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: end;
}

.marketplace-categories-page .marketplace-form label.wide {
  grid-column: span 2;
}

.marketplace-categories-page .marketplace-form .primary-button {
  min-height: 56px;
}

.marketplace-b2c-professional-page .module-hero,
.marketplace-b2c-professional-page .marketplace-b2c-summary,
.marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel,
.marketplace-b2c-professional-page .marketplace-b2c-operations-panel {
  width: 100%;
  max-width: 100%;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-hero {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.marketplace-b2c-professional-page .commerce-admin-product-toolbar {
  grid-template-columns: repeat(auto-fit, minmax(156px, max-content));
}

.marketplace-b2c-professional-page .marketplace-b2c-summary {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel,
.marketplace-b2c-professional-page .marketplace-b2c-operations-panel {
  width: 100%;
  min-width: 0;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-table {
  width: 100%;
  max-width: 100%;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row {
  grid-template-columns: 40px minmax(270px, 2fr) minmax(132px, 0.82fr) minmax(170px, 1fr) minmax(150px, 0.85fr) minmax(120px, 0.7fr) minmax(130px, 0.78fr) minmax(250px, 1.04fr);
  min-width: 1260px;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row.service {
  grid-template-columns: 40px minmax(270px, 2fr) minmax(132px, 0.82fr) minmax(170px, 1fr) minmax(180px, 0.95fr) minmax(120px, 0.7fr) minmax(130px, 0.78fr) minmax(250px, 1.04fr);
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-actions .commerce-admin-link-button {
  min-height: 36px;
}

.marketplace-b2c-empty-state {
  min-width: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 0 0 12px 12px;
}

.marketplace-b2c-operation-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.marketplace-b2c-operation-card {
  min-height: 150px;
}

.marketplace-b2c-operation-card.warning {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fffbeb;
}

.marketplace-b2c-operation-card.active {
  border-color: rgba(7, 85, 237, 0.28);
  background: #e8f0ff;
}


/* Marketplace B2C product/service list professional full-width layout */
.marketplace-b2c-professional-page {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  grid-template-columns: minmax(0, 1fr);
}

.marketplace-b2c-professional-page > .marketplace-b2c-listing-hero,
.marketplace-b2c-professional-page > .marketplace-b2c-operations-panel,
.marketplace-b2c-professional-page > .marketplace-b2c-listing-table-panel,
.marketplace-b2c-professional-page > .marketplace-assistant-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel {
  overflow: hidden;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel .panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-table {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row {
  display: grid;
  grid-template-columns: 42px minmax(220px, 1.8fr) minmax(108px, 0.78fr) minmax(122px, 0.86fr) minmax(108px, 0.74fr) minmax(124px, 0.82fr) minmax(108px, 0.74fr) minmax(170px, 0.98fr);
  gap: 14px;
  align-items: start;
  width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row.header {
  display: none;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row.service {
  grid-template-columns: 42px minmax(220px, 1.8fr) minmax(108px, 0.78fr) minmax(136px, 0.9fr) minmax(108px, 0.74fr) minmax(124px, 0.82fr) minmax(108px, 0.74fr) minmax(170px, 0.98fr);
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row > * {
  min-width: 0;
  padding: 0;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row strong,
.marketplace-b2c-professional-page .marketplace-b2c-listing-row small {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.28;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-row .status-dot {
  align-self: start;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-content: start;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-actions .small-button,
.marketplace-b2c-professional-page .marketplace-b2c-listing-actions .primary-button,
.marketplace-b2c-professional-page .marketplace-b2c-listing-actions .danger-button {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  justify-content: flex-start;
  padding-inline: 12px;
  border-radius: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

.marketplace-b2c-professional-page .marketplace-b2c-listing-actions .primary-button {
  justify-content: center;
}

@media (max-width: 1320px) {
  .marketplace-b2c-professional-page .marketplace-b2c-listing-table {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .marketplace-b2c-professional-page .marketplace-b2c-listing-row,
  .marketplace-b2c-professional-page .marketplace-b2c-listing-row.service {
    min-width: min(100%, 1120px);
  }
}

@media (max-width: 760px) {
  .marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel .panel-head,
  .marketplace-b2c-professional-page .marketplace-b2c-listing-table-panel .panel-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .marketplace-b2c-professional-page .marketplace-b2c-listing-table {
    overflow-x: visible;
  }

  .marketplace-b2c-professional-page .marketplace-b2c-listing-row,
  .marketplace-b2c-professional-page .marketplace-b2c-listing-row.service {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-professional-page .marketplace-b2c-listing-row .status-dot {
    justify-self: start;
  }

  .marketplace-b2c-professional-page .marketplace-b2c-listing-actions {
    grid-column: 1 / -1;
    width: 100%;
    grid-template-columns: 1fr;
  }
}
/* End Marketplace B2C product/service list professional full-width layout */

/* Marketplace B2C reseller catalog administration */
.marketplace-b2c-professional-page.marketplace-partner-b2c-admin-page {
  width: 100%;
  max-width: none;
}

.marketplace-partner-b2c-admin-page .marketplace-partner-b2c-filter-panel {
  padding: 18px;
}

.marketplace-partner-b2c-admin-page .marketplace-partner-b2c-filter-panel .panel-head {
  align-items: start;
  gap: 14px;
}

.marketplace-partner-b2c-filter-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) minmax(120px, auto);
  gap: 12px;
  align-items: end;
  width: 100%;
  margin-top: 12px;
}

.marketplace-partner-b2c-filter-form label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 950;
}

.marketplace-partner-b2c-filter-form label span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-partner-b2c-filter-form select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  padding: 0 12px;
}

.marketplace-partner-b2c-filter-form .small-button {
  width: 100%;
  min-height: 42px;
  justify-content: center;
}

.marketplace-partner-b2c-admin-page .marketplace-partner-b2c-listing-table-panel .panel-head {
  align-items: start;
}

.marketplace-partner-b2c-admin-page .marketplace-partner-b2c-listing-row {
  grid-template-columns: 42px minmax(0, 1.25fr) minmax(120px, 0.55fr) minmax(160px, 0.75fr);
  grid-template-areas:
    "state title price status"
    "state stock rating quality"
    "actions actions actions actions";
}

.marketplace-partner-b2c-admin-page .marketplace-partner-b2c-listing-actions {
  justify-content: flex-end;
}

@media (max-width: 1180px) {
  .marketplace-partner-b2c-filter-form {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  .marketplace-partner-b2c-filter-form .small-button {
    grid-column: 1 / -1;
  }

  .marketplace-partner-b2c-admin-page .marketplace-partner-b2c-listing-row {
    grid-template-columns: 42px minmax(0, 1fr) minmax(150px, 0.5fr);
    grid-template-areas:
      "state title status"
      "state price quality"
      ". stock rating"
      "actions actions actions";
  }
}

@media (max-width: 700px) {
  .marketplace-partner-b2c-filter-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-partner-b2c-admin-page .marketplace-partner-b2c-listing-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "state"
      "title"
      "price"
      "stock"
      "rating"
      "quality"
      "status"
      "actions";
  }

  .marketplace-partner-b2c-admin-page .marketplace-partner-b2c-listing-actions {
    justify-content: flex-start;
  }
}
/* End Marketplace B2C reseller catalog administration */


.marketplace-b2c-form-page .marketplace-b2c-listing-form {
  width: 100%;
  min-width: 0;
}

.marketplace-b2c-form-page .marketplace-b2c-base-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.marketplace-b2c-form-page .marketplace-b2c-checkbox-field {
  align-content: center;
  min-height: 78px;
}

.marketplace-b2c-form-page .marketplace-b2c-checkbox-field input {
  width: 22px;
  height: 22px;
  accent-color: #0647c2;
}

.marketplace-b2c-form-page .commerce-product-media-toolbox .commerce-file-upload-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 46px;
  gap: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.marketplace-b2c-form-page .commerce-file-upload-button input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.marketplace-listing-media-optimization {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.22);
  border-radius: 8px;
  background: #f8fffd;
}

.marketplace-listing-media-job-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.marketplace-listing-media-job-list > span,
.marketplace-listing-media-empty {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe7f1;
  border-radius: 8px;
  background: #fff;
}

.marketplace-listing-media-job-list strong,
.marketplace-listing-media-job-list small,
.marketplace-listing-media-empty span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-offer-media-optimization {
  margin: 12px 0;
}

.commerce-offer-media-rules {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.commerce-offer-media-job-list {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.commerce-offer-media-empty {
  min-height: 70px;
}

.marketplace-b2c-form-page .commerce-product-seo-grid textarea[name="title"] {
  min-height: 76px;
  font-size: 1.08rem;
}

@media (max-width: 980px) {
  .marketplace-b2c-professional-page .commerce-admin-product-toolbar,
  .marketplace-b2c-professional-page .commerce-hero-actions,
  .marketplace-b2c-professional-page .marketplace-b2c-listing-actions {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-professional-page .marketplace-b2c-listing-row,
  .marketplace-b2c-professional-page .marketplace-b2c-listing-row.service {
    min-width: 980px;
  }
}
.marketplace-messages-page {
  display: grid;
  gap: 18px;
}

.marketplace-message-hero .kpi-grid.compact {
  grid-template-columns: repeat(6, minmax(140px, 1fr));
}

.marketplace-message-filter-panel {
  padding-bottom: 18px;
}

.marketplace-message-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(150px, 0.7fr)) auto;
  gap: 12px;
  align-items: end;
}

.marketplace-message-toolbar label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-message-toolbar b {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.marketplace-message-toolbar input,
.marketplace-message-toolbar select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font-weight: 850;
}

.marketplace-message-toolbar-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-message-console {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(620px, 1.65fr);
  gap: 14px;
  align-items: start;
}

.marketplace-message-console .conversation-list-panel,
.marketplace-message-console .conversation-thread-panel,
.marketplace-message-console .conversation-side-panel {
  min-width: 0;
}

.marketplace-message-console .conversation-thread-panel {
  min-height: 620px;
}

.marketplace-message-context-panel {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(230px, 0.72fr) minmax(320px, 1fr) minmax(260px, 0.9fr);
  gap: 12px;
  align-items: start;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.marketplace-message-context-panel > .conversation-side-panel {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.marketplace-message-context-panel > .marketplace-message-quick-actions,
.marketplace-message-context-panel > .mini-panel {
  min-width: 0;
  height: 100%;
  align-content: start;
}

.marketplace-message-context-panel > .marketplace-conversation-links-panel,
.marketplace-message-context-panel > .conversation-template-panel {
  grid-column: span 2;
}

.marketplace-message-contact-panel .profile-facts,
.conversation-crm-panel .profile-facts,
.conversation-client-tools-panel .profile-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketplace-message-context-panel .profile-facts span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conversation-template-panel {
  max-height: 520px;
  overflow: hidden;
}

.conversation-template-panel .panel-head {
  flex: 0 0 auto;
}

.template-tools {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.template-search-box {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  overflow: hidden;
}

.template-search-box span {
  display: grid;
  place-items: center;
  color: var(--teal-dark);
}

.template-search-box input {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
  font-weight: 850;
}

.template-category-strip {
  display: flex;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 0 0 4px;
  scrollbar-width: thin;
}

.template-category-strip button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--muted);
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.template-category-strip button.active {
  border-color: rgba(7, 85, 237, 0.42);
  color: var(--teal-dark);
  background: #e8f0ff;
}

.template-category-strip small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 20px;
  border-radius: 999px;
  padding: 0 6px;
  color: var(--teal-dark);
  background: #eef3f8;
  font-size: 11px;
}

.marketplace-message-context-panel .template-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketplace-message-context-panel .template-list .template-card {
  min-height: 126px;
}

.marketplace-message-context-panel .template-list span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.marketplace-template-scroll-list {
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
  align-content: start;
  scrollbar-width: thin;
}

.conversation-template-panel .template-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.conversation-template-panel .template-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.conversation-template-panel .template-insert-button {
  width: 100%;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-color: rgba(7, 85, 237, 0.32);
  color: #ffffff;
  background: var(--teal);
  text-align: center;
}

.conversation-template-panel .template-insert-button:hover {
  border-color: rgba(6, 71, 194, 0.45);
  background: var(--teal-dark);
}

.conversation-template-panel .template-insert-status {
  grid-column: 1 / -1;
  min-height: 18px;
  margin: 0;
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 850;
}

.template-empty-message {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 120px;
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 16px;
  color: var(--muted);
  background: #fbfdff;
  text-align: center;
}

.template-empty-message svg {
  width: 24px;
  height: 24px;
  color: var(--teal);
}

.template-empty-message strong {
  color: var(--ink);
}

.marketplace-message-quick-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.marketplace-message-quick-actions .small-button {
  width: 100%;
  justify-content: center;
  min-height: 38px;
  padding: 0 10px;
  white-space: nowrap;
}

.marketplace-message-quick-actions .small-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-message-quick-actions .marketplace-message-quick-action-close {
  grid-column: 1 / -1;
}

.marketplace-ai-message-bridge-panel {
  grid-column: 1 / -1;
}

.marketplace-ai-message-bridge-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.marketplace-ai-message-bridge-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 12px;
  align-items: center;
  min-height: 132px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  text-align: left;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
  cursor: pointer;
}

.marketplace-ai-message-bridge-card:hover {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-ai-message-bridge-card > span {
  grid-row: span 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-ai-message-bridge-card strong {
  font-size: 28px;
  line-height: 1;
}

.marketplace-ai-message-bridge-card b {
  font-size: 15px;
  line-height: 1.25;
}

.marketplace-ai-message-bridge-card small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-ai-message-bridge-rule {
  margin-top: 14px;
  align-items: center;
}

.marketplace-message-ai-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.marketplace-message-ai-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.marketplace-message-ai-head h3 {
  margin: 4px 0 0;
  font-size: 20px;
  line-height: 1.15;
}

.marketplace-message-ai-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.marketplace-message-ai-facts span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 32px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.marketplace-message-ai-facts span:last-child {
  grid-column: 1 / -1;
}

.marketplace-message-ai-facts svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
}

.marketplace-message-ai-last {
  display: block;
  padding: 9px 11px;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.marketplace-message-ai-suggestions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.marketplace-message-ai-suggestions .small-button {
  justify-content: center;
  min-height: 38px;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.1;
}

.marketplace-message-ai-suggestions .small-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-message-new-panel > .communication-create-panel {
  box-shadow: none;
}

.marketplace-message-new-panel .communication-create-panel {
  border: 0;
  padding: 0;
}

@media (max-width: 1280px) {
  .marketplace-message-hero .kpi-grid.compact,
  .marketplace-message-toolbar,
  .marketplace-message-console,
  .marketplace-message-context-panel {
    grid-template-columns: 1fr 1fr;
  }

  .marketplace-message-console .conversation-thread-panel,
  .marketplace-message-context-panel > .marketplace-conversation-links-panel,
  .marketplace-message-context-panel > .conversation-template-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .conversation-channel-readiness {
    grid-template-columns: 1fr;
  }

  .conversation-channel-readiness .readiness-icon {
    width: 38px;
    height: 38px;
  }

  .marketplace-message-hero .kpi-grid.compact,
  .marketplace-message-toolbar,
  .marketplace-message-console,
  .marketplace-message-context-panel,
  .marketplace-message-quick-actions,
  .marketplace-message-ai-suggestions,
  .marketplace-message-ai-facts,
  .marketplace-message-context-panel .template-list,
  .marketplace-message-contact-panel .profile-facts,
  .conversation-crm-panel .profile-facts,
  .conversation-client-tools-panel .profile-facts {
    grid-template-columns: 1fr;
  }

  .marketplace-message-context-panel > .marketplace-conversation-links-panel,
  .marketplace-message-context-panel > .conversation-template-panel,
  .marketplace-message-ai-facts span:last-child {
    grid-column: auto;
  }
}

/* Marketplace B2C messages professional inbox layout */
.marketplace-message-professional-page {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-message-professional-page > :is(.panel, .panel-wide, .marketplace-message-workbench, .marketplace-message-create-section) {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-message-command-panel {
  min-height: auto;
  padding: 24px;
}

.marketplace-message-command-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-message-command-panel .panel-head p {
  max-width: 860px;
}

.marketplace-message-professional-page .marketplace-message-toolbar {
  grid-template-columns: minmax(320px, 1.45fr) minmax(200px, 0.72fr) minmax(200px, 0.72fr) auto;
  gap: 12px;
  margin-top: 20px;
}

.marketplace-message-professional-page .marketplace-message-toolbar-actions {
  display: grid;
  grid-template-columns: repeat(2, max-content);
}

.marketplace-message-workbench {
  display: grid;
  gap: 14px;
}

.marketplace-message-workbench-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 14px;
  align-items: stretch;
}

.marketplace-message-workbench-head > div:first-child,
.marketplace-message-active-context {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.marketplace-message-workbench-head h3,
.marketplace-message-workbench-head p {
  margin: 0;
}

.marketplace-message-workbench-head h3 {
  margin-top: 4px;
}

.marketplace-message-workbench-head p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-message-active-context {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-message-active-context > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: var(--teal-dark);
  background: #dbe5f5;
}

.marketplace-message-active-context.warning > span {
  color: #b45309;
  background: #fff3cd;
}

.marketplace-message-active-context strong,
.marketplace-message-active-context small {
  display: block;
  min-width: 0;
}

.marketplace-message-active-context small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-message-workbench-grid {
  display: grid;
  grid-template-columns: minmax(270px, 0.72fr) minmax(440px, 1.2fr) minmax(320px, 0.92fr);
  gap: 14px;
  align-items: stretch;
  min-height: 720px;
}

.marketplace-message-list-column,
.marketplace-message-thread-column,
.marketplace-message-inspector-column {
  min-width: 0;
  min-height: 0;
}

.marketplace-message-professional-page .conversation-list-panel {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  padding: 16px;
}

.marketplace-message-professional-page .conversation-list-panel .panel-head {
  align-items: flex-start;
}

.marketplace-message-professional-page .conversation-filters {
  grid-template-columns: 1fr;
  gap: 8px;
}

.marketplace-message-professional-page .conversation-list {
  min-height: 0;
  max-height: 612px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-width: thin;
}

.marketplace-message-professional-page .conversation-card {
  min-height: 112px;
  border-radius: 8px;
  padding: 12px 14px;
}

.marketplace-message-professional-page .conversation-card.active {
  border-color: rgba(7, 85, 237, 0.45);
  background: #e8f0ff;
  box-shadow: 0 14px 28px rgba(7, 85, 237, 0.1);
}

.marketplace-message-professional-page .conversation-card em {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.35;
}

.marketplace-message-professional-page .conversation-thread-panel {
  height: 100%;
  min-height: 720px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 8px;
}

.marketplace-message-professional-page .thread-header {
  align-items: flex-start;
}

.marketplace-message-professional-page .thread-status {
  justify-content: flex-end;
}

.marketplace-message-professional-page .message-feed {
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.marketplace-message-professional-page .message-composer textarea {
  min-height: 116px;
  max-height: 220px;
}

.marketplace-message-professional-page .composer-actions {
  justify-content: flex-end;
}

.marketplace-message-inspector-column {
  display: grid;
  align-content: start;
  max-height: 720px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-width: thin;
}

.marketplace-message-professional-page .marketplace-message-context-panel {
  grid-column: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-content: start;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.marketplace-message-professional-page .marketplace-message-context-panel > :is(.mini-panel, .marketplace-message-quick-actions, .marketplace-conversation-links-panel, .conversation-template-panel) {
  grid-column: auto;
  width: 100%;
  height: auto;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-message-professional-page .marketplace-message-contact-panel .profile-facts,
.marketplace-message-professional-page .conversation-crm-panel .profile-facts,
.marketplace-message-professional-page .conversation-client-tools-panel .profile-facts,
.marketplace-message-professional-page .marketplace-message-ai-facts {
  grid-template-columns: 1fr;
}

.marketplace-message-professional-page .marketplace-message-context-panel .profile-facts span {
  white-space: normal;
  overflow-wrap: anywhere;
}

.marketplace-message-professional-page .conversation-delivery-notice {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  margin: 12px 0 0;
  border: 1px solid rgba(245, 158, 11, 0.34);
  border-radius: 8px;
  padding: 10px;
  background: #fffbeb;
}

.marketplace-message-professional-page .conversation-delivery-notice .small-button {
  grid-column: 1 / -1;
  width: 100%;
  justify-content: center;
}

.marketplace-message-professional-page .conversation-template-panel {
  max-height: none;
  overflow: visible;
}

.marketplace-message-professional-page .template-tools {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.marketplace-message-professional-page .conversation-template-panel .panel-head {
  gap: 10px;
}

.marketplace-message-professional-page .marketplace-message-context-panel .template-list,
.marketplace-message-professional-page .marketplace-template-scroll-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  max-height: 360px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-width: thin;
}

.marketplace-message-professional-page .conversation-template-panel .template-card {
  min-height: 132px;
  border-radius: 8px;
}

.marketplace-message-professional-page .conversation-template-panel .template-card-copy {
  gap: 6px;
}

.marketplace-message-professional-page .marketplace-message-context-panel .template-list span {
  -webkit-line-clamp: 3;
  line-height: 1.35;
}

.marketplace-message-professional-page .template-insert-status {
  min-height: 18px;
}

.marketplace-message-create-section {
  display: grid;
}

.marketplace-message-create-section > .communication-create-panel {
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 22px;
}

.marketplace-message-create-section .communication-create-form {
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 12px;
}

.marketplace-message-create-section .communication-create-form .message-field,
.marketplace-message-create-section .conversation-channel-readiness {
  grid-column: 1 / -1;
}

.marketplace-message-create-section .communication-create-form .primary-button {
  align-self: end;
  min-height: 46px;
}

@media (max-width: 1280px) {
  .marketplace-message-workbench-grid {
    grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.22fr);
  }

  .marketplace-message-inspector-column {
    grid-column: 1 / -1;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .marketplace-message-professional-page .marketplace-message-context-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-message-professional-page .conversation-template-panel,
  .marketplace-message-professional-page .marketplace-conversation-links-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .marketplace-message-professional-page .marketplace-message-toolbar,
  .marketplace-message-workbench-head,
  .marketplace-message-workbench-grid,
  .marketplace-message-professional-page .marketplace-message-context-panel,
  .marketplace-message-create-section .communication-create-form {
    grid-template-columns: 1fr;
  }

  .marketplace-message-professional-page .marketplace-message-toolbar-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-message-professional-page .marketplace-message-toolbar-actions > * {
    width: 100%;
    justify-content: center;
  }

  .marketplace-message-professional-page .conversation-thread-panel {
    min-height: 620px;
  }
}

@media (max-width: 640px) {
  .marketplace-message-command-panel,
  .marketplace-message-create-section > .communication-create-panel {
    padding: 18px;
  }

  .marketplace-message-professional-page .thread-header,
  .marketplace-message-professional-page .thread-status,
  .marketplace-message-professional-page .composer-actions {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .marketplace-message-professional-page .thread-status > *,
  .marketplace-message-professional-page .composer-actions > * {
    width: 100%;
    justify-content: center;
  }
}
/* End Marketplace B2C messages professional inbox layout */

/* B2C marketplace messages dedicated switch */
.marketplace-messages-switch-page > .marketplace-public-catalog-switch {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

.marketplace-messages-switch-page .marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-messages-switch-page .marketplace-b2c-dedicated-tab {
  min-width: 142px;
}

@media (max-width: 760px) {
  .marketplace-messages-switch-page .marketplace-b2c-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-messages-switch-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace messages dedicated switch */


.marketplace-payment-form.professional {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.marketplace-payment-form.professional .marketplace-wide {
  grid-column: span 2;
}

.marketplace-payment-check {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  font-weight: 900;
}

.marketplace-payment-check input {
  width: 18px;
  height: 18px;
}

.marketplace-payment-methods-panel,
.marketplace-payment-methods-table-panel {
  display: grid;
  gap: 14px;
}

.marketplace-cart-payment-selector {
  display: grid;
  grid-template-columns: minmax(260px, 420px) minmax(240px, 1fr);
  align-items: stretch;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-cart-payment-selector label {
  display: grid;
  gap: 6px;
}

.marketplace-payment-checkout {
  min-width: 0;
}

.marketplace-cart-payment-selector select {
  width: 100%;
}

.marketplace-cart-payment-status {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #bed4f7;
  border-radius: 8px;
  background: #e8f0ff;
}

.marketplace-cart-payment-status.warning {
  border-color: #fed7aa;
  background: #fff7ed;
}

.marketplace-cart-payment-status span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--teal-dark);
  font-weight: 900;
}

.marketplace-cart-payment-status.warning span {
  color: #92400e;
}

.marketplace-cart-payment-status small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-payment-readiness {
  min-width: 0;
}

@media (max-width: 1100px) {
  .marketplace-payment-form.professional {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-payment-form.professional,
  .marketplace-cart-payment-selector {
    grid-template-columns: 1fr;
  }

  .marketplace-payment-form.professional .marketplace-wide {
    grid-column: 1 / -1;
  }
}

.marketplace-payment-page-header {
  align-items: center;
}

.marketplace-payment-scope-context {
  margin: 0 0 1rem;
}

.commerce-payment-operations-link {
  margin-top: 1rem;
}


.marketplace-payments-b2c-page {
  width: 100%;
  max-width: none;
}

.marketplace-payments-b2c-page > .panel,
.marketplace-payments-b2c-page > .panel-wide,
.marketplace-store-admin-page > .marketplace-payment-methods-panel,
.marketplace-store-admin-page > .marketplace-payment-methods-table-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}

.marketplace-payments-b2c-page .marketplace-payment-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marketplace-payments-b2c-page .marketplace-payment-form.professional,
.marketplace-store-admin-page .marketplace-payment-form.professional {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
}

@media (max-width: 1180px) {
  .marketplace-payments-b2c-page .marketplace-payment-kpis,
  .marketplace-payments-b2c-page .marketplace-payment-form.professional,
  .marketplace-store-admin-page .marketplace-payment-form.professional {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-payments-b2c-page .marketplace-payment-kpis,
  .marketplace-payments-b2c-page .marketplace-payment-form.professional,
  .marketplace-store-admin-page .marketplace-payment-form.professional {
    grid-template-columns: 1fr;
  }
}


.marketplace-ai-layout > .marketplace-ai-message-bridge-panel,
.marketplace-ai-layout > .marketplace-ai-actions-panel,
.marketplace-ai-layout > .marketplace-ai-priority-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}

.marketplace-ai-actions-panel {
  display: grid;
  gap: 14px;
}

.marketplace-ai-actions-panel .setup-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.marketplace-ai-actions-panel .setup-row {
  min-width: 0;
  min-height: 52px;
}

.marketplace-ai-actions-panel .primary-button {
  justify-self: start;
  min-width: 220px;
}

@media (max-width: 760px) {
  .marketplace-ai-actions-panel .setup-list {
    grid-template-columns: 1fr;
  }

  .marketplace-ai-actions-panel .primary-button {
    width: 100%;
    min-width: 0;
  }
}

/* Marketplace B2C AI capability cards */
.marketplace-ai-actions-panel .marketplace-ai-capability-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  padding: 14px;
  border: 1px solid rgba(6, 71, 194, 0.16);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
  cursor: default;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-icon svg {
  width: 20px;
  height: 20px;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-card strong,
.marketplace-ai-actions-panel .marketplace-ai-capability-card small,
.marketplace-ai-actions-panel .marketplace-ai-capability-card em {
  display: block;
  min-width: 0;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-card strong {
  color: #001333;
  font-size: 16px;
  line-height: 1.22;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-card small {
  margin-top: 5px;
  color: #58677f;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.marketplace-ai-actions-panel .marketplace-ai-capability-card em {
  justify-self: end;
  align-self: start;
  padding: 5px 9px;
  border-radius: 999px;
  color: #0647c2;
  background: #e8f0ff;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  line-height: 1.1;
}

@media (max-width: 760px) {
  .marketplace-ai-actions-panel .marketplace-ai-capability-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-ai-actions-panel .marketplace-ai-capability-card {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .marketplace-ai-actions-panel .marketplace-ai-capability-card em {
    grid-column: 2;
    justify-self: start;
  }
}
/* End marketplace B2C AI capability cards */

/* Marketplace B2C AI priorities professional list */
.marketplace-ai-priority-panel {
  overflow: visible;
}

.marketplace-ai-priority-panel .panel-head {
  align-items: flex-start;
  gap: 16px;
}

.marketplace-ai-priority-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 14px;
}

.marketplace-ai-priority-stat {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 88px;
  padding: 14px;
  border: 1px solid rgba(6, 71, 194, 0.18);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(232, 240, 255, 0.86), rgba(255, 255, 255, 0.96));
}

.marketplace-ai-priority-stat > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #ffffff;
  background: #0755ed;
}

.marketplace-ai-priority-stat svg {
  width: 20px;
  height: 20px;
}

.marketplace-ai-priority-stat strong,
.marketplace-ai-priority-stat small,
.marketplace-ai-priority-stat em {
  display: block;
  min-width: 0;
}

.marketplace-ai-priority-stat strong {
  color: #001333;
  font-size: 22px;
  line-height: 1.05;
}

.marketplace-ai-priority-stat small {
  margin-top: 3px;
  color: #001333;
  font-weight: 900;
}

.marketplace-ai-priority-stat em {
  margin-top: 2px;
  color: #62708a;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.3;
}

.marketplace-ai-priority-list {
  display: grid;
  gap: 12px;
  width: 100%;
}

.marketplace-ai-priority-row {
  display: grid;
  grid-template-columns: 44px minmax(240px, 1.35fr) minmax(132px, 0.52fr) minmax(160px, 0.62fr) minmax(220px, 0.88fr);
  grid-template-areas:
    "state identity price scope issues"
    "state quality quality actions actions";
  gap: 12px 16px;
  align-items: center;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(6, 71, 194, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.055);
}

.marketplace-ai-priority-state {
  grid-area: state;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-ai-priority-state.muted {
  color: #64748b;
  background: #eef2f7;
}

.marketplace-ai-priority-state svg {
  width: 20px;
  height: 20px;
}

.marketplace-ai-priority-identity {
  grid-area: identity;
}

.marketplace-ai-priority-identity,
.marketplace-ai-priority-metric,
.marketplace-ai-priority-issues,
.marketplace-ai-priority-quality {
  min-width: 0;
}

.marketplace-ai-priority-identity > strong,
.marketplace-ai-priority-metric > strong {
  display: block;
  min-width: 0;
  color: #001333;
  font-size: 18px;
  line-height: 1.22;
}

.marketplace-ai-priority-identity > small,
.marketplace-ai-priority-metric > small,
.marketplace-ai-priority-quality > small {
  display: block;
  min-width: 0;
  margin-top: 5px;
  color: #58677f;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.marketplace-ai-priority-identity .soft-badge {
  margin-bottom: 8px;
}

.marketplace-ai-priority-metric > span,
.marketplace-ai-priority-issues > span {
  display: block;
  margin-bottom: 5px;
  color: #0647c2;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.marketplace-ai-priority-price {
  grid-area: price;
}

.marketplace-ai-priority-scope {
  grid-area: scope;
}

.marketplace-ai-priority-issues {
  grid-area: issues;
}

.marketplace-ai-priority-issues > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.marketplace-ai-priority-issues small {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  max-width: 100%;
  padding: 4px 9px;
  border: 1px solid rgba(245, 158, 11, 0.26);
  border-radius: 999px;
  color: #9a5a00;
  background: #fff7d6;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
}

.marketplace-ai-priority-quality {
  grid-area: quality;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.marketplace-ai-priority-quality > small {
  flex-basis: 100%;
  margin-top: 0;
}

.marketplace-ai-priority-actions {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-ai-priority-actions .small-button {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1;
}

.marketplace-ai-priority-empty {
  min-height: 150px;
}

@media (max-width: 1240px) {
  .marketplace-ai-priority-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-ai-priority-row {
    grid-template-columns: 44px minmax(0, 1fr) minmax(132px, 0.45fr);
    grid-template-areas:
      "state identity price"
      "state scope issues"
      "quality quality quality"
      "actions actions actions";
  }
}

@media (max-width: 760px) {
  .marketplace-ai-priority-panel .panel-head,
  .marketplace-ai-priority-summary,
  .marketplace-ai-priority-row {
    grid-template-columns: 1fr;
  }

  .marketplace-ai-priority-row {
    grid-template-areas:
      "state"
      "identity"
      "price"
      "scope"
      "issues"
      "quality"
      "actions";
  }

  .marketplace-ai-priority-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .marketplace-ai-priority-actions .small-button {
    flex: 1 1 auto;
    min-width: 0;
  }
}
/* End marketplace B2C AI priorities professional list */

/* Company administration vertical workspace policy */
.company-shell .main-shell .page > :is(
  .dashboard-grid,
  .admin-layout,
  .crm-layout,
  .reports-layout,
  .automation-layout,
  .ads-layout,
  .communication-layout,
  .sales-layout,
  .sales-hub-grid,
  .sales-report-grid,
  .sales-settings-grid,
  .purchase-layout,
  .finance-layout,
  .hr-layout,
  .inventory-production-grid,
  .integrations-audit-grid,
  .integrations-bottom,
  .document-settings-flow-grid,
  .data-exchange-grid,
  .edi-eds-layout
) {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
}

.company-shell .main-shell .page > :is(
  .dashboard-grid,
  .admin-layout,
  .crm-layout,
  .reports-layout,
  .automation-layout,
  .ads-layout,
  .communication-layout,
  .sales-layout,
  .sales-hub-grid,
  .sales-report-grid,
  .sales-settings-grid,
  .purchase-layout,
  .finance-layout,
  .hr-layout,
  .inventory-production-grid,
  .integrations-audit-grid,
  .integrations-bottom,
  .document-settings-flow-grid,
  .data-exchange-grid,
  .edi-eds-layout
) > :is(
  .panel,
  .panel-wide,
  .dashboard-health-panel,
  .dashboard-process-panel,
  .financial-assistant-panel,
  .dashboard-list-panel,
  .sales-hub-card,
  .sales-report-card,
  .sales-settings-card,
  .reports-catalog-panel,
  .report-table-panel,
  .automation-map-panel,
  .automation-health-anchor,
  .platform-billing-documents-panel
),
.company-shell .main-shell .page > :is(.dashboard-grid, .integrations-bottom) > [data-integration-section="keys"] {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}
/* End company administration vertical workspace policy */

/* Storage upgrade professional layout */
.storage-upgrade-page {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

/* Billing loading/error notices must not create implicit page columns. */
.storage-upgrade-page > * {
  grid-column: 1 / -1;
  min-width: 0;
}

.storage-upgrade-head {
  min-height: 152px;
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 62%, #ecfdf5 100%);
}

.storage-upgrade-head h2 {
  max-width: 820px;
  margin-top: 12px;
  font-size: 30px;
  line-height: 1.12;
}

.storage-upgrade-head p {
  max-width: 760px;
  font-size: 16px;
  line-height: 1.5;
}

.storage-upgrade-head .page-head-actions {
  align-self: center;
}

.storage-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.storage-summary-card {
  min-width: 0;
  min-height: 118px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid #d9e5f1;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.storage-summary-card > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #ffffff;
  background: var(--teal);
}

.storage-summary-card svg {
  width: 22px;
  height: 22px;
}

.storage-summary-card small,
.storage-summary-card strong,
.storage-summary-card em {
  display: block;
  min-width: 0;
}

.storage-summary-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.storage-summary-card strong {
  margin-top: 4px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.storage-summary-card em {
  margin-top: 4px;
  color: var(--muted);
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.storage-upgrade-page > .storage-usage-panel {
  grid-column: 1 / -1;
  min-height: auto;
  padding: 22px;
}

.storage-upgrade-page > .storage-usage-panel .panel-head {
  align-items: center;
}

.storage-upgrade-page > .storage-usage-panel .storage-meter {
  margin: 20px 0;
}

.storage-upgrade-page > .storage-usage-panel .mini-kpi-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 0;
}

.storage-upgrade-page > .storage-usage-panel .mini-kpi-row span {
  min-height: 56px;
  background: #f8fbff;
}

.storage-plans-section {
  display: grid;
  gap: 16px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.storage-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.storage-section-head h3,
.storage-section-head p {
  margin: 0;
}

.storage-section-head h3 {
  margin-top: 4px;
  color: var(--ink);
  font-size: 22px;
}

.storage-section-head p {
  max-width: 760px;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}

.storage-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.storage-plan-card {
  min-width: 0;
  min-height: 232px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 14px;
  padding: 18px;
  border: 1px solid #d9e5f1;
  border-radius: 8px;
  background: #fbfdff;
}

.storage-plan-card-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.storage-plan-card-head > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--teal-dark);
  background: #dbe5f5;
}

.storage-plan-card-head small,
.storage-plan-card-head strong,
.storage-plan-main strong,
.storage-plan-main span {
  display: block;
}

.storage-plan-card-head small {
  color: var(--teal-dark);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.storage-plan-card-head strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
}

.storage-plan-main strong {
  color: var(--ink);
  font-size: 28px;
  line-height: 1.05;
}

.storage-plan-main span,
.storage-plan-card p {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.45;
}

.storage-plan-card p {
  margin: 0;
}

.storage-plan-card .primary-button {
  width: 100%;
  justify-self: stretch;
}

@media (max-width: 1180px) {
  .storage-summary-grid,
  .storage-upgrade-page > .storage-usage-panel .mini-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .storage-upgrade-head {
    grid-template-columns: 1fr;
  }

  .storage-upgrade-head .page-head-actions,
  .storage-upgrade-head .page-head-actions > * {
    width: 100%;
  }

  .storage-summary-grid,
  .storage-upgrade-page > .storage-usage-panel .mini-kpi-row,
  .storage-plan-grid {
    grid-template-columns: 1fr;
  }

  .storage-section-head {
    display: grid;
  }
}
/* End storage upgrade professional layout */

/* SAF-T / D406 professional full-width layout */
.saft-d406-page .saft-layout {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  gap: 18px;
}

.saft-d406-page .saft-layout > .panel,
.saft-d406-page .saft-layout > .panel-wide,
.saft-d406-page .saft-layout > .dashboard-health-panel,
.saft-d406-page .saft-layout > .dashboard-process-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}

.saft-d406-page .dashboard-health-panel .panel-head,
.saft-d406-page .dashboard-process-panel .panel-head {
  align-items: flex-start;
  gap: 16px;
}

.saft-d406-page .dashboard-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 12px;
}

.saft-d406-page .dashboard-health-item {
  min-height: 104px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 6px 12px;
  padding: 14px;
}

.saft-d406-page .dashboard-health-item > span {
  width: 42px;
  height: 42px;
  border-radius: 10px;
}

.saft-d406-page .dashboard-process-list {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.saft-d406-page .dashboard-process-step {
  min-height: 172px;
  padding: 16px;
  border-radius: 10px;
}

.saft-d406-page .dashboard-process-step > span {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.saft-d406-page .dashboard-process-step strong {
  font-size: 16px;
  line-height: 1.25;
}

.saft-d406-page .dashboard-process-step small {
  font-size: 13px;
  line-height: 1.45;
}

.saft-d406-page .dashboard-process-step i {
  align-self: end;
  margin-top: 4px;
}

.saft-d406-page .saft-section-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.saft-d406-page .saft-section-card {
  min-height: 138px;
  padding: 14px;
}

.saft-d406-page .saft-issue-list,
.saft-d406-page .saft-export-list {
  gap: 12px;
}

.saft-d406-page .saft-issue {
  padding: 14px 16px;
}

@media (max-width: 900px) {
  .saft-d406-page .dashboard-health-grid,
  .saft-d406-page .dashboard-process-list,
  .saft-d406-page .saft-section-list {
    grid-template-columns: 1fr;
  }

  .saft-d406-page .dashboard-health-item {
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-areas:
      "icon title"
      "icon text"
      "icon status";
  }

  .saft-d406-page .dashboard-health-item em {
    justify-self: start;
  }
}
/* End SAF-T / D406 professional full-width layout */

/* D394 professional full-width layout */
.d394-page .saft-layout {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  gap: 18px;
}

.d394-page .saft-layout > .panel,
.d394-page .saft-layout > .panel-wide,
.d394-page .saft-layout > .dashboard-health-panel,
.d394-page .saft-layout > .dashboard-process-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-height: auto;
}

.d394-page .dashboard-health-panel .panel-head,
.d394-page .dashboard-process-panel .panel-head {
  align-items: flex-start;
  gap: 16px;
}

.d394-page .dashboard-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 12px;
}

.d394-page .dashboard-health-item {
  min-height: 104px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 6px 12px;
  padding: 14px;
}

.d394-page .dashboard-health-item > span {
  width: 42px;
  height: 42px;
  border-radius: 10px;
}

.d394-page .dashboard-process-list {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.d394-page .dashboard-process-step {
  min-height: 172px;
  padding: 16px;
  border-radius: 10px;
}

.d394-page .dashboard-process-step > span {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.d394-page .dashboard-process-step strong {
  font-size: 16px;
  line-height: 1.25;
}

.d394-page .dashboard-process-step small {
  font-size: 13px;
  line-height: 1.45;
}

.d394-page .dashboard-process-step i {
  align-self: end;
  margin-top: 4px;
}

.d394-page .saft-section-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.d394-page .saft-section-card {
  min-height: 138px;
  padding: 14px;
}

.d394-page .saft-issue-list,
.d394-page .saft-export-list {
  gap: 12px;
}

.d394-page .saft-issue {
  padding: 14px 16px;
}

@media (max-width: 900px) {
  .d394-page .dashboard-health-grid,
  .d394-page .dashboard-process-list,
  .d394-page .saft-section-list {
    grid-template-columns: 1fr;
  }

  .d394-page .dashboard-health-item {
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-areas:
      "icon title"
      "icon text"
      "icon status";
  }

  .d394-page .dashboard-health-item em {
    justify-self: start;
  }
}
/* End D394 professional full-width layout */

/* Company automation key registry professional layout */
.automation-keys-panel {
  align-self: stretch;
}

.automation-keys-panel .automation-key-form {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px;
}

.automation-keys-panel .automation-key-form label {
  min-width: 0;
}

.automation-keys-panel .automation-key-form .small-button {
  width: 100%;
  min-height: 44px;
  align-self: end;
}

.automation-key-registry {
  margin-top: 14px;
}

.automation-key-list .automation-key-card {
  display: grid;
  grid-template-columns: 48px minmax(220px, 1.1fr) minmax(260px, 1fr) minmax(220px, 0.9fr) minmax(150px, auto);
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: var(--radius);
  padding: 14px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.automation-key-list .automation-key-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: var(--teal);
  background: rgba(7, 85, 237, 0.12);
}

.automation-key-list .automation-key-card-icon svg {
  width: 22px;
  height: 22px;
}

.automation-key-main,
.automation-key-meta,
.automation-key-actions {
  min-width: 0;
}

.automation-key-main {
  display: grid;
  gap: 4px;
}

.automation-key-list .automation-key-main strong {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.automation-key-list .automation-key-main small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.automation-key-meta {
  display: grid;
  gap: 8px;
}

.automation-key-list .automation-key-meta span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 10px;
  background: #f8fafc;
}

.automation-key-list .automation-key-meta b {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.automation-key-list .automation-key-meta small,
.automation-key-list .automation-key-meta code {
  display: block;
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.automation-key-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
}

.automation-key-list .automation-key-actions small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.automation-key-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #0647c2;
  background: #dbe5f5;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.automation-key-state.connected,
.automation-key-state.verified {
  color: #047857;
  background: #dcfce7;
}

.automation-key-state.error {
  color: #b45309;
  background: #fef3c7;
}

.automation-key-state.disabled {
  color: #b91c1c;
  background: #fee2e2;
}

.automation-key-actions .small-button {
  width: 100%;
  min-height: 38px;
}

@media (max-width: 1180px) {
  .automation-key-list .automation-key-card {
    grid-template-columns: 48px minmax(0, 1fr) minmax(180px, auto);
  }

  .automation-key-list .automation-key-meta {
    grid-column: 2 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .automation-key-list .automation-key-actions {
    grid-column: 2 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .automation-key-actions .small-button {
    width: auto;
  }
}

@media (max-width: 760px) {
  .automation-keys-panel .automation-key-form,
  .automation-key-list .automation-key-card,
  .automation-key-list .automation-key-meta {
    grid-template-columns: 1fr;
  }

  .automation-key-list .automation-key-card-icon,
  .automation-key-list .automation-key-meta,
  .automation-key-list .automation-key-actions {
    grid-column: 1 / -1;
  }

  .automation-key-actions .small-button {
    width: 100%;
  }
}
/* End company automation key registry professional layout */

/* Marketplace B2C reviews professional full-width layout */
.marketplace-module-page .marketplace-reviews-layout,
.company-marketplace-page .marketplace-reviews-layout,
.workspace .marketplace-reviews-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-reviews-layout > :is(
  .panel,
  .panel-wide,
  .marketplace-review-reputation-panel,
  .marketplace-review-form-panel,
  .marketplace-review-main-panel,
  .marketplace-review-reply-panel,
  .marketplace-review-table-panel,
  .marketplace-assistant-panel
) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: auto;
  box-sizing: border-box;
}

.marketplace-reviews-layout .marketplace-review-reputation-panel,
.marketplace-reviews-layout .marketplace-review-form-panel,
.marketplace-reviews-layout .marketplace-review-reply-panel,
.marketplace-reviews-layout .marketplace-review-table-panel {
  padding: 24px;
}

.marketplace-reviews-layout .marketplace-review-reputation-panel .panel-head,
.marketplace-reviews-layout .marketplace-review-form-panel .panel-head,
.marketplace-reviews-layout .marketplace-review-reply-panel .panel-head,
.marketplace-reviews-layout .marketplace-review-table-panel .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
}

.marketplace-reviews-layout .panel-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  min-width: min(100%, 280px);
}

.marketplace-reviews-layout .marketplace-review-reputation-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  width: 100%;
  margin-top: 20px;
}

.marketplace-reviews-layout .marketplace-review-reputation-card {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-content: start;
  gap: 7px;
  height: 100%;
  min-width: 0;
  min-height: 158px;
  padding: 18px;
}

.marketplace-reviews-layout .marketplace-review-reputation-card > span {
  margin-bottom: 6px;
}

.marketplace-reviews-layout .marketplace-review-reputation-card strong,
.marketplace-reviews-layout .marketplace-review-reputation-card b,
.marketplace-reviews-layout .marketplace-review-reputation-card small,
.marketplace-reviews-layout .marketplace-review-reply-panel p,
.marketplace-reviews-layout .marketplace-review-table-panel p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-reviews-layout .marketplace-review-reply-panel .marketplace-form,
.marketplace-reviews-layout .marketplace-review-form-panel .marketplace-form {
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.marketplace-reviews-layout .marketplace-form .marketplace-wide,
.marketplace-reviews-layout .marketplace-review-reply-panel .marketplace-form > button,
.marketplace-reviews-layout .marketplace-review-form-panel .marketplace-form > button {
  grid-column: 1 / -1;
}

.marketplace-reviews-layout .marketplace-review-reply-panel .marketplace-public-empty,
.marketplace-reviews-layout .marketplace-review-form-panel .marketplace-public-empty {
  width: 100%;
  min-height: 108px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px;
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .marketplace-reviews-layout .marketplace-review-reputation-panel,
  .marketplace-reviews-layout .marketplace-review-form-panel,
  .marketplace-reviews-layout .marketplace-review-reply-panel,
  .marketplace-reviews-layout .marketplace-review-table-panel {
    padding: 18px;
  }

  .marketplace-reviews-layout .marketplace-review-reputation-panel .panel-head,
  .marketplace-reviews-layout .marketplace-review-form-panel .panel-head,
  .marketplace-reviews-layout .marketplace-review-reply-panel .panel-head,
  .marketplace-reviews-layout .marketplace-review-table-panel .panel-head {
    grid-template-columns: 1fr;
  }

  .marketplace-reviews-layout .panel-actions {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  .marketplace-reviews-layout .marketplace-review-reputation-grid,
  .marketplace-reviews-layout .marketplace-review-reply-panel .marketplace-form,
  .marketplace-reviews-layout .marketplace-review-form-panel .marketplace-form {
    grid-template-columns: 1fr;
  }

  .marketplace-reviews-layout .marketplace-review-reputation-panel .small-button,
  .marketplace-reviews-layout .marketplace-review-form-panel .small-button,
  .marketplace-reviews-layout .marketplace-review-reply-panel .small-button {
    width: 100%;
  }
}
/* End marketplace B2C reviews professional full-width layout */


/* Commerce B2B dedicated module switches */
.commerce-b2b-dedicated-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.commerce-b2b-dedicated-layout > :is(
  .commerce-b2b-dedicated-switch,
  .panel,
  .panel-wide,
  .commerce-content-grid,
  .commerce-kpi-grid,
  .commerce-module-map-panel,
  .commerce-operations-panel,
  .commerce-admin-product-layout,
  .commerce-partner-workspace,
  .commerce-store-workspace,
  .commerce-catalog-active-area,
  .module-hero,
  .marketplace-portal-showcase
) {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.commerce-b2b-dedicated-switch {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.commerce-b2b-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.commerce-b2b-dedicated-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  max-width: 260px;
  padding: 6px 11px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  box-shadow: var(--shadow-sm);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.commerce-b2b-dedicated-tab svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.commerce-b2b-dedicated-tab span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-b2b-dedicated-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.42);
  color: var(--teal);
  outline: none;
}

.commerce-b2b-dedicated-tab.active {
  border-color: var(--teal) !important;
  background: var(--teal) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.16);
}

[data-commerce-b2b-dedicated-pane][hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  .commerce-b2b-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .commerce-b2b-dedicated-tab {
    width: 100%;
    max-width: none;
  }
}

/* End Commerce B2B dedicated module switches */

/* Marketplace B2C dedicated module switches */
.marketplace-b2c-dedicated-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-b2c-dedicated-layout > :is(
  .marketplace-b2c-dedicated-switch,
  .panel,
  .panel-wide,
  .dashboard-action-grid,
  .dashboard-process-panel,
  .dashboard-health-panel,
  .financial-assistant-panel,
  .marketplace-assistant-panel,
  .marketplace-message-workbench,
  .marketplace-message-create-section,
  .marketplace-store-admin-grid,
  .marketplace-b2c-summary,
  .module-hero,
  .page-head
) {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-b2c-dedicated-switch {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.marketplace-b2c-dedicated-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  max-width: 260px;
  padding: 6px 11px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  box-shadow: var(--shadow-sm);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.marketplace-b2c-dedicated-tab svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.marketplace-b2c-dedicated-tab span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketplace-b2c-dedicated-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.42);
  color: var(--primary);
  outline: none;
}

.marketplace-b2c-dedicated-tab.active {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(7, 85, 237, 0.16);
}

[data-marketplace-b2c-dedicated-pane][hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  .marketplace-b2c-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-dedicated-tab {
    width: 100%;
    max-width: none;
  }
}

/* End Marketplace B2C dedicated module switches */

/* Marketplace B2C orders full-width stacked layout */
.marketplace-module-page .marketplace-workspace.marketplace-orders-page,
.company-marketplace-page .marketplace-workspace.marketplace-orders-page,
.workspace .marketplace-workspace.marketplace-orders-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-module-page .marketplace-workspace.marketplace-orders-page > :is(.marketplace-orders-section-panel, .panel, .panel-wide, .dashboard-process-panel, .dashboard-health-panel, .marketplace-assistant-panel, .financial-assistant-panel),
.company-marketplace-page .marketplace-workspace.marketplace-orders-page > :is(.marketplace-orders-section-panel, .panel, .panel-wide, .dashboard-process-panel, .dashboard-health-panel, .marketplace-assistant-panel, .financial-assistant-panel),
.workspace .marketplace-workspace.marketplace-orders-page > :is(.marketplace-orders-section-panel, .panel, .panel-wide, .dashboard-process-panel, .dashboard-health-panel, .marketplace-assistant-panel, .financial-assistant-panel) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: auto;
  box-sizing: border-box;
  overflow: visible;
}

.marketplace-orders-section-panel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.marketplace-orders-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-orders-section-tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fbfdff;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  cursor: pointer;
  white-space: nowrap;
}

.marketplace-orders-section-tab svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.marketplace-orders-section-tab span,
.marketplace-orders-section-tab em {
  min-width: 0;
}

.marketplace-orders-section-tab em {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 7px;
  border-radius: 999px;
  color: var(--quiet);
  background: #eef2f7;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.marketplace-orders-section-tab.active {
  border-color: rgba(7, 85, 237, 0.5);
  color: #ffffff;
  background: var(--teal);
  box-shadow: 0 12px 24px rgba(7, 85, 237, 0.16);
}

.marketplace-orders-section-tab.active em {
  color: var(--teal-dark);
  background: #dbe5f5;
}

.marketplace-workspace.marketplace-orders-page .panel-head {
  align-items: flex-start;
  gap: 16px;
}

.marketplace-workspace.marketplace-orders-page .panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.marketplace-workspace.marketplace-orders-page .marketplace-table,
.marketplace-workspace.marketplace-orders-page .commerce-admin-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.marketplace-workspace.marketplace-orders-page .table-empty {
  min-height: 104px;
}

@media (max-width: 760px) {
  .marketplace-workspace.marketplace-orders-page {
    gap: 12px;
  }

  .marketplace-orders-section-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-orders-section-tab {
    width: 100%;
    justify-content: flex-start;
  }

  .marketplace-workspace.marketplace-orders-page .panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-workspace.marketplace-orders-page .panel-actions {
    justify-content: stretch;
  }

  .marketplace-workspace.marketplace-orders-page .panel-actions .small-button,
  .marketplace-workspace.marketplace-orders-page .panel-actions .icon-button {
    width: 100%;
  }
}
/* End Marketplace B2C orders full-width stacked layout */

/* Marketplace B2C products/services final equal-width panels */
.marketplace-module-page .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page),
.company-marketplace-page .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page),
.workspace .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-module-page .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) > :is(.panel, .panel-wide, .marketplace-b2c-listing-hero, .marketplace-product-sync-panel, .marketplace-service-ops-panel, .marketplace-b2c-listing-table-panel, .marketplace-assistant-panel),
.company-marketplace-page .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) > :is(.panel, .panel-wide, .marketplace-b2c-listing-hero, .marketplace-product-sync-panel, .marketplace-service-ops-panel, .marketplace-b2c-listing-table-panel, .marketplace-assistant-panel),
.workspace .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) > :is(.panel, .panel-wide, .marketplace-b2c-listing-hero, .marketplace-product-sync-panel, .marketplace-service-ops-panel, .marketplace-b2c-listing-table-panel, .marketplace-assistant-panel) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: auto;
  box-sizing: border-box;
  overflow: visible;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-hero {
  padding: 20px;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-hero .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  gap: 16px;
  align-items: start;
  margin-bottom: 12px;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-hero .panel-actions {
  justify-content: flex-end;
  align-content: start;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-hero .panel-actions > * {
  min-height: 38px;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin-top: 10px;
  align-items: stretch;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid > .kpi-card {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-areas:
    "icon value"
    "icon label"
    "icon hint";
  gap: 2px 10px;
  align-items: center;
  height: auto;
  min-height: 76px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid > .kpi-card > span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid > .kpi-card strong {
  grid-area: value;
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid > .kpi-card small {
  grid-area: label;
  color: var(--ink);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid > .kpi-card em {
  grid-area: hint;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-product-sync-panel .financial-summary-grid,
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-service-ops-panel .financial-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-table-panel {
  overflow: visible;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-table-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-table-panel .panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-table {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow-x: visible;
  overflow-y: visible;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1.35fr) minmax(135px, 0.62fr) minmax(190px, 0.7fr);
  grid-template-areas:
    "state title price status"
    "state stock rating quality"
    "actions actions actions actions";
  gap: 10px 14px;
  align-items: start;
  width: 100%;
  min-width: 0 !important;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
  box-sizing: border-box;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row.header {
  display: none;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > * {
  min-width: 0;
  padding: 0;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(1) { grid-area: state; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(2) { grid-area: title; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(3) { grid-area: price; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(4) { grid-area: stock; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(5) { grid-area: rating; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(6) { grid-area: quality; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(7) { grid-area: status; }
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row > :nth-child(8) { grid-area: actions; }

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row strong,
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row small {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.28;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row .status-dot {
  align-self: start;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions {
  grid-area: actions;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding-top: 6px;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions .small-button,
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions .primary-button,
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions .danger-button {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  min-height: 32px;
  justify-content: center;
  padding: 0 11px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow-wrap: normal;
  text-align: center;
  box-shadow: none;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions .primary-button {
  grid-column: auto;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-empty-state {
  width: 100%;
  min-height: 132px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  padding: 22px;
  box-sizing: border-box;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-empty-state strong,
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-empty-state span {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 1321px) {
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-table {
    overflow-x: visible;
  }
}

/* B2C product/service listing viewport containment */
@media (max-width: 1180px) {
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-hero .panel-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-hero .panel-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-table {
    overflow-x: visible;
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row,
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row.service {
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr) minmax(150px, 0.5fr);
    grid-template-areas:
      "state title status"
      "state price quality"
      ". stock rating"
      "actions actions actions";
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 760px) {
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-base-grid,
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-product-sync-panel .financial-summary-grid,
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-service-ops-panel .financial-summary-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row,
  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row.service {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "state"
      "title"
      "price"
      "stock"
      "rating"
      "quality"
      "status"
      "actions";
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-row .status-dot {
    justify-self: start;
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-listing-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-b2c-empty-state {
    align-items: flex-start;
    min-height: 128px;
    padding: 20px;
  }
}

/* Marketplace B2C product/service admin status filters */
.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-listing-status-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-listing-status-tab.small-button {
  min-height: 30px;
  width: auto;
  min-width: max-content;
  padding: 0 10px;
  border-radius: 999px;
  gap: 6px;
  box-shadow: none;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-listing-status-tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(7, 85, 237, 0.12);
  color: #0647c2;
  font-size: 11px;
  font-weight: 950;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-listing-status-tab.active {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.marketplace-b2c-professional-page:is(.marketplace-product-admin-page, .marketplace-service-admin-page) .marketplace-listing-status-tab.active span {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* Marketplace B2C service operations card layout */
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  min-width: 0;
  margin-top: 14px;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1.25fr) minmax(145px, 0.55fr) minmax(180px, 0.65fr);
  grid-template-areas:
    "state main price status"
    "state delivery advance readiness"
    "actions actions actions actions";
  gap: 10px 14px;
  align-items: start;
  width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
  box-sizing: border-box;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card .status-dot {
  grid-area: state;
  align-self: start;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-admin-card-main { grid-area: main; }
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-admin-card-price { grid-area: price; }
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-admin-card-delivery { grid-area: delivery; }
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-admin-card-advance { grid-area: advance; }
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-admin-card-readiness { grid-area: readiness; }
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-admin-card-status { grid-area: status; }

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card strong,
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card small {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.28;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card-actions {
  grid-area: actions;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding-top: 6px;
}

.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card-actions .small-button,
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card-actions .primary-button,
.marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card-actions .danger-button {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  min-height: 32px;
  justify-content: center;
  padding: 0 11px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow-wrap: normal;
  text-align: center;
  box-shadow: none;
}

@media (max-width: 1180px) {
  .marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card {
    grid-template-columns: 42px minmax(0, 1fr) minmax(150px, 0.5fr);
    grid-template-areas:
      "state main status"
      "state price readiness"
      ". delivery advance"
      "actions actions actions";
  }
}

@media (max-width: 760px) {
  .marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "state"
      "main"
      "price"
      "delivery"
      "advance"
      "readiness"
      "status"
      "actions";
  }

  .marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card .status-dot {
    justify-self: start;
  }

  .marketplace-b2c-professional-page.marketplace-service-admin-page .marketplace-service-ops-panel .marketplace-service-admin-card-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
/* End Marketplace B2C service operations card layout */

/* End Marketplace B2C products/services final equal-width panels */

/* Marketplace B2C store hub professional full-width layout */
.marketplace-store-admin-hub {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-store-admin-hub > :is(
  .marketplace-store-admin-page-header,
  .marketplace-store-admin-grid,
  .marketplace-store-admin-status-panel,
  .marketplace-assistant-panel
) {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-store-admin-hub > .marketplace-store-admin-page-header {
  min-height: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  padding: 24px;
}

.marketplace-store-admin-hub > .marketplace-store-admin-page-header .panel-actions {
  min-width: min(100%, 280px);
  justify-content: flex-end;
}

.marketplace-store-admin-hub > .marketplace-store-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}

.marketplace-store-admin-hub .marketplace-store-admin-card {
  height: 100%;
  min-height: 220px;
  grid-template-columns: 54px minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  gap: 12px 14px;
  align-content: start;
  padding: 18px;
}

.marketplace-store-admin-hub .marketplace-store-admin-card-icon {
  width: 54px;
  height: 54px;
  grid-row: 1 / 4;
}

.marketplace-store-admin-hub .marketplace-store-admin-card-body {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: start;
}

.marketplace-store-admin-hub .marketplace-store-admin-card-body h3 {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-store-admin-hub .marketplace-store-admin-card-body p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.marketplace-store-admin-hub .marketplace-store-admin-card > button {
  grid-column: 2;
  justify-self: start;
  align-self: end;
  width: min(100%, 220px);
  min-height: 42px;
  justify-content: center;
}

.marketplace-store-admin-hub .marketplace-store-admin-status-panel {
  min-height: auto;
}

.marketplace-store-admin-hub .marketplace-store-readiness-row {
  box-sizing: border-box;
  min-width: 0;
  min-height: 56px;
  grid-template-columns: 32px minmax(0, 1fr) max-content;
  gap: 10px;
  padding: 10px 12px;
  overflow: hidden;
}

.marketplace-store-admin-hub .marketplace-store-readiness-row > div,
.marketplace-store-admin-hub .marketplace-store-readiness-row strong,
.marketplace-store-admin-hub .marketplace-store-readiness-row small {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.marketplace-store-admin-hub .marketplace-store-readiness-row .status-badge {
  justify-self: end;
  width: auto;
  min-width: max-content;
  max-width: 160px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .marketplace-store-admin-hub > .marketplace-store-admin-page-header {
    grid-template-columns: 1fr;
  }

  .marketplace-store-admin-hub > .marketplace-store-admin-page-header .panel-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-store-admin-hub > .marketplace-store-admin-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-store-admin-hub .marketplace-store-admin-card {
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 164px;
  }

  .marketplace-store-admin-hub .marketplace-store-admin-card-icon {
    width: 48px;
    height: 48px;
  }

  .marketplace-store-admin-hub .marketplace-store-admin-card > button {
    width: 100%;
  }
}
/* End Marketplace B2C store hub professional full-width layout */

/* Marketplace B2C promotions professional full-width layout */
.marketplace-module-page .marketplace-marketing-page,
.company-marketplace-page .marketplace-marketing-page,
.workspace .marketplace-marketing-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-module-page .marketplace-marketing-page > :is(.panel, .panel-wide, .marketplace-marketing-form-panel, .marketplace-marketing-target-panel, .marketplace-marketing-campaigns-panel, .marketplace-assistant-panel),
.company-marketplace-page .marketplace-marketing-page > :is(.panel, .panel-wide, .marketplace-marketing-form-panel, .marketplace-marketing-target-panel, .marketplace-marketing-campaigns-panel, .marketplace-assistant-panel),
.workspace .marketplace-marketing-page > :is(.panel, .panel-wide, .marketplace-marketing-form-panel, .marketplace-marketing-target-panel, .marketplace-marketing-campaigns-panel, .marketplace-assistant-panel) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-marketing-page .marketplace-marketing-form-panel,
.marketplace-marketing-page .marketplace-marketing-target-panel {
  min-height: auto;
  padding: 22px;
}

.marketplace-marketing-page .marketplace-marketing-form-panel .panel-head,
.marketplace-marketing-page .marketplace-marketing-target-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-marketing-page .marketplace-marketing-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
  width: 100%;
  max-width: none;
}

.marketplace-marketing-page .marketplace-marketing-form > label,
.marketplace-marketing-page .marketplace-marketing-form > button {
  min-width: 0;
}

.marketplace-marketing-page .marketplace-marketing-form .marketplace-wide {
  grid-column: 1 / -1;
}

.marketplace-marketing-page .marketplace-marketing-target-list {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  width: 100%;
  margin-top: 4px;
}

.marketplace-marketing-page .marketplace-marketing-target {
  height: 100%;
  min-height: 128px;
  align-items: start;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px 14px;
  padding: 16px;
}

.marketplace-marketing-page .marketplace-marketing-target > span {
  width: 54px;
  height: 54px;
}

.marketplace-marketing-page .marketplace-marketing-target strong,
.marketplace-marketing-page .marketplace-marketing-target small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-marketing-page .marketplace-marketing-kpis {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

@media (max-width: 760px) {
  .marketplace-marketing-page .marketplace-marketing-form-panel,
  .marketplace-marketing-page .marketplace-marketing-target-panel {
    padding: 18px;
  }

  .marketplace-marketing-page .marketplace-marketing-form,
  .marketplace-marketing-page .marketplace-marketing-target-list,
  .marketplace-marketing-page .marketplace-marketing-kpis {
    grid-template-columns: 1fr;
  }

  .marketplace-marketing-page .marketplace-marketing-target {
    min-height: 112px;
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .marketplace-marketing-page .marketplace-marketing-target > span {
    width: 48px;
    height: 48px;
  }
}
/* End Marketplace B2C promotions professional full-width layout */

/* Marketplace B2C compare professional full-width layout */
.marketplace-module-page .marketplace-compare-layout,
.company-marketplace-page .marketplace-compare-layout,
.workspace .marketplace-compare-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-compare-layout > :is(.marketplace-compare-main-panel, .marketplace-compare-suggestions-panel, .marketplace-assistant-panel) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-compare-main-panel .marketplace-compare-summary {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  width: 100%;
}

.marketplace-compare-main-panel .marketplace-compare-card {
  height: 100%;
  min-height: 118px;
}

.marketplace-compare-suggestions-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-compare-suggestions-panel .marketplace-card-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
}

.marketplace-compare-suggestions-panel .marketplace-card {
  grid-template-columns: 112px minmax(0, 1fr);
  min-height: 188px;
  width: 100%;
}

.marketplace-compare-suggestions-panel .marketplace-card-visual {
  min-height: 100%;
  border-right: 1px solid var(--soft-line);
  border-bottom: 0;
}

.marketplace-compare-suggestions-panel .marketplace-card-visual span {
  width: 56px;
  height: 56px;
  border-radius: 14px;
}

.marketplace-compare-suggestions-panel .marketplace-card-body {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(210px, 0.9fr) minmax(210px, 0.75fr);
  grid-template-areas:
    "topline meta footer"
    "title category footer"
    "desc badges footer";
  gap: 9px 16px;
  align-items: start;
  padding: 18px 20px;
}

.marketplace-compare-suggestions-panel .marketplace-card-topline {
  grid-area: topline;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.marketplace-compare-suggestions-panel .marketplace-card h4 {
  grid-area: title;
  font-size: 20px;
  line-height: 1.22;
}

.marketplace-compare-suggestions-panel .marketplace-card p {
  grid-area: desc;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.marketplace-compare-suggestions-panel .marketplace-card-category {
  grid-area: category;
  align-content: start;
}

.marketplace-compare-suggestions-panel .marketplace-meta-row {
  grid-area: meta;
  align-content: start;
}

.marketplace-compare-suggestions-panel .marketplace-card-badges {
  grid-area: badges;
  align-content: start;
}

.marketplace-compare-suggestions-panel .marketplace-card-footer {
  grid-area: footer;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-content: space-between;
  align-self: stretch;
  margin-top: 0;
  min-width: 0;
  padding-left: 16px;
  border-left: 1px solid var(--soft-line);
}

.marketplace-compare-suggestions-panel .marketplace-card-footer strong {
  font-size: 22px;
}

.marketplace-compare-suggestions-panel .marketplace-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  justify-content: stretch;
}

.marketplace-compare-suggestions-panel .marketplace-card-actions > *,
.marketplace-compare-suggestions-panel .marketplace-card-actions .small-button,
.marketplace-compare-suggestions-panel .marketplace-card-actions .primary-button {
  width: 100%;
  min-width: 0;
  justify-content: center;
  white-space: normal;
}

.marketplace-compare-suggestions-panel .marketplace-card h4,
.marketplace-compare-suggestions-panel .marketplace-card p,
.marketplace-compare-suggestions-panel .marketplace-card-category span,
.marketplace-compare-suggestions-panel .marketplace-meta-row span,
.marketplace-compare-suggestions-panel .marketplace-card-badges span,
.marketplace-compare-suggestions-panel .marketplace-card-footer strong,
.marketplace-compare-suggestions-panel .marketplace-card-footer small {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .marketplace-compare-suggestions-panel .marketplace-card-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "topline"
      "title"
      "desc"
      "category"
      "meta"
      "badges"
      "footer";
  }

  .marketplace-compare-suggestions-panel .marketplace-card-footer {
    padding-top: 12px;
    padding-left: 0;
    border-top: 1px solid var(--soft-line);
    border-left: 0;
  }

  .marketplace-compare-suggestions-panel .marketplace-card-actions {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}

@media (max-width: 720px) {
  .marketplace-compare-suggestions-panel .marketplace-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .marketplace-compare-suggestions-panel .marketplace-card-visual {
    min-height: 128px;
    border-right: 0;
    border-bottom: 1px solid var(--soft-line);
  }

  .marketplace-compare-suggestions-panel .marketplace-card-body {
    padding: 16px;
  }

  .marketplace-compare-suggestions-panel .marketplace-card-actions {
    grid-template-columns: 1fr;
  }
}
/* End Marketplace B2C compare professional full-width layout */

/* Marketplace B2C RFQ professional full-width layout */
.marketplace-module-page .marketplace-rfq-layout,
.company-marketplace-page .marketplace-rfq-layout,
.workspace .marketplace-rfq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-rfq-layout > :is(
  .panel,
  .panel-wide,
  .marketplace-rfq-flow-panel,
  .marketplace-rfq-main-panel,
  .marketplace-rfq-form-panel,
  .marketplace-rfq-negotiation-panel,
  .marketplace-rfq-table-panel,
  .marketplace-rfq-side-panel,
  .marketplace-assistant-panel
) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-rfq-layout > :is(.marketplace-rfq-flow-panel, .marketplace-rfq-negotiation-panel) {
  min-height: auto;
  padding: 24px;
}

.marketplace-rfq-layout > .marketplace-rfq-flow-panel .panel-head,
.marketplace-rfq-layout > .marketplace-rfq-negotiation-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-rfq-layout .marketplace-rfq-flow {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  width: 100%;
}

.marketplace-rfq-layout .marketplace-rfq-step {
  display: grid;
  align-content: start;
  gap: 8px;
  height: 100%;
  min-height: 132px;
  padding: 18px;
}

.marketplace-rfq-layout .marketplace-rfq-flow svg {
  margin-bottom: 4px;
}

.marketplace-rfq-layout .marketplace-rfq-step strong,
.marketplace-rfq-layout .marketplace-rfq-step small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-rfq-layout .marketplace-rfq-form-panel .marketplace-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  width: 100%;
  max-width: none;
}

.marketplace-rfq-layout .marketplace-rfq-form-panel .marketplace-form > label,
.marketplace-rfq-layout .marketplace-rfq-form-panel .marketplace-form > button {
  min-width: 0;
}

.marketplace-rfq-layout .marketplace-rfq-form-panel .marketplace-form .marketplace-wide {
  grid-column: 1 / -1;
}

.marketplace-rfq-layout .marketplace-rfq-negotiation-panel .marketplace-public-empty,
.marketplace-rfq-layout .marketplace-rfq-negotiation-panel .table-empty {
  width: 100%;
  min-height: 108px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px;
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .marketplace-rfq-layout > :is(.marketplace-rfq-flow-panel, .marketplace-rfq-negotiation-panel) {
    padding: 18px;
  }

  .marketplace-rfq-layout .marketplace-rfq-flow,
  .marketplace-rfq-layout .marketplace-rfq-form-panel .marketplace-form {
    grid-template-columns: 1fr;
  }

  .marketplace-rfq-layout .marketplace-rfq-step {
    min-height: 112px;
  }

  .marketplace-rfq-layout .marketplace-rfq-negotiation-panel .marketplace-public-empty,
  .marketplace-rfq-layout .marketplace-rfq-negotiation-panel .table-empty {
    min-height: 96px;
    padding: 18px;
  }
}
/* End Marketplace B2C RFQ professional full-width layout */

/* B2C marketplace RFQ dedicated switch */
.marketplace-rfq-switch-page > .marketplace-public-catalog-switch {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

.marketplace-rfq-switch-page .marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-rfq-switch-page .marketplace-b2c-dedicated-tab {
  min-width: 132px;
}

@media (max-width: 760px) {
  .marketplace-rfq-switch-page .marketplace-b2c-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-rfq-switch-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace RFQ dedicated switch */

/* Marketplace B2C analytics professional full-width layout */
.marketplace-module-page .marketplace-analytics-layout,
.company-marketplace-page .marketplace-analytics-layout,
.workspace .marketplace-analytics-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: 0;
}

.marketplace-analytics-layout > :is(
  .panel,
  .panel-wide,
  .marketplace-seller-analytics-overview,
  .marketplace-seller-analytics-category-panel,
  .marketplace-seller-analytics-funnel-panel,
  .marketplace-seller-analytics-top-panel,
  .marketplace-analytics-events-panel,
  .marketplace-assistant-panel
) {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: auto;
  box-sizing: border-box;
}

.marketplace-analytics-layout .marketplace-seller-analytics-overview,
.marketplace-analytics-layout .marketplace-seller-analytics-category-panel,
.marketplace-analytics-layout .marketplace-seller-analytics-funnel-panel,
.marketplace-analytics-layout .marketplace-seller-analytics-top-panel,
.marketplace-analytics-layout .marketplace-analytics-events-panel {
  padding: 24px;
}

.marketplace-analytics-layout .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
}

.marketplace-analytics-layout .panel-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  min-width: min(100%, 280px);
}

.marketplace-analytics-layout .marketplace-seller-analytics-hero-grid,
.marketplace-analytics-layout .marketplace-seller-analytics-grid,
.marketplace-analytics-layout .marketplace-seller-analytics-funnel,
.marketplace-analytics-layout .marketplace-seller-analytics-listing-grid {
  width: 100%;
  gap: 14px;
}

.marketplace-analytics-layout .marketplace-seller-analytics-hero-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.marketplace-analytics-layout .marketplace-seller-analytics-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.marketplace-analytics-layout .marketplace-seller-analytics-funnel {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.marketplace-analytics-layout .marketplace-seller-analytics-hero-card,
.marketplace-analytics-layout .marketplace-seller-analytics-card,
.marketplace-analytics-layout .marketplace-seller-analytics-funnel-step,
.marketplace-analytics-layout .marketplace-seller-analytics-listing-card {
  height: 100%;
  min-width: 0;
}

.marketplace-analytics-layout .marketplace-seller-analytics-funnel-step {
  display: grid;
  align-content: space-between;
  min-height: 132px;
  padding: 16px;
}

.marketplace-analytics-layout .marketplace-seller-analytics-funnel-step div {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  align-items: start;
}

.marketplace-analytics-layout .marketplace-seller-analytics-funnel-step strong {
  grid-row: auto;
  font-size: 28px;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin-top: 16px;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 14px;
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  box-shadow: var(--shadow);
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-head {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  color: #fff;
  background: var(--teal);
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-head strong,
.marketplace-analytics-layout .marketplace-seller-analytics-listing-head small,
.marketplace-analytics-layout .marketplace-seller-analytics-listing-head em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-head strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.25;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-head small,
.marketplace-analytics-layout .marketplace-seller-analytics-listing-head em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-head em {
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--teal-dark);
  background: #dbe5f5;
  white-space: nowrap;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 10px;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-metrics span {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #ffffff;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-metrics small,
.marketplace-analytics-layout .marketplace-seller-analytics-listing-metrics b {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-metrics small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-metrics b {
  margin-top: 3px;
  color: var(--ink);
  font-size: 16px;
}

.marketplace-analytics-layout .marketplace-seller-analytics-listing-actions {
  display: flex;
  justify-content: flex-end;
}

.marketplace-analytics-layout .marketplace-seller-analytics-empty {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 118px;
  padding: 24px;
  box-sizing: border-box;
}

.marketplace-analytics-layout .marketplace-seller-analytics-empty > svg {
  color: var(--warning);
}

.marketplace-analytics-layout .marketplace-seller-analytics-empty span,
.marketplace-analytics-layout .marketplace-seller-analytics-empty strong,
.marketplace-analytics-layout .marketplace-table .table-head span,
.marketplace-analytics-layout .marketplace-table .admin-table-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-analytics-layout .marketplace-analytics-events-panel .marketplace-table {
  width: 100%;
  overflow-x: auto;
}

.marketplace-analytics-layout .marketplace-analytics-events-panel .marketplace-table .table-head,
.marketplace-analytics-layout .marketplace-analytics-events-panel .marketplace-table .admin-table-row {
  min-width: 760px;
}

@media (max-width: 760px) {
  .marketplace-analytics-layout .marketplace-seller-analytics-overview,
  .marketplace-analytics-layout .marketplace-seller-analytics-category-panel,
  .marketplace-analytics-layout .marketplace-seller-analytics-funnel-panel,
  .marketplace-analytics-layout .marketplace-seller-analytics-top-panel,
  .marketplace-analytics-layout .marketplace-analytics-events-panel {
    padding: 18px;
  }

  .marketplace-analytics-layout .panel-head,
  .marketplace-analytics-layout .marketplace-seller-analytics-listing-head,
  .marketplace-analytics-layout .marketplace-seller-analytics-empty {
    grid-template-columns: 1fr;
  }

  .marketplace-analytics-layout .panel-actions,
  .marketplace-analytics-layout .marketplace-seller-analytics-listing-actions {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  .marketplace-analytics-layout .marketplace-seller-analytics-hero-grid,
  .marketplace-analytics-layout .marketplace-seller-analytics-grid,
  .marketplace-analytics-layout .marketplace-seller-analytics-funnel,
  .marketplace-analytics-layout .marketplace-seller-analytics-listing-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-analytics-layout .marketplace-seller-analytics-listing-actions .small-button,
  .marketplace-analytics-layout .marketplace-seller-analytics-empty .small-button {
    width: 100%;
  }
}
/* End Marketplace B2C analytics professional full-width layout */

/* Company Marketplace B2C professional hub layout */
.company-marketplace-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.company-marketplace-page > :is(
  .marketplace-portal-showcase,
  .company-marketplace-command-panel,
  .company-profile-alert,
  .company-marketplace-quick-nav,
  .company-marketplace-kpi-grid,
  .company-marketplace-workspace
) {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.company-marketplace-command-panel {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(360px, 0.72fr);
  gap: 20px;
  align-items: center;
  min-height: auto;
  padding: 28px 30px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #f3f7fd 58%, #fffaf0 100%);
}

.company-marketplace-command-panel .company-marketplace-hero-icon {
  width: 58px;
  height: 58px;
  border-radius: 8px;
}

.company-marketplace-hero-copy {
  min-width: 0;
}

.company-marketplace-hero-copy h2 {
  max-width: none;
  margin: 0;
  font-size: 28px;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.company-marketplace-hero-copy p {
  max-width: 900px;
  line-height: 1.45;
}

.company-marketplace-hero .profile-head-actions.company-marketplace-hero-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  justify-content: stretch;
  min-width: 0;
}

.company-marketplace-hero-actions > .small-button,
.company-marketplace-hero-actions > .primary-button,
.company-marketplace-hero-actions > .marketplace-public-link {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  justify-content: center;
  padding-inline: 14px;
  text-align: center;
}

.company-marketplace-hero-actions > .primary-button {
  grid-column: 1 / -1;
}

.company-marketplace-quick-nav {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  margin-top: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.company-marketplace-quick-nav .quick-action {
  min-height: 52px;
  border-radius: 8px;
  background: #fbfdff;
}

.company-marketplace-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-top: 0;
}

.company-marketplace-kpi-grid .kpi {
  min-height: 112px;
}

.company-marketplace-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-top: 0;
}

.company-marketplace-workspace > :is(
  .panel,
  .panel-wide,
  .dashboard-health-panel,
  .dashboard-process-panel,
  .marketplace-hub-side-panel,
  .marketplace-hub-half-panel,
  .marketplace-review-summary-panel,
  .marketplace-assistant-panel
) {
  grid-column: 1 / -1 !important;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: auto;
  box-sizing: border-box;
}

.company-marketplace-workspace > .panel,
.company-marketplace-workspace > .panel-wide {
  padding: 24px;
}

.company-marketplace-workspace .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.company-marketplace-workspace .panel-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: min(100%, 360px);
}

.company-marketplace-workspace .dashboard-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.company-marketplace-workspace .dashboard-health-item {
  min-height: 104px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  padding: 14px;
}

.company-marketplace-workspace .dashboard-health-item > span {
  width: 38px;
  height: 38px;
  border-radius: 8px;
}

.company-marketplace-workspace .dashboard-process-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.company-marketplace-workspace .dashboard-process-step {
  min-height: 150px;
  padding: 14px;
}

.company-marketplace-workspace .kpi-grid,
.company-marketplace-workspace .marketplace-wallet-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.company-marketplace-workspace .marketplace-wallet-kpi-grid .kpi {
  min-height: 136px;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
}

.company-marketplace-workspace .marketplace-wallet-kpi-grid .kpi > span {
  width: 52px;
  height: 52px;
  border-radius: 8px;
}

.company-marketplace-workspace .marketplace-wallet-kpi-grid .kpi strong {
  font-size: 26px;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.company-marketplace-workspace .marketplace-wallet-kpi-grid .kpi small,
.company-marketplace-workspace .marketplace-wallet-kpi-grid .kpi em,
.company-marketplace-workspace .dashboard-health-item strong,
.company-marketplace-workspace .dashboard-health-item small,
.company-marketplace-workspace .dashboard-process-step strong,
.company-marketplace-workspace .dashboard-process-step small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.company-marketplace-workspace .marketplace-wallet-ledger-note {
  min-height: auto;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  place-items: stretch;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 18px;
  text-align: left;
}

.company-marketplace-workspace .marketplace-wallet-ledger-note svg {
  align-self: start;
}

.company-marketplace-workspace .marketplace-wallet-ledger-note p {
  line-height: 1.45;
}

.company-marketplace-workspace .panel-section {
  margin-top: 18px;
}

.company-marketplace-workspace .marketplace-table,
.company-marketplace-workspace .commerce-admin-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.company-marketplace-workspace .marketplace-table .table-head,
.company-marketplace-workspace .marketplace-table .table-row,
.company-marketplace-workspace .marketplace-table .table-empty {
  min-width: 860px;
}

.company-marketplace-workspace .marketplace-b2c-listing-table {
  display: grid;
  overflow-x: auto;
}

.company-marketplace-workspace .marketplace-b2c-listing-row {
  min-width: 980px;
}

.company-marketplace-workspace .marketplace-review-mini-stats {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

@media (max-width: 1180px) {
  .company-marketplace-command-panel {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .company-marketplace-hero .profile-head-actions.company-marketplace-hero-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}

@media (max-width: 760px) {
  .company-marketplace-command-panel {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .company-marketplace-command-panel .company-marketplace-hero-icon {
    width: 50px;
    height: 50px;
  }

  .company-marketplace-hero .profile-head-actions.company-marketplace-hero-actions,
  .company-marketplace-quick-nav,
  .company-marketplace-kpi-grid,
  .company-marketplace-workspace .dashboard-health-grid,
  .company-marketplace-workspace .dashboard-process-list,
  .company-marketplace-workspace .kpi-grid,
  .company-marketplace-workspace .marketplace-wallet-kpi-grid,
  .company-marketplace-workspace .marketplace-review-mini-stats {
    grid-template-columns: 1fr;
  }

  .company-marketplace-workspace > .panel,
  .company-marketplace-workspace > .panel-wide {
    padding: 18px;
  }

  .company-marketplace-workspace .panel-head {
    grid-template-columns: 1fr;
  }

  .company-marketplace-workspace .panel-actions {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  .company-marketplace-workspace .marketplace-wallet-ledger-note {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
/* End Company Marketplace B2C professional hub layout */




/* B2C marketplace storefront professional catalog layout */
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-storefront-catalog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-storefront-catalog-layout > .marketplace-public-panel,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-storefront-catalog-layout > .marketplace-assistant-panel {
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-storefront-catalog-layout > .marketplace-public-panel {
  padding: 24px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-public-panel .panel-head {
  align-items: flex-start;
  gap: 18px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card {
  grid-template-columns: 1fr;
  grid-template-rows: 190px minmax(0, 1fr);
  min-height: 558px;
  height: 100%;
  border-color: rgba(15, 23, 42, 0.13);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-visual {
  min-height: 190px;
  border-right: 0;
  border-bottom: 1px solid var(--soft-line);
  background: linear-gradient(145deg, #ecfeff 0%, #f8fafc 100%);
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-visual.service {
  background: linear-gradient(145deg, #e8f0ff 0%, #fffbeb 100%);
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-body {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  align-content: start;
  gap: 12px;
  padding: 18px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card h4 {
  min-height: 50px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 19px;
  line-height: 1.22;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card p {
  min-height: 64px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 14px;
  line-height: 1.5;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-category,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-meta-row,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-badges {
  min-width: 0;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-category span,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-meta-row span,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-badges span {
  max-width: 100%;
  line-height: 1.35;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-meta-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-self: end;
  gap: 12px;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid var(--soft-line);
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-footer strong {
  font-size: 24px;
  line-height: 1.1;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  justify-content: stretch;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions > *,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions .small-button,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions .primary-button {
  width: 100%;
  min-width: 0;
  min-height: 44px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions .marketplace-buy-button,
.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions .primary-button {
  grid-column: 1 / -1;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-stack {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 14px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-card {
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding: 16px;
  min-width: 0;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-card > div:not(.marketplace-store-actions) {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-card h4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 20px;
  line-height: 1.2;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-card p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-card small {
  margin-top: 0;
  line-height: 1.45;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: stretch;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-actions .small-button {
  width: 100%;
  min-height: 44px;
}

.marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-ad-placeholder {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

@media (max-width: 920px) {
  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-grid,
  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-stack {
    grid-template-columns: 1fr;
  }

  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-storefront-catalog-layout > .marketplace-public-panel {
    padding: 18px;
  }

  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card {
    grid-template-rows: 150px auto;
  }

  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-visual {
    min-height: 150px;
  }

  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-card-actions,
  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-card {
    grid-template-columns: 1fr;
  }

  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-store-actions {
    grid-column: 1;
  }
}


@media (max-width: 640px) {
  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-public-panel .panel-head {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-public-panel .panel-head > .small-button,
  .marketplace-storefront-page.marketplace-storefront-catalog-home .marketplace-public-panel .panel-head > .primary-button {
    width: 100%;
    justify-content: center;
  }
}


/* Marketplace B2C import/sync dedicated module */
.marketplace-import-sync-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  max-width: none;
  min-width: 0;
  align-items: stretch;
}

.marketplace-import-sync-page > :is(.panel, .panel-wide, .marketplace-assistant-panel) {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-import-sync-page .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, auto);
  gap: 16px;
  align-items: start;
}

.marketplace-import-sync-page .panel-head p,
.marketplace-import-sync-page .marketplace-import-source-card p {
  max-width: 780px;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-import-sync-page .panel-actions {
  justify-content: flex-end;
  align-items: center;
}

.marketplace-import-sync-page .panel-actions > :is(.small-button, .primary-button, .danger-button) {
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  white-space: nowrap;
  box-shadow: none;
}

.marketplace-import-kpi-grid,
.marketplace-import-source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  width: 100%;
  margin-top: 12px;
}

.marketplace-import-kpi-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-areas:
    "icon value"
    "icon label"
    "icon hint";
  gap: 2px 10px;
  min-height: 78px;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

.marketplace-import-kpi-card > span,
.marketplace-import-source-card > span,
.marketplace-import-sync-row > .status-dot {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-import-kpi-card strong {
  grid-area: value;
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.marketplace-import-kpi-card small {
  grid-area: label;
  color: var(--ink);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.marketplace-import-kpi-card em {
  grid-area: hint;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}

.marketplace-import-source-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas:
    "icon body"
    "actions actions";
  gap: 10px 12px;
  min-height: 150px;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  box-sizing: border-box;
}

.marketplace-import-source-card > span {
  grid-area: icon;
}

.marketplace-import-source-card > div:not(.panel-actions) {
  grid-area: body;
  min-width: 0;
}

.marketplace-import-source-card .panel-actions {
  grid-area: actions;
  justify-content: flex-end;
}

.marketplace-import-source-card small,
.marketplace-import-sync-row small,
.marketplace-import-sync-row em {
  display: block;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketplace-import-source-card strong,
.marketplace-import-sync-row strong {
  display: block;
  min-width: 0;
  color: var(--ink);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-import-source-card strong {
  margin-top: 4px;
  font-size: 17px;
}

.marketplace-import-sync-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  margin-top: 14px;
}

.marketplace-import-sync-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1.15fr) minmax(180px, 0.85fr) minmax(190px, 0.9fr) minmax(210px, 0.95fr);
  grid-template-areas:
    "state main source listing health"
    "actions actions actions actions actions";
  gap: 10px 14px;
  align-items: start;
  width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
  box-sizing: border-box;
}

.marketplace-import-sync-row > .status-dot {
  grid-area: state;
  align-self: start;
}

.marketplace-import-sync-row > .status-dot.warning {
  color: #a16207;
  background: #fff7d6;
}

.marketplace-import-sync-row > .status-dot.muted {
  color: #64748b;
  background: #eef2f7;
}

.marketplace-import-sync-main { grid-area: main; }
.marketplace-import-sync-source { grid-area: source; }
.marketplace-import-sync-listing { grid-area: listing; }
.marketplace-import-sync-health { grid-area: health; }

.marketplace-import-sync-main strong {
  font-size: 17px;
}

.marketplace-import-sync-health .status-badge {
  width: fit-content;
  margin-bottom: 8px;
}

.marketplace-import-sync-row-actions {
  grid-area: actions;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding-top: 6px;
}

.marketplace-import-sync-row-actions > :is(.small-button, .primary-button, .danger-button) {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.marketplace-import-history-panel .marketplace-table {
  margin-top: 12px;
}

.marketplace-reseller-import-sync-page .marketplace-reseller-import-offer-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.marketplace-reseller-import-sync-page .public-product-card.public-b2b-offer-card {
  min-height: 100%;
}

.marketplace-reseller-import-sync-page .public-b2b-offer-actions,
.marketplace-reseller-import-sync-page .marketplace-import-source-card .panel-actions {
  flex-wrap: wrap;
}

.marketplace-reseller-import-sync-page .public-b2b-request-controls {
  max-width: 100%;
}

@media (max-width: 1180px) {
  .marketplace-import-sync-page .panel-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-import-sync-page .panel-actions {
    justify-content: flex-start;
  }

  .marketplace-import-sync-row {
    grid-template-columns: 42px minmax(0, 1fr) minmax(170px, 0.65fr);
    grid-template-areas:
      "state main health"
      "state source listing"
      "actions actions actions";
  }

  .marketplace-import-sync-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .marketplace-import-kpi-grid,
  .marketplace-import-source-grid,
  .marketplace-import-sync-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-import-sync-row {
    grid-template-areas:
      "state"
      "main"
      "source"
      "listing"
      "health"
      "actions";
  }

  .marketplace-import-sync-row-actions {
    flex-wrap: wrap;
  }

  .marketplace-import-sync-page .panel-actions > :is(.small-button, .primary-button, .danger-button) {
    min-width: 0;
    white-space: normal;
  }
}
/* End Marketplace B2C import/sync dedicated module */


.marketplace-b2c-protection-page {
  display: grid;
  gap: 20px;
}

.marketplace-b2c-protection-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.marketplace-b2c-protection-hero-main p:not(.eyebrow) {
  max-width: 760px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-protection-hero-actions,
.marketplace-b2c-protection-row-actions,
.marketplace-b2c-protection-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketplace-b2c-protection-hero-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.marketplace-b2c-protection-hero-actions .small-button,
.marketplace-b2c-protection-row-actions .small-button,
.marketplace-b2c-protection-panel-head .small-button {
  min-height: 42px;
  padding: 0 18px;
  width: auto;
  white-space: nowrap;
}

.marketplace-b2c-protection-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-protection-kpi {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px;
  display: grid;
  gap: 6px;
  background: #fff;
}

.marketplace-b2c-protection-kpi span {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal-dark);
  background: var(--teal-soft);
}

.marketplace-b2c-protection-kpi strong {
  font-size: 1.55rem;
  color: var(--navy);
}

.marketplace-b2c-protection-kpi em {
  font-style: normal;
  font-weight: 800;
  color: var(--navy);
}

.marketplace-b2c-protection-kpi small {
  color: var(--muted);
  font-weight: 700;
}

.marketplace-b2c-protection-panel {
  display: grid;
  gap: 12px;
}

.marketplace-b2c-protection-panel-head {
  justify-content: space-between;
}

.marketplace-b2c-protection-row {
  display: grid;
  grid-template-columns: 52px minmax(220px, 1.35fr) minmax(170px, 0.65fr) minmax(170px, 0.55fr) minmax(260px, auto);
  gap: 14px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.marketplace-b2c-protection-row-icon {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal-dark);
  background: var(--teal-soft);
}

.marketplace-b2c-protection-row-main,
.marketplace-b2c-protection-row-meta,
.marketplace-b2c-protection-row-status {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.marketplace-b2c-protection-row-main strong,
.marketplace-b2c-protection-row-meta strong {
  color: var(--navy);
  font-weight: 900;
}

.marketplace-b2c-protection-row-main span,
.marketplace-b2c-protection-row-meta span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.35;
}

.marketplace-b2c-protection-row-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-b2c-protection-status {
  justify-self: start;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  font-size: 0.85rem;
  background: var(--chip);
  color: var(--muted);
}

.marketplace-b2c-protection-status-ok {
  background: var(--success-soft);
  color: var(--success);
}

.marketplace-b2c-protection-status-warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.marketplace-b2c-protection-status-danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.marketplace-b2c-protection-empty {
  min-height: 116px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  color: var(--muted);
}

.marketplace-b2c-protection-empty svg {
  color: var(--warning);
  flex: 0 0 auto;
}

.marketplace-b2c-protection-empty strong {
  color: var(--navy);
}

.marketplace-b2c-protection-empty p {
  margin: 4px 0 0;
}

@media (max-width: 1180px) {
  .marketplace-b2c-protection-row {
    grid-template-columns: 52px minmax(220px, 1fr) minmax(170px, 0.6fr);
  }

  .marketplace-b2c-protection-row-status,
  .marketplace-b2c-protection-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-protection-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  .marketplace-b2c-protection-hero {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-protection-hero-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-protection-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .marketplace-b2c-protection-kpis,
  .marketplace-b2c-protection-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-protection-row-icon,
  .marketplace-b2c-protection-row-status,
  .marketplace-b2c-protection-row-actions {
    grid-column: auto;
  }

  .marketplace-b2c-protection-row-actions {
    flex-wrap: wrap;
  }
}

.marketplace-b2c-automation-page {
  display: grid;
  gap: 20px;
}

.marketplace-b2c-automation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.marketplace-b2c-automation-hero-main p:not(.eyebrow) {
  max-width: 780px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-automation-hero-actions,
.marketplace-b2c-automation-row-actions,
.marketplace-b2c-automation-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketplace-b2c-automation-hero-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.marketplace-b2c-automation-hero-actions .small-button,
.marketplace-b2c-automation-row-actions .small-button,
.marketplace-b2c-automation-panel-head .small-button {
  min-height: 42px;
  padding: 0 18px;
  width: auto;
  white-space: nowrap;
}

.marketplace-b2c-automation-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-automation-kpi,
.marketplace-b2c-automation-control-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 7px;
}

.marketplace-b2c-automation-kpi span,
.marketplace-b2c-automation-control-card span,
.marketplace-b2c-automation-row-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal-dark);
  background: var(--teal-soft);
}

.marketplace-b2c-automation-kpi strong {
  font-size: 1.55rem;
  color: var(--navy);
}

.marketplace-b2c-automation-kpi em,
.marketplace-b2c-automation-control-card strong {
  font-style: normal;
  font-weight: 900;
  color: var(--navy);
}

.marketplace-b2c-automation-kpi small,
.marketplace-b2c-automation-control-card p {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.4;
}

.marketplace-b2c-automation-panel {
  display: grid;
  gap: 12px;
}

.marketplace-b2c-automation-panel-head {
  justify-content: space-between;
}

.marketplace-b2c-automation-row {
  display: grid;
  grid-template-columns: 52px minmax(260px, 1.3fr) minmax(220px, 0.75fr) minmax(150px, 0.45fr) minmax(260px, auto);
  gap: 14px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.marketplace-b2c-automation-row-main,
.marketplace-b2c-automation-row-meta,
.marketplace-b2c-automation-row-status {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.marketplace-b2c-automation-row-main strong,
.marketplace-b2c-automation-row-meta strong {
  color: var(--navy);
  font-weight: 900;
}

.marketplace-b2c-automation-row-main span,
.marketplace-b2c-automation-row-meta span,
.marketplace-b2c-automation-row-meta small {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.35;
}

.marketplace-b2c-automation-row-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-b2c-automation-status {
  justify-self: start;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  font-size: 0.85rem;
  background: var(--chip);
  color: var(--muted);
}

.marketplace-b2c-automation-status-ok {
  background: var(--success-soft);
  color: var(--success);
}

.marketplace-b2c-automation-status-warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.marketplace-b2c-automation-status-danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.marketplace-b2c-automation-empty {
  min-height: 116px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  color: var(--muted);
}

.marketplace-b2c-automation-empty svg {
  color: var(--warning);
  flex: 0 0 auto;
}

.marketplace-b2c-automation-empty strong {
  color: var(--navy);
}

.marketplace-b2c-automation-empty p {
  margin: 4px 0 0;
}

.marketplace-b2c-automation-control-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1240px) {
  .marketplace-b2c-automation-row {
    grid-template-columns: 52px minmax(230px, 1fr) minmax(190px, 0.7fr);
  }

  .marketplace-b2c-automation-row-status,
  .marketplace-b2c-automation-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-automation-row-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-automation-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .marketplace-b2c-automation-hero {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-automation-hero-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-automation-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .marketplace-b2c-automation-kpis,
  .marketplace-b2c-automation-control-grid,
  .marketplace-b2c-automation-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-automation-row-status,
  .marketplace-b2c-automation-row-actions {
    grid-column: auto;
  }

  .marketplace-b2c-automation-row-actions {
    flex-wrap: wrap;
  }
}

.marketplace-b2c-acceptance-page {
  display: grid;
  gap: 20px;
}

.marketplace-b2c-acceptance-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.marketplace-b2c-acceptance-hero-main p:not(.eyebrow) {
  max-width: 800px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-acceptance-hero-actions,
.marketplace-b2c-acceptance-panel-head,
.marketplace-b2c-acceptance-row-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketplace-b2c-acceptance-hero-actions,
.marketplace-b2c-acceptance-row-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.marketplace-b2c-acceptance-hero-actions .small-button,
.marketplace-b2c-acceptance-panel-head .small-button,
.marketplace-b2c-acceptance-row-actions .small-button {
  width: auto;
  min-height: 40px;
  padding: 0 16px;
  white-space: nowrap;
}

.marketplace-b2c-acceptance-kpis,
.marketplace-b2c-acceptance-data-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-acceptance-kpi,
.marketplace-b2c-acceptance-data-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 7px;
  text-align: left;
}

.marketplace-b2c-acceptance-data-card {
  cursor: pointer;
}

.marketplace-b2c-acceptance-kpi span,
.marketplace-b2c-acceptance-data-card span,
.marketplace-b2c-acceptance-row-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal-dark);
  background: var(--teal-soft);
}

.marketplace-b2c-acceptance-kpi strong,
.marketplace-b2c-acceptance-data-card strong {
  font-size: 1.5rem;
  color: var(--navy);
}

.marketplace-b2c-acceptance-kpi em,
.marketplace-b2c-acceptance-data-card em {
  font-style: normal;
  color: var(--navy);
  font-weight: 900;
}

.marketplace-b2c-acceptance-kpi small,
.marketplace-b2c-acceptance-data-card small {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.4;
}

.marketplace-b2c-acceptance-panel {
  display: grid;
  gap: 12px;
}

.marketplace-b2c-acceptance-panel-head {
  justify-content: space-between;
}

.marketplace-b2c-acceptance-row {
  display: grid;
  grid-template-columns: 52px minmax(280px, 1.25fr) minmax(230px, 0.8fr) minmax(130px, 0.35fr) minmax(230px, auto);
  gap: 14px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.marketplace-b2c-acceptance-row-main,
.marketplace-b2c-acceptance-row-meta {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.marketplace-b2c-acceptance-row-main strong,
.marketplace-b2c-acceptance-row-meta strong {
  color: var(--navy);
  font-weight: 900;
}

.marketplace-b2c-acceptance-row-main span,
.marketplace-b2c-acceptance-row-meta span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.35;
}

.marketplace-b2c-acceptance-status {
  justify-self: start;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  font-size: 0.85rem;
  background: var(--chip);
  color: var(--muted);
}

.marketplace-b2c-acceptance-status-ok {
  background: var(--success-soft);
  color: var(--success);
}

.marketplace-b2c-acceptance-status-warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.marketplace-b2c-acceptance-status-danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.marketplace-b2c-acceptance-empty {
  min-height: 116px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  color: var(--muted);
}

.marketplace-b2c-acceptance-empty svg {
  color: var(--teal);
  flex: 0 0 auto;
}

.marketplace-b2c-acceptance-empty strong {
  color: var(--navy);
}

.marketplace-b2c-acceptance-empty p {
  margin: 4px 0 0;
}

@media (max-width: 1240px) {
  .marketplace-b2c-acceptance-row {
    grid-template-columns: 52px minmax(240px, 1fr) minmax(190px, 0.8fr);
  }

  .marketplace-b2c-acceptance-row-status,
  .marketplace-b2c-acceptance-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-acceptance-row-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-acceptance-data-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .marketplace-b2c-acceptance-hero {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-acceptance-hero-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .marketplace-b2c-acceptance-kpis,
  .marketplace-b2c-acceptance-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .marketplace-b2c-acceptance-kpis,
  .marketplace-b2c-acceptance-data-grid,
  .marketplace-b2c-acceptance-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-acceptance-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .marketplace-b2c-acceptance-panel-head .small-button {
    min-width: max-content;
    max-width: 100%;
  }

  .marketplace-b2c-acceptance-row-status,
  .marketplace-b2c-acceptance-row-actions {
    grid-column: auto;
  }

  .marketplace-b2c-acceptance-row-actions {
    flex-wrap: wrap;
  }
}

/* Marketplace B2C growth module */
.marketplace-b2c-growth-page {
  display: grid;
  gap: 20px;
}

.marketplace-b2c-growth-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.marketplace-b2c-growth-hero-main {
  display: grid;
  gap: 10px;
  max-width: 860px;
}

.marketplace-b2c-growth-hero-main h2,
.marketplace-b2c-growth-panel h3,
.marketplace-b2c-growth-selected h3 {
  margin: 0;
  color: var(--ink);
}

.marketplace-b2c-growth-hero-main p,
.marketplace-b2c-growth-selected p,
.marketplace-b2c-growth-policy-note p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-growth-hero-actions,
.marketplace-b2c-growth-row-actions,
.marketplace-b2c-growth-safe-actions,
.marketplace-b2c-growth-guard-side {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

.marketplace-b2c-growth-page .small-button,
.marketplace-b2c-growth-page .primary-button,
.marketplace-b2c-growth-page .secondary-button {
  width: auto;
  min-height: 38px;
  padding: 9px 16px;
  white-space: nowrap;
}

.marketplace-b2c-growth-page .small-button.secondary-button,
.marketplace-b2c-growth-page .secondary-button {
  background: #fff;
  color: var(--ink);
  border: 1px solid var(--line);
  box-shadow: none;
}

.marketplace-b2c-growth-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-growth-kpi {
  min-height: 132px;
  border: 1px solid rgba(7, 85, 237, .24);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(232, 240, 255, .92), #fff);
  padding: 18px;
  display: grid;
  gap: 6px;
  align-content: start;
}

.marketplace-b2c-growth-kpi span,
.marketplace-b2c-growth-row-icon,
.marketplace-b2c-growth-empty > svg,
.marketplace-b2c-growth-measure-top > span,
.marketplace-b2c-growth-policy-note > svg {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(7, 85, 237, .12);
  color: var(--teal);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.marketplace-b2c-growth-kpi strong {
  font-size: 28px;
  color: var(--ink);
}

.marketplace-b2c-growth-kpi em,
.marketplace-b2c-growth-kpi small {
  font-style: normal;
  color: var(--muted);
}

.marketplace-b2c-growth-panel {
  display: grid;
  gap: 14px;
}

.marketplace-b2c-growth-panel-head {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.marketplace-b2c-growth-row {
  display: grid;
  grid-template-columns: 54px minmax(220px, 1.25fr) minmax(230px, .9fr) minmax(150px, auto) minmax(240px, auto);
  gap: 16px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.marketplace-b2c-growth-row.selected {
  border-color: rgba(7, 85, 237, .45);
  background: linear-gradient(90deg, rgba(232, 240, 255, .82), #fff);
}

.marketplace-b2c-growth-row-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-growth-row-main strong {
  color: var(--ink);
}

.marketplace-b2c-growth-row-main span,
.marketplace-b2c-growth-row-meta span {
  color: var(--muted);
  line-height: 1.4;
}

.marketplace-b2c-growth-row-meta {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-growth-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.marketplace-b2c-growth-signals span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 10px;
  background: #f8fafc;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.marketplace-b2c-growth-signals strong {
  color: var(--ink);
}

.marketplace-b2c-growth-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 800;
  font-size: 13px;
  background: #eef2f7;
  color: var(--muted);
  border: 1px solid transparent;
  white-space: nowrap;
}

.marketplace-b2c-growth-status-ok {
  background: #dcfce7;
  color: #166534;
}

.marketplace-b2c-growth-status-warning {
  background: #fff4c2;
  color: #a45500;
  border-color: #ffd48a;
}

.marketplace-b2c-growth-measure-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-growth-measure-card,
.marketplace-b2c-growth-guard-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 14px;
}

.marketplace-b2c-growth-measure-top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-growth-measure-top > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.marketplace-b2c-growth-measure-top strong,
.marketplace-b2c-growth-guard-card h4,
.marketplace-b2c-growth-policy-note strong {
  color: var(--ink);
}

.marketplace-b2c-growth-measure-top small {
  color: var(--muted);
  display: block;
}

.marketplace-b2c-growth-measure-card .marketplace-b2c-growth-status {
  justify-self: end;
  min-height: auto;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: var(--teal);
  font-size: 13px;
  box-shadow: none;
}

.marketplace-b2c-growth-measure-card .marketplace-b2c-growth-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 7px;
  background: currentColor;
  opacity: .75;
}

.marketplace-b2c-growth-measure-card .marketplace-b2c-growth-status-warning {
  color: #a45500;
  background: transparent;
  border-color: transparent;
}

.marketplace-b2c-growth-measure-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-b2c-growth-metric-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.marketplace-b2c-growth-metric-tags::before {
  content: "Metrici urmariti";
  flex: 0 0 100%;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.marketplace-b2c-growth-metric-tags span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: var(--muted);
  font-weight: 800;
  font-size: 13px;
}

.marketplace-b2c-growth-metric-tags span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(7, 85, 237, .7);
  flex: 0 0 auto;
}

.marketplace-b2c-growth-guard-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.marketplace-b2c-growth-guard-card h4 {
  margin: 4px 0 8px;
}

.marketplace-b2c-growth-guard-card ul,
.marketplace-b2c-growth-policy-note ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-growth-selected {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  gap: 16px;
  border: 1px solid rgba(7, 85, 237, .26);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(232, 240, 255, .92), #fff 62%);
  padding: 18px;
}

.marketplace-b2c-growth-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-b2c-growth-details div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .82);
  padding: 10px 12px;
  display: grid;
  gap: 4px;
}

.marketplace-b2c-growth-details span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.marketplace-b2c-growth-details strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}

.marketplace-b2c-growth-policy-note,
.marketplace-b2c-growth-empty {
  border: 1px dashed rgba(7, 85, 237, .32);
  border-radius: 8px;
  background: rgba(232, 240, 255, .42);
  padding: 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.marketplace-b2c-growth-empty {
  min-height: 112px;
  align-items: center;
}

.marketplace-b2c-growth-empty p {
  margin: 4px 0 0;
  color: var(--muted);
}

@media (max-width: 1180px) {
  .marketplace-b2c-growth-hero,
  .marketplace-b2c-growth-selected {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-growth-hero-actions,
  .marketplace-b2c-growth-row-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-growth-kpis,
  .marketplace-b2c-growth-measure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-b2c-growth-row {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .marketplace-b2c-growth-row-meta,
  .marketplace-b2c-growth-row-status,
  .marketplace-b2c-growth-row-actions {
    grid-column: 2 / -1;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-growth-kpis,
  .marketplace-b2c-growth-measure-grid,
  .marketplace-b2c-growth-details,
  .marketplace-b2c-growth-signals,
  .marketplace-b2c-growth-guard-card {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-growth-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-growth-row-icon,
  .marketplace-b2c-growth-row-meta,
  .marketplace-b2c-growth-row-status,
  .marketplace-b2c-growth-row-actions {
    grid-column: auto;
  }
}
/* Marketplace B2C pricing and margin module */
.marketplace-b2c-pricing-page {
  display: grid;
  gap: 20px;
}

.marketplace-b2c-pricing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.marketplace-b2c-pricing-hero-main {
  display: grid;
  gap: 10px;
  max-width: 880px;
}

.marketplace-b2c-pricing-hero-main h2,
.marketplace-b2c-pricing-panel h3,
.marketplace-b2c-pricing-selected h3 {
  margin: 0;
  color: var(--ink);
}

.marketplace-b2c-pricing-hero-main p,
.marketplace-b2c-pricing-selected p,
.marketplace-b2c-pricing-policy-note p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-pricing-hero-actions,
.marketplace-b2c-pricing-row-actions,
.marketplace-b2c-pricing-safe-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

.marketplace-b2c-pricing-page .small-button,
.marketplace-b2c-pricing-page .primary-button,
.marketplace-b2c-pricing-page .secondary-button {
  width: auto;
  min-height: 36px;
  padding: 8px 14px;
  white-space: nowrap;
}

.marketplace-b2c-pricing-page .small-button.secondary-button,
.marketplace-b2c-pricing-page .secondary-button {
  background: #fff;
  color: var(--ink);
  border: 1px solid var(--line);
  box-shadow: none;
}

.marketplace-b2c-pricing-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-pricing-kpi,
.marketplace-b2c-pricing-rule-card {
  min-height: 124px;
  border: 1px solid rgba(7, 85, 237, .24);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(232, 240, 255, .82), #fff);
  padding: 16px;
  display: grid;
  gap: 6px;
  align-content: start;
}

.marketplace-b2c-pricing-kpi span,
.marketplace-b2c-pricing-row-icon,
.marketplace-b2c-pricing-empty > svg,
.marketplace-b2c-pricing-rule-card span,
.marketplace-b2c-pricing-policy-note > svg {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(7, 85, 237, .12);
  color: var(--teal);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.marketplace-b2c-pricing-kpi strong,
.marketplace-b2c-pricing-rule-card strong {
  font-size: 26px;
  color: var(--ink);
}

.marketplace-b2c-pricing-kpi em,
.marketplace-b2c-pricing-kpi small,
.marketplace-b2c-pricing-rule-card em,
.marketplace-b2c-pricing-rule-card small {
  font-style: normal;
  color: var(--muted);
}

.marketplace-b2c-pricing-panel {
  display: grid;
  gap: 14px;
}

.marketplace-b2c-pricing-panel-head {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.marketplace-b2c-pricing-list,
.marketplace-b2c-pricing-cost-list {
  display: grid;
  gap: 12px;
}

.marketplace-b2c-pricing-row {
  display: grid;
  grid-template-columns: 54px minmax(220px, 1.25fr) minmax(120px, .55fr) minmax(120px, .65fr) minmax(140px, .65fr) minmax(150px, .7fr) minmax(280px, auto);
  gap: 16px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.marketplace-b2c-pricing-row.audit {
  grid-template-columns: 54px minmax(260px, 1.4fr) minmax(190px, .9fr) minmax(90px, .45fr) minmax(140px, .6fr) minmax(40px, auto);
}

.marketplace-b2c-pricing-row.selected {
  border-color: rgba(7, 85, 237, .45);
  background: linear-gradient(90deg, rgba(232, 240, 255, .82), #fff);
}

.marketplace-b2c-pricing-row-main,
.marketplace-b2c-pricing-money,
.marketplace-b2c-pricing-score {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.marketplace-b2c-pricing-row-main strong,
.marketplace-b2c-pricing-money strong,
.marketplace-b2c-pricing-score strong,
.marketplace-b2c-pricing-cost-card h4,
.marketplace-b2c-pricing-policy-note strong {
  color: var(--ink);
}

.marketplace-b2c-pricing-row-main small,
.marketplace-b2c-pricing-money small,
.marketplace-b2c-pricing-score small,
.marketplace-b2c-pricing-cost-card small {
  color: var(--muted);
  line-height: 1.35;
}

.marketplace-b2c-pricing-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.marketplace-b2c-pricing-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 4px 9px;
  background: #f3f7fb;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketplace-b2c-pricing-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 800;
  font-size: 13px;
  background: #eef2f7;
  color: var(--muted);
  border: 1px solid transparent;
  white-space: nowrap;
}

.marketplace-b2c-pricing-status-ok {
  background: #dcfce7;
  color: #166534;
}

.marketplace-b2c-pricing-status-warning {
  background: #fff4c2;
  color: #a45500;
  border-color: #ffd48a;
}

.marketplace-b2c-pricing-status-danger {
  background: #fff1f2;
  color: #b91c1c;
  border-color: #fecdd3;
}

.marketplace-b2c-pricing-cost-card,
.marketplace-b2c-pricing-rule-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 14px;
}

.marketplace-b2c-pricing-cost-card {
  grid-template-columns: minmax(220px, .9fr) minmax(320px, 1.2fr) auto;
  align-items: center;
}

.marketplace-b2c-pricing-cost-card.missing {
  border-color: rgba(255, 164, 28, .35);
  background: linear-gradient(90deg, rgba(255, 248, 230, .74), #fff);
}

.marketplace-b2c-pricing-cost-card h4 {
  margin: 4px 0;
}

.marketplace-b2c-pricing-cost-grid,
.marketplace-b2c-pricing-details,
.marketplace-b2c-pricing-rule-grid {
  display: grid;
  gap: 10px;
}

.marketplace-b2c-pricing-cost-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marketplace-b2c-pricing-details,
.marketplace-b2c-pricing-rule-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marketplace-b2c-pricing-cost-grid span,
.marketplace-b2c-pricing-details div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.marketplace-b2c-pricing-cost-grid small,
.marketplace-b2c-pricing-details span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.marketplace-b2c-pricing-cost-grid b,
.marketplace-b2c-pricing-details strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}

.marketplace-b2c-pricing-rule-row {
  grid-template-columns: minmax(220px, .8fr) minmax(280px, 1fr) auto;
  align-items: center;
}

.marketplace-b2c-pricing-rule-row ul,
.marketplace-b2c-pricing-policy-note ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-pricing-selected {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  gap: 16px;
  border: 1px solid rgba(7, 85, 237, .26);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(232, 240, 255, .9), #fff 62%);
  padding: 18px;
}

.marketplace-b2c-pricing-policy-note,
.marketplace-b2c-pricing-empty {
  border: 1px dashed rgba(7, 85, 237, .32);
  border-radius: 8px;
  background: rgba(232, 240, 255, .42);
  padding: 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.marketplace-b2c-pricing-empty {
  min-height: 112px;
  align-items: center;
}

.marketplace-b2c-pricing-empty p {
  margin: 4px 0 0;
  color: var(--muted);
}

@media (max-width: 1320px) {
  .marketplace-b2c-pricing-row {
    grid-template-columns: 54px minmax(0, 1fr) minmax(140px, .6fr) minmax(150px, .7fr);
  }

  .marketplace-b2c-pricing-row .marketplace-b2c-pricing-money:nth-of-type(3),
  .marketplace-b2c-pricing-score,
  .marketplace-b2c-pricing-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-pricing-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 1180px) {
  .marketplace-b2c-pricing-hero,
  .marketplace-b2c-pricing-selected,
  .marketplace-b2c-pricing-cost-card,
  .marketplace-b2c-pricing-rule-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-pricing-hero-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-pricing-kpis,
  .marketplace-b2c-pricing-rule-grid,
  .marketplace-b2c-pricing-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-b2c-pricing-cost-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-pricing-kpis,
  .marketplace-b2c-pricing-rule-grid,
  .marketplace-b2c-pricing-details,
  .marketplace-b2c-pricing-cost-grid,
  .marketplace-b2c-pricing-row,
  .marketplace-b2c-pricing-row.audit {
    grid-template-columns: 1fr;
  }
  .marketplace-b2c-pricing-row > *,
  .marketplace-b2c-pricing-row.audit > * {
    min-width: 0;
    grid-column: auto;
  }


  .marketplace-b2c-pricing-row-icon,
  .marketplace-b2c-pricing-score,
  .marketplace-b2c-pricing-row-actions {
    grid-column: auto;
  }
}
/* End Marketplace B2C pricing and margin module */

/* End Marketplace B2C growth module */

/* Marketplace B2C trust and risk module */
.marketplace-b2c-trust-risk-page {
  display: grid;
  gap: 20px;
}

.marketplace-b2c-trust-risk-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.marketplace-b2c-trust-risk-hero-main p:not(.eyebrow) {
  max-width: 820px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-trust-risk-hero-actions,
.marketplace-b2c-trust-risk-panel-head,
.marketplace-b2c-trust-risk-row-actions,
.marketplace-b2c-trust-risk-safe-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketplace-b2c-trust-risk-hero-actions,
.marketplace-b2c-trust-risk-row-actions,
.marketplace-b2c-trust-risk-safe-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.marketplace-b2c-trust-risk-hero-actions .small-button,
.marketplace-b2c-trust-risk-hero-actions .primary-button,
.marketplace-b2c-trust-risk-panel-head .small-button,
.marketplace-b2c-trust-risk-row-actions .small-button,
.marketplace-b2c-trust-risk-safe-actions .small-button,
.marketplace-b2c-trust-risk-safe-actions .primary-button {
  width: auto;
  min-height: 38px;
  padding: 0 14px;
  white-space: nowrap;
}

.marketplace-b2c-trust-risk-row-actions .small-button.secondary-button,
.marketplace-b2c-trust-risk-safe-actions .small-button.secondary-button {
  background: #ffffff;
  color: var(--ink);
}

.marketplace-b2c-trust-risk-row-actions .small-button.secondary-button:hover,
.marketplace-b2c-trust-risk-row-actions .small-button.secondary-button:focus-visible,
.marketplace-b2c-trust-risk-safe-actions .small-button.secondary-button:hover,
.marketplace-b2c-trust-risk-safe-actions .small-button.secondary-button:focus-visible {
  background: #e8f0ff;
  color: var(--teal-dark);
}

.marketplace-b2c-trust-risk-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-trust-risk-kpi {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 7px;
  min-width: 0;
}

.marketplace-b2c-trust-risk-kpi span,
.marketplace-b2c-trust-risk-row-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal-dark);
  background: var(--teal-soft);
}

.marketplace-b2c-trust-risk-kpi strong {
  font-size: 1.55rem;
  color: var(--navy);
}

.marketplace-b2c-trust-risk-kpi em {
  font-style: normal;
  font-weight: 900;
  color: var(--navy);
}

.marketplace-b2c-trust-risk-kpi small {
  color: var(--muted);
  font-weight: 700;
  line-height: 1.4;
}

.marketplace-b2c-trust-risk-panel {
  display: grid;
  gap: 12px;
}

.marketplace-b2c-trust-risk-panel-head {
  justify-content: space-between;
}

.marketplace-b2c-trust-risk-row {
  display: grid;
  grid-template-columns: 52px minmax(260px, 1.25fr) minmax(210px, 0.75fr) minmax(150px, 0.45fr) minmax(300px, auto);
  gap: 14px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.marketplace-b2c-trust-risk-row.selected {
  border-color: rgba(7, 85, 237, 0.44);
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.8), #fff);
}

.marketplace-b2c-trust-risk-row-main,
.marketplace-b2c-trust-risk-row-meta,
.marketplace-b2c-trust-risk-row-status {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.marketplace-b2c-trust-risk-row-main strong,
.marketplace-b2c-trust-risk-row-meta strong {
  color: var(--navy);
  font-weight: 900;
}

.marketplace-b2c-trust-risk-row-main span,
.marketplace-b2c-trust-risk-row-meta span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.35;
}

.marketplace-b2c-trust-risk-row-actions,
.marketplace-b2c-trust-risk-safe-actions {
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-b2c-trust-risk-status {
  justify-self: start;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  font-size: 0.85rem;
  background: var(--chip);
  color: var(--muted);
}

.marketplace-b2c-trust-risk-status-ok {
  background: var(--success-soft);
  color: var(--success);
}

.marketplace-b2c-trust-risk-status-warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.marketplace-b2c-trust-risk-status-danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.marketplace-b2c-trust-risk-selected-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 16px;
  align-items: start;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.marketplace-b2c-trust-risk-selected-card p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-b2c-trust-risk-selected-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-b2c-trust-risk-selected-meta span {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--surface-soft);
  color: var(--muted);
  font-weight: 700;
  min-width: 0;
}

.marketplace-b2c-trust-risk-selected-meta b {
  display: block;
  color: var(--navy);
  font-weight: 900;
  margin-bottom: 3px;
}

.marketplace-b2c-trust-risk-policy-note,
.marketplace-b2c-trust-risk-empty {
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  color: var(--muted);
  background: #fff;
}

.marketplace-b2c-trust-risk-policy-note svg,
.marketplace-b2c-trust-risk-empty svg {
  color: var(--teal);
  flex: 0 0 auto;
}

.marketplace-b2c-trust-risk-policy-note strong,
.marketplace-b2c-trust-risk-empty strong {
  color: var(--navy);
}

.marketplace-b2c-trust-risk-policy-note p,
.marketplace-b2c-trust-risk-empty p {
  margin: 4px 0 0;
  line-height: 1.45;
}

@media (max-width: 1240px) {
  .marketplace-b2c-trust-risk-row {
    grid-template-columns: 52px minmax(240px, 1fr) minmax(190px, 0.75fr);
  }

  .marketplace-b2c-trust-risk-row-status,
  .marketplace-b2c-trust-risk-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-trust-risk-row-actions,
  .marketplace-b2c-trust-risk-safe-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  .marketplace-b2c-trust-risk-hero,
  .marketplace-b2c-trust-risk-selected-card {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-trust-risk-hero-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .marketplace-b2c-trust-risk-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .marketplace-b2c-trust-risk-kpis,
  .marketplace-b2c-trust-risk-row,
  .marketplace-b2c-trust-risk-selected-meta {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-trust-risk-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .marketplace-b2c-trust-risk-row-status,
  .marketplace-b2c-trust-risk-row-actions {
    grid-column: auto;
  }

  .marketplace-b2c-trust-risk-row-actions,
  .marketplace-b2c-trust-risk-safe-actions {
    flex-wrap: wrap;
  }
}
/* End Marketplace B2C trust and risk module */

/* Marketplace B2C integrations dedicated module */
.marketplace-b2c-integrations-page {
  align-items: stretch;
}

.marketplace-b2c-integrations-page > .panel {
  width: 100%;
  min-width: 0;
}

.marketplace-b2c-integrations-page .panel-head {
  align-items: flex-start;
  gap: 16px;
}

.marketplace-b2c-integrations-page .panel-actions {
  justify-content: flex-end;
}

.marketplace-b2c-integrations-page .panel-actions > :is(.small-button, .primary-button, .danger-button),
.marketplace-b2c-integration-actions > :is(.small-button, .primary-button, .danger-button),
.marketplace-b2c-webhook-row > :is(.small-button, .primary-button, .danger-button) {
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.marketplace-b2c-integration-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.marketplace-b2c-integration-kpi,
.marketplace-b2c-health-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 6px 12px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.04);
}

.marketplace-b2c-integration-kpi > span,
.marketplace-b2c-health-card > span,
.marketplace-b2c-integration-card-head > span,
.marketplace-b2c-webhook-row > span,
.marketplace-b2c-key-list > div > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: #0647c2;
  background: #e8f0ff;
}

.marketplace-b2c-integration-kpi strong,
.marketplace-b2c-health-card strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.marketplace-b2c-integration-kpi small,
.marketplace-b2c-health-card small,
.marketplace-b2c-integration-kpi em,
.marketplace-b2c-health-card em {
  grid-column: 2;
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-integration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.marketplace-b2c-integration-card {
  display: flex;
  min-width: 0;
  min-height: 245px;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.marketplace-b2c-integration-card.active {
  border-color: rgba(7, 85, 237, 0.48);
  box-shadow: 0 18px 42px rgba(7, 85, 237, 0.11);
}

.marketplace-b2c-integration-card-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.marketplace-b2c-integration-card-head strong,
.marketplace-b2c-webhook-row strong,
.marketplace-b2c-webhook-audit strong,
.marketplace-b2c-key-list strong,
.marketplace-b2c-key-list b {
  display: block;
  min-width: 0;
  color: var(--ink);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-b2c-integration-card-head small,
.marketplace-b2c-webhook-row small,
.marketplace-b2c-webhook-audit small,
.marketplace-b2c-key-list small {
  display: block;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketplace-b2c-integration-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #64748b;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-b2c-integration-status.success { background: #dcfce7; color: #047857; }
.marketplace-b2c-integration-status.warning { background: #fff3c4; color: #92400e; }
.marketplace-b2c-integration-status.danger { background: #fee2e2; color: #b91c1c; }
.marketplace-b2c-integration-status.muted { background: #eef2f7; color: #64748b; }

.marketplace-b2c-integration-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-integration-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.marketplace-b2c-integration-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #f8fafc;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.marketplace-b2c-integration-actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding-top: 2px;
}

.marketplace-b2c-webhook-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.75fr);
  gap: 14px;
  margin-top: 16px;
}

.marketplace-b2c-webhook-list,
.marketplace-b2c-webhook-audit,
.marketplace-b2c-key-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-webhook-row,
.marketplace-b2c-webhook-audit > div,
.marketplace-b2c-key-list > div {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.12);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-webhook-audit {
  align-content: start;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-webhook-audit > div {
  grid-template-columns: minmax(0, 1fr);
  background: #ffffff;
}

.marketplace-b2c-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.marketplace-b2c-key-list {
  margin-top: 16px;
}

.marketplace-b2c-key-list > div {
  grid-template-columns: 44px minmax(0, 1fr);
}

.marketplace-b2c-integration-empty {
  display: flex !important;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 800;
}

.marketplace-b2c-integration-history-panel .marketplace-table {
  margin-top: 12px;
}

@media (max-width: 1180px) {
  .marketplace-b2c-integration-kpis,
  .marketplace-b2c-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-b2c-integration-grid,
  .marketplace-b2c-webhook-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-integrations-page .panel-actions,
  .marketplace-b2c-integration-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .marketplace-b2c-integration-kpis,
  .marketplace-b2c-health-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-integration-card-head,
  .marketplace-b2c-webhook-row {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .marketplace-b2c-integration-status,
  .marketplace-b2c-webhook-row > .small-button {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .marketplace-b2c-integration-actions,
  .marketplace-b2c-integrations-page .panel-actions {
    flex-wrap: wrap;
  }
}
/* End Marketplace B2C integrations dedicated module */


/* Marketplace B2C Command Center module */
.marketplace-b2c-command-page {
  align-items: stretch;
}

.marketplace-b2c-command-page > .panel {
  width: 100%;
  min-width: 0;
}

.marketplace-b2c-command-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.46fr);
  gap: 18px;
  align-items: start;
}

.marketplace-b2c-command-hero-main h2 {
  margin: 0 0 8px;
}

.marketplace-b2c-command-hero-main p {
  max-width: 860px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-command-box {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-command-box label {
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-command-box textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
}

.marketplace-b2c-command-hero-actions,
.marketplace-b2c-command-row-actions,
.marketplace-b2c-command-safe-actions,
.marketplace-b2c-command-panel-actions,
.marketplace-b2c-command-approval-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-b2c-command-page .small-button,
.marketplace-b2c-command-page .primary-button,
.marketplace-b2c-command-page .secondary-button {
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.marketplace-b2c-command-hero-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: visible;
  padding-bottom: 0;
}

.marketplace-b2c-command-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-command-kpi,
.marketplace-b2c-command-row,
.marketplace-b2c-command-step,
.marketplace-b2c-command-approval,
.marketplace-b2c-command-control-card,
.marketplace-b2c-command-audit-row,
.marketplace-b2c-command-preview-grid > article {
  min-width: 0;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.marketplace-b2c-command-kpi {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 14px;
}

.marketplace-b2c-command-kpi > span,
.marketplace-b2c-command-row-icon,
.marketplace-b2c-command-approval > span,
.marketplace-b2c-command-control-card > span,
.marketplace-b2c-command-audit-row > span,
.marketplace-b2c-command-empty > svg,
.marketplace-b2c-command-policy-note > svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
  flex: 0 0 auto;
}

.marketplace-b2c-command-kpi strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.marketplace-b2c-command-kpi em,
.marketplace-b2c-command-kpi small {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-command-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.marketplace-b2c-command-panel-head h3 {
  margin: 2px 0 0;
}

.marketplace-b2c-command-panel-actions {
  justify-content: flex-end;
}

.marketplace-b2c-command-approval-actions {
  min-width: max-content;
}

.marketplace-b2c-command-list,
.marketplace-b2c-command-steps,
.marketplace-b2c-command-approval-list,
.marketplace-b2c-command-control-grid,
.marketplace-b2c-command-audit-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-command-row {
  display: grid;
  grid-template-columns: 44px minmax(260px, 1.35fr) minmax(260px, 0.75fr) auto minmax(280px, 0.8fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.marketplace-b2c-command-row.selected,
.marketplace-b2c-command-step:hover,
.marketplace-b2c-command-approval:hover {
  border-color: rgba(7, 85, 237, 0.38);
  background: #f3f7fd;
}

.marketplace-b2c-command-row-main,
.marketplace-b2c-command-row-signals,
.marketplace-b2c-command-row-status {
  min-width: 0;
}

.marketplace-b2c-command-row-main strong,
.marketplace-b2c-command-step strong,
.marketplace-b2c-command-approval strong,
.marketplace-b2c-command-control-card strong,
.marketplace-b2c-command-audit-row strong,
.marketplace-b2c-command-preview-grid strong,
.marketplace-b2c-command-selected h3 {
  display: block;
  min-width: 0;
  color: var(--ink);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-b2c-command-row-main small,
.marketplace-b2c-command-step small,
.marketplace-b2c-command-approval small,
.marketplace-b2c-command-control-card small,
.marketplace-b2c-command-audit-row small,
.marketplace-b2c-command-selected p {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.marketplace-b2c-command-tags,
.marketplace-b2c-command-row-signals,
.marketplace-b2c-command-selected-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.marketplace-b2c-command-tags span,
.marketplace-b2c-command-row-signals span,
.marketplace-b2c-command-selected-meta span {
  display: inline-grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #f8fafc;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.marketplace-b2c-command-row-signals span strong,
.marketplace-b2c-command-selected-meta span strong {
  color: var(--ink);
  font-size: 13px;
}

.marketplace-b2c-command-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-b2c-command-status-ok { background: #dcfce7; color: #047857; }
.marketplace-b2c-command-status-warning { background: #fff3c4; color: #92400e; }
.marketplace-b2c-command-status-danger { background: #fee2e2; color: #b91c1c; }
.marketplace-b2c-command-status-muted,
.marketplace-b2c-command-status-neutral { background: #eef2f7; color: #64748b; }

.marketplace-b2c-command-selected {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.65fr);
  gap: 14px;
  min-width: 0;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-command-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(190px, 0.35fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.marketplace-b2c-command-step > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #0647c2;
  font-weight: 900;
}

.marketplace-b2c-command-safe-actions {
  justify-content: flex-start;
  margin-top: 14px;
}

.marketplace-b2c-command-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-command-preview-grid > article {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 14px;
}

.marketplace-b2c-command-preview-grid span {
  color: #0647c2;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-command-approval {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.marketplace-b2c-command-control-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketplace-b2c-command-control-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.marketplace-b2c-command-audit-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(320px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.marketplace-b2c-command-policy-note,
.marketplace-b2c-command-empty {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-top: 14px;
  padding: 14px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
}

.marketplace-b2c-command-empty {
  margin-top: 0;
}

.marketplace-b2c-command-policy-note strong,
.marketplace-b2c-command-empty strong {
  color: var(--ink);
}

.marketplace-b2c-command-policy-note p,
.marketplace-b2c-command-empty p {
  margin: 4px 0 0;
  line-height: 1.45;
}

@media (max-width: 1320px) {
  .marketplace-b2c-command-row {
    grid-template-columns: 44px minmax(0, 1fr) minmax(240px, 0.8fr);
  }

  .marketplace-b2c-command-row-status,
  .marketplace-b2c-command-row-actions {
    grid-column: 2 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-command-hero,
  .marketplace-b2c-command-selected,
  .marketplace-b2c-command-preview-grid,
  .marketplace-b2c-command-control-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-command-hero-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .marketplace-b2c-command-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-command-kpis,
  .marketplace-b2c-command-row,
  .marketplace-b2c-command-step,
  .marketplace-b2c-command-approval,
  .marketplace-b2c-command-control-card,
  .marketplace-b2c-command-audit-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-command-panel-head {
    flex-direction: column;
  }

  .marketplace-b2c-command-row-status,
  .marketplace-b2c-command-row-actions {
    grid-column: auto;
  }

  .marketplace-b2c-command-row-actions,
  .marketplace-b2c-command-safe-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
/* End Marketplace B2C Command Center module */

/* Marketplace B2C Product Studio module */
.marketplace-b2c-product-studio-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-product-studio-page > .panel {
  min-width: 0;
}

.marketplace-b2c-product-studio-hero,
.marketplace-b2c-product-studio-panel {
  display: grid;
  gap: 16px;
}

.marketplace-b2c-product-studio-hero-head,
.marketplace-b2c-product-studio-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-b2c-product-studio-hero-head h3,
.marketplace-b2c-product-studio-panel-head h3 {
  margin: 3px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.marketplace-b2c-product-studio-hero-head p:not(.eyebrow) {
  max-width: 860px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-product-studio-hero-actions,
.marketplace-b2c-product-studio-panel-actions,
.marketplace-b2c-product-studio-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-b2c-product-studio-page .primary-button,
.marketplace-b2c-product-studio-page .small-button {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.15;
}

.marketplace-b2c-product-studio-summary,
.marketplace-b2c-product-studio-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-product-studio-summary span,
.marketplace-b2c-product-studio-row-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-product-studio-summary small,
.marketplace-b2c-product-studio-row-meta small,
.marketplace-b2c-product-studio-selected small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-product-studio-summary strong,
.marketplace-b2c-product-studio-row-meta strong,
.marketplace-b2c-product-studio-selected strong,
.marketplace-b2c-product-studio-row-main strong,
.marketplace-b2c-product-studio-validation-card strong,
.marketplace-b2c-product-studio-claim strong,
.marketplace-b2c-product-studio-owner-card strong,
.marketplace-b2c-product-studio-action-card strong,
.marketplace-b2c-product-studio-audit-row strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.marketplace-b2c-product-studio-selected {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.92), #ffffff);
}

.marketplace-b2c-product-studio-selected span,
.marketplace-b2c-product-studio-row-main small,
.marketplace-b2c-product-studio-row-status small,
.marketplace-b2c-product-studio-validation-card span,
.marketplace-b2c-product-studio-claim span,
.marketplace-b2c-product-studio-action-card span,
.marketplace-b2c-product-studio-audit-row small {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-b2c-product-studio-selected-icon,
.marketplace-b2c-product-studio-row-icon,
.marketplace-b2c-product-studio-validation-card > svg,
.marketplace-b2c-product-studio-claim > svg,
.marketplace-b2c-product-studio-owner-card > svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--primary-strong);
  background: rgba(219, 229, 245, 0.72);
  flex: 0 0 auto;
}

.marketplace-b2c-product-studio-list,
.marketplace-b2c-product-studio-claim-list,
.marketplace-b2c-product-studio-audit-list {
  display: grid;
  gap: 10px;
}

.marketplace-b2c-product-studio-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.1fr) minmax(360px, 0.95fr) minmax(180px, 0.45fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-product-studio-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-b2c-product-studio-row-main,
.marketplace-b2c-product-studio-claim,
.marketplace-b2c-product-studio-audit-row,
.marketplace-b2c-product-studio-owner-card,
.marketplace-b2c-product-studio-validation-card {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-product-studio-row-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-product-studio-row-status {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-product-studio-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-b2c-product-studio-status.ok {
  background: #dcfce7;
  color: #047857;
}

.marketplace-b2c-product-studio-status.warning {
  background: #fff2c7;
  color: #a65a00;
}

.marketplace-b2c-product-studio-status.danger {
  background: #fee2e2;
  color: #b91c1c;
}

.marketplace-b2c-product-studio-validation-grid,
.marketplace-b2c-product-studio-owner-grid,
.marketplace-b2c-product-studio-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-product-studio-validation-card,
.marketplace-b2c-product-studio-owner-card {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-product-studio-validation-card.ok,
.marketplace-b2c-product-studio-owner-card.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-product-studio-validation-card.warning,
.marketplace-b2c-product-studio-owner-card.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffaf0;
}

.marketplace-b2c-product-studio-validation-card small,
.marketplace-b2c-product-studio-claim small,
.marketplace-b2c-product-studio-owner-card small {
  display: block;
  margin: 3px 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-product-studio-claim,
.marketplace-b2c-product-studio-audit-row {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-product-studio-action-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-product-studio-action-card.danger {
  border-color: rgba(239, 68, 68, 0.26);
  background: #fff7f7;
}

.marketplace-b2c-product-studio-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 118px;
  padding: 18px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-product-studio-empty svg {
  color: var(--primary-strong);
}

.marketplace-b2c-product-studio-empty strong {
  color: var(--text);
}

@media (max-width: 1320px) {
  .marketplace-b2c-product-studio-row {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.9fr);
  }

  .marketplace-b2c-product-studio-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-product-studio-hero-head,
  .marketplace-b2c-product-studio-panel-head,
  .marketplace-b2c-product-studio-selected,
  .marketplace-b2c-product-studio-row,
  .marketplace-b2c-product-studio-claim,
  .marketplace-b2c-product-studio-audit-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-product-studio-hero-actions,
  .marketplace-b2c-product-studio-panel-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-product-studio-page .primary-button,
  .marketplace-b2c-product-studio-page .small-button {
    width: 100%;
    white-space: normal;
  }

  .marketplace-b2c-product-studio-summary,
  .marketplace-b2c-product-studio-row-meta,
  .marketplace-b2c-product-studio-validation-grid,
  .marketplace-b2c-product-studio-owner-grid,
  .marketplace-b2c-product-studio-action-grid {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C Product Studio module */

/* Marketplace B2C AI Media Studio module */
.marketplace-b2c-media-studio-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-media-studio-page > .panel {
  min-width: 0;
}

.marketplace-b2c-media-studio-hero,
.marketplace-b2c-media-studio-panel {
  display: grid;
  gap: 16px;
}

.marketplace-b2c-media-studio-hero-head,
.marketplace-b2c-media-studio-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-b2c-media-studio-hero-head h3,
.marketplace-b2c-media-studio-panel-head h3 {
  margin: 3px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.marketplace-b2c-media-studio-hero-head p:not(.eyebrow) {
  max-width: 880px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-media-studio-hero-actions,
.marketplace-b2c-media-studio-panel-actions,
.marketplace-b2c-media-studio-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-b2c-media-studio-page .primary-button,
.marketplace-b2c-media-studio-page .small-button {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.15;
}

.marketplace-b2c-media-studio-summary,
.marketplace-b2c-media-studio-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-media-studio-summary span,
.marketplace-b2c-media-studio-row-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-media-studio-summary small,
.marketplace-b2c-media-studio-row-meta small,
.marketplace-b2c-media-studio-selected small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-media-studio-summary strong,
.marketplace-b2c-media-studio-row-meta strong,
.marketplace-b2c-media-studio-selected strong,
.marketplace-b2c-media-studio-row-main strong,
.marketplace-b2c-media-studio-check-card strong,
.marketplace-b2c-media-studio-variant-card strong,
.marketplace-b2c-media-studio-control-row strong,
.marketplace-b2c-media-studio-action-card strong,
.marketplace-b2c-media-studio-audit-row strong,
.marketplace-b2c-media-studio-approval-card strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.marketplace-b2c-media-studio-selected {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.92), #ffffff);
}

.marketplace-b2c-media-studio-selected span,
.marketplace-b2c-media-studio-row-main small,
.marketplace-b2c-media-studio-row-status small,
.marketplace-b2c-media-studio-check-card span,
.marketplace-b2c-media-studio-variant-card span,
.marketplace-b2c-media-studio-action-card span,
.marketplace-b2c-media-studio-audit-row small,
.marketplace-b2c-media-studio-approval-card span {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-b2c-media-studio-selected-icon,
.marketplace-b2c-media-studio-row-icon,
.marketplace-b2c-media-studio-check-card > svg,
.marketplace-b2c-media-studio-variant-card > svg,
.marketplace-b2c-media-studio-control-row > svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--primary-strong);
  background: rgba(219, 229, 245, 0.72);
  flex: 0 0 auto;
}

.marketplace-b2c-media-studio-list,
.marketplace-b2c-media-studio-audit-list {
  display: grid;
  gap: 10px;
}

.marketplace-b2c-media-studio-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.1fr) minmax(360px, 0.95fr) minmax(180px, 0.45fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-media-studio-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-b2c-media-studio-row-main,
.marketplace-b2c-media-studio-audit-row,
.marketplace-b2c-media-studio-control-row,
.marketplace-b2c-media-studio-check-card,
.marketplace-b2c-media-studio-variant-card {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-media-studio-row-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-media-studio-row-status {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-media-studio-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-b2c-media-studio-status.ok {
  background: #dcfce7;
  color: #047857;
}

.marketplace-b2c-media-studio-status.warning {
  background: #fff2c7;
  color: #a65a00;
}

.marketplace-b2c-media-studio-status.danger {
  background: #fee2e2;
  color: #b91c1c;
}

.marketplace-b2c-media-studio-card-grid,
.marketplace-b2c-media-studio-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-media-studio-check-card,
.marketplace-b2c-media-studio-variant-card,
.marketplace-b2c-media-studio-control-row {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-media-studio-check-card,
.marketplace-b2c-media-studio-variant-card {
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
}

.marketplace-b2c-media-studio-check-card.ok,
.marketplace-b2c-media-studio-variant-card.ok,
.marketplace-b2c-media-studio-control-row.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-media-studio-check-card.warning,
.marketplace-b2c-media-studio-variant-card.warning,
.marketplace-b2c-media-studio-control-row.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffaf0;
}

.marketplace-b2c-media-studio-check-card small,
.marketplace-b2c-media-studio-variant-card small,
.marketplace-b2c-media-studio-control-row small {
  display: block;
  margin: 3px 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-media-studio-audit-row,
.marketplace-b2c-media-studio-approval-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-media-studio-approval-card {
  border-color: rgba(7, 85, 237, 0.28);
  background: #f8fffd;
}

.marketplace-b2c-media-studio-action-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-media-studio-action-card.danger {
  border-color: rgba(239, 68, 68, 0.26);
  background: #fff7f7;
}

.marketplace-b2c-media-studio-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 118px;
  padding: 18px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-media-studio-empty svg {
  color: var(--primary-strong);
}

.marketplace-b2c-media-studio-empty strong {
  color: var(--text);
}

@media (max-width: 1320px) {
  .marketplace-b2c-media-studio-row {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.9fr);
  }

  .marketplace-b2c-media-studio-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-media-studio-hero-head,
  .marketplace-b2c-media-studio-panel-head,
  .marketplace-b2c-media-studio-selected,
  .marketplace-b2c-media-studio-row,
  .marketplace-b2c-media-studio-control-row,
  .marketplace-b2c-media-studio-audit-row,
  .marketplace-b2c-media-studio-approval-card {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-media-studio-hero-actions,
  .marketplace-b2c-media-studio-panel-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-media-studio-page .primary-button,
  .marketplace-b2c-media-studio-page .small-button {
    width: 100%;
    white-space: normal;
  }

  .marketplace-b2c-media-studio-summary,
  .marketplace-b2c-media-studio-row-meta,
  .marketplace-b2c-media-studio-card-grid,
  .marketplace-b2c-media-studio-action-grid {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C AI Media Studio module */

/* Marketplace B2C AI SEO Optimization module */
.marketplace-b2c-seo-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-seo-page > .panel {
  min-width: 0;
}

.marketplace-b2c-seo-hero,
.marketplace-b2c-seo-panel {
  display: grid;
  gap: 16px;
}

.marketplace-b2c-seo-head,
.marketplace-b2c-seo-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-b2c-seo-head h3,
.marketplace-b2c-seo-panel-head h3 {
  margin: 3px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.marketplace-b2c-seo-head p:not(.eyebrow) {
  max-width: 920px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-seo-actions,
.marketplace-b2c-seo-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-b2c-seo-page .primary-button,
.marketplace-b2c-seo-page .small-button {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.15;
}

.marketplace-b2c-seo-summary,
.marketplace-b2c-seo-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-seo-summary.compact {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.marketplace-b2c-seo-summary span,
.marketplace-b2c-seo-row-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-seo-summary small,
.marketplace-b2c-seo-row-meta small,
.marketplace-b2c-seo-selected small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-seo-summary strong,
.marketplace-b2c-seo-row-meta strong,
.marketplace-b2c-seo-selected strong,
.marketplace-b2c-seo-row-main strong,
.marketplace-b2c-seo-check-card strong,
.marketplace-b2c-seo-control-row strong,
.marketplace-b2c-seo-action-card strong,
.marketplace-b2c-seo-audit-row strong,
.marketplace-b2c-seo-approval-card strong,
.marketplace-b2c-seo-note strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.marketplace-b2c-seo-selected {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.92), #ffffff);
}

.marketplace-b2c-seo-selected span,
.marketplace-b2c-seo-row-main small,
.marketplace-b2c-seo-row-status small,
.marketplace-b2c-seo-check-card span,
.marketplace-b2c-seo-action-card span,
.marketplace-b2c-seo-audit-row small,
.marketplace-b2c-seo-approval-card span,
.marketplace-b2c-seo-note span {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-b2c-seo-selected-icon,
.marketplace-b2c-seo-row-icon,
.marketplace-b2c-seo-check-card > svg,
.marketplace-b2c-seo-control-row > svg,
.marketplace-b2c-seo-note > svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--primary-strong);
  background: rgba(219, 229, 245, 0.72);
  flex: 0 0 auto;
}

.marketplace-b2c-seo-list,
.marketplace-b2c-seo-audit-list {
  display: grid;
  gap: 10px;
}

.marketplace-b2c-seo-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(360px, 1fr) minmax(180px, 0.45fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-seo-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-b2c-seo-row-main,
.marketplace-b2c-seo-control-row,
.marketplace-b2c-seo-check-card,
.marketplace-b2c-seo-audit-row,
.marketplace-b2c-seo-approval-card,
.marketplace-b2c-seo-note {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-seo-row-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-seo-row-status {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-seo-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-b2c-seo-status.ok {
  background: #dcfce7;
  color: #047857;
}

.marketplace-b2c-seo-status.warning {
  background: #fff2c7;
  color: #a65a00;
}

.marketplace-b2c-seo-status.danger {
  background: #fee2e2;
  color: #b91c1c;
}

.marketplace-b2c-seo-card-grid,
.marketplace-b2c-seo-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-seo-check-card,
.marketplace-b2c-seo-control-row {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-seo-check-card {
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
}

.marketplace-b2c-seo-check-card.ok,
.marketplace-b2c-seo-control-row.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-seo-check-card.warning,
.marketplace-b2c-seo-control-row.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffaf0;
}

.marketplace-b2c-seo-check-card small,
.marketplace-b2c-seo-control-row small {
  display: block;
  margin: 3px 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-seo-audit-row,
.marketplace-b2c-seo-approval-card,
.marketplace-b2c-seo-note {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-seo-note {
  grid-template-columns: 44px minmax(0, 1fr);
  border-color: rgba(7, 85, 237, 0.24);
  background: #f8fffd;
}

.marketplace-b2c-seo-approval-card {
  border-color: rgba(7, 85, 237, 0.28);
  background: #f8fffd;
}

.marketplace-b2c-seo-action-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-seo-action-card.danger {
  border-color: rgba(239, 68, 68, 0.26);
  background: #fff7f7;
}

.marketplace-b2c-seo-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 118px;
  padding: 18px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-seo-empty svg {
  color: var(--primary-strong);
}

.marketplace-b2c-seo-empty strong {
  color: var(--text);
}

@media (max-width: 1320px) {
  .marketplace-b2c-seo-row {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.9fr);
  }

  .marketplace-b2c-seo-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-seo-head,
  .marketplace-b2c-seo-panel-head,
  .marketplace-b2c-seo-selected,
  .marketplace-b2c-seo-row,
  .marketplace-b2c-seo-control-row,
  .marketplace-b2c-seo-audit-row,
  .marketplace-b2c-seo-approval-card {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-seo-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-seo-page .primary-button,
  .marketplace-b2c-seo-page .small-button {
    width: 100%;
    white-space: normal;
  }

  .marketplace-b2c-seo-summary,
  .marketplace-b2c-seo-row-meta,
  .marketplace-b2c-seo-card-grid,
  .marketplace-b2c-seo-action-grid {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C AI SEO Optimization module */

/* Marketplace B2C AI Social Content module */
.marketplace-b2c-social-content-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-social-content-page > .panel {
  min-width: 0;
}

.marketplace-b2c-social-content-hero,
.marketplace-b2c-social-content-panel {
  display: grid;
  gap: 16px;
}

.marketplace-b2c-social-content-head,
.marketplace-b2c-social-content-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-b2c-social-content-head h3,
.marketplace-b2c-social-content-panel-head h3 {
  margin: 3px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.marketplace-b2c-social-content-head p:not(.eyebrow) {
  max-width: 920px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-social-content-actions,
.marketplace-b2c-social-content-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-b2c-social-content-page .primary-button,
.marketplace-b2c-social-content-page .small-button {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.15;
}

.marketplace-b2c-social-content-summary,
.marketplace-b2c-social-content-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-social-content-summary span,
.marketplace-b2c-social-content-row-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-social-content-summary small,
.marketplace-b2c-social-content-row-meta small,
.marketplace-b2c-social-content-selected small,
.marketplace-b2c-social-content-brief-card small,
.marketplace-b2c-social-content-draft-card small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-social-content-summary strong,
.marketplace-b2c-social-content-row-meta strong,
.marketplace-b2c-social-content-selected strong,
.marketplace-b2c-social-content-row-main strong,
.marketplace-b2c-social-content-check-card strong,
.marketplace-b2c-social-content-control-row strong,
.marketplace-b2c-social-content-action-card strong,
.marketplace-b2c-social-content-audit-row strong,
.marketplace-b2c-social-content-approval-card strong,
.marketplace-b2c-social-content-brief-card strong,
.marketplace-b2c-social-content-draft-card strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.marketplace-b2c-social-content-selected {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.92), #ffffff);
}

.marketplace-b2c-social-content-selected span,
.marketplace-b2c-social-content-row-main small,
.marketplace-b2c-social-content-row-status small,
.marketplace-b2c-social-content-check-card span,
.marketplace-b2c-social-content-action-card span,
.marketplace-b2c-social-content-audit-row small,
.marketplace-b2c-social-content-approval-card span,
.marketplace-b2c-social-content-draft-card span,
.marketplace-b2c-social-content-draft-card p {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-b2c-social-content-selected-icon,
.marketplace-b2c-social-content-row-icon,
.marketplace-b2c-social-content-check-card > svg,
.marketplace-b2c-social-content-control-row > svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--primary-strong);
  background: rgba(219, 229, 245, 0.72);
  flex: 0 0 auto;
}

.marketplace-b2c-social-content-list,
.marketplace-b2c-social-content-audit-list,
.marketplace-b2c-social-content-draft-list {
  display: grid;
  gap: 10px;
}

.marketplace-b2c-social-content-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(330px, 1fr) minmax(170px, 0.45fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-content-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-b2c-social-content-row-main,
.marketplace-b2c-social-content-control-row,
.marketplace-b2c-social-content-check-card,
.marketplace-b2c-social-content-audit-row,
.marketplace-b2c-social-content-approval-card,
.marketplace-b2c-social-content-brief-card,
.marketplace-b2c-social-content-draft-card {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-social-content-row-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-social-content-row-status {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-social-content-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-b2c-social-content-status.ok {
  background: #dcfce7;
  color: #047857;
}

.marketplace-b2c-social-content-status.warning {
  background: #fff2c7;
  color: #a65a00;
}

.marketplace-b2c-social-content-status.danger {
  background: #fee2e2;
  color: #b91c1c;
}

.marketplace-b2c-social-content-card-grid,
.marketplace-b2c-social-content-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-social-content-check-card,
.marketplace-b2c-social-content-control-row {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-content-check-card {
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
}

.marketplace-b2c-social-content-check-card.ok,
.marketplace-b2c-social-content-control-row.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-social-content-check-card.warning,
.marketplace-b2c-social-content-control-row.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffaf0;
}

.marketplace-b2c-social-content-check-card small,
.marketplace-b2c-social-content-control-row small {
  display: block;
  margin: 3px 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-social-content-audit-row,
.marketplace-b2c-social-content-approval-card {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-content-approval-card {
  border-color: rgba(7, 85, 237, 0.28);
  background: #f8fffd;
}

.marketplace-b2c-social-content-brief-card {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-b2c-social-content-brief-card > div,
.marketplace-b2c-social-content-draft-card,
.marketplace-b2c-social-content-action-card {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-content-draft-card p {
  margin: 0;
}

.marketplace-b2c-social-content-draft-card span {
  padding-top: 8px;
  border-top: 1px solid var(--border);
  font-size: 0.86rem;
}

.marketplace-b2c-social-content-action-card {
  align-content: start;
}

.marketplace-b2c-social-content-action-card.danger {
  border-color: rgba(239, 68, 68, 0.26);
  background: #fff7f7;
}

.marketplace-b2c-social-content-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 118px;
  padding: 18px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-social-content-empty svg {
  color: var(--primary-strong);
}

.marketplace-b2c-social-content-empty strong {
  color: var(--text);
}

@media (max-width: 1320px) {
  .marketplace-b2c-social-content-row {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.9fr);
  }

  .marketplace-b2c-social-content-row-actions {
    justify-content: flex-start;
  }

  .marketplace-b2c-social-content-brief-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-social-content-head,
  .marketplace-b2c-social-content-panel-head,
  .marketplace-b2c-social-content-selected,
  .marketplace-b2c-social-content-row,
  .marketplace-b2c-social-content-control-row,
  .marketplace-b2c-social-content-audit-row,
  .marketplace-b2c-social-content-approval-card {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-social-content-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-social-content-page .primary-button,
  .marketplace-b2c-social-content-page .small-button {
    width: 100%;
    white-space: normal;
  }

  .marketplace-b2c-social-content-summary,
  .marketplace-b2c-social-content-row-meta,
  .marketplace-b2c-social-content-card-grid,
  .marketplace-b2c-social-content-action-grid,
  .marketplace-b2c-social-content-brief-card {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C AI Social Content module */

/* Marketplace B2C AI Social Publishing module */
.marketplace-b2c-social-publishing-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-social-publishing-page > .panel {
  min-width: 0;
}

.marketplace-b2c-social-publishing-hero,
.marketplace-b2c-social-publishing-panel {
  display: grid;
  gap: 16px;
}

.marketplace-b2c-social-publishing-head,
.marketplace-b2c-social-publishing-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-b2c-social-publishing-head h3,
.marketplace-b2c-social-publishing-panel-head h3 {
  margin: 3px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.marketplace-b2c-social-publishing-head p:not(.eyebrow) {
  max-width: 940px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-social-publishing-actions,
.marketplace-b2c-social-publishing-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-b2c-social-publishing-page .primary-button,
.marketplace-b2c-social-publishing-page .small-button {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.15;
}

.marketplace-b2c-social-publishing-summary,
.marketplace-b2c-social-publishing-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-social-publishing-summary span,
.marketplace-b2c-social-publishing-row-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-social-publishing-summary small,
.marketplace-b2c-social-publishing-row-meta small,
.marketplace-b2c-social-publishing-selected small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-social-publishing-summary strong,
.marketplace-b2c-social-publishing-row-meta strong,
.marketplace-b2c-social-publishing-selected strong,
.marketplace-b2c-social-publishing-row-main strong,
.marketplace-b2c-social-publishing-check-card strong,
.marketplace-b2c-social-publishing-control-row strong,
.marketplace-b2c-social-publishing-action-card strong,
.marketplace-b2c-social-publishing-audit-row strong,
.marketplace-b2c-social-publishing-approval-card strong,
.marketplace-b2c-social-publishing-job-row strong,
.marketplace-b2c-social-publishing-community-row strong,
.marketplace-b2c-social-publishing-timeline-card strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.marketplace-b2c-social-publishing-selected {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.92), #ffffff);
}

.marketplace-b2c-social-publishing-selected span,
.marketplace-b2c-social-publishing-row-main small,
.marketplace-b2c-social-publishing-row-status small,
.marketplace-b2c-social-publishing-check-card span,
.marketplace-b2c-social-publishing-check-card em,
.marketplace-b2c-social-publishing-action-card span,
.marketplace-b2c-social-publishing-audit-row small,
.marketplace-b2c-social-publishing-approval-card span,
.marketplace-b2c-social-publishing-job-row small,
.marketplace-b2c-social-publishing-job-row span,
.marketplace-b2c-social-publishing-community-row small,
.marketplace-b2c-social-publishing-timeline-card span,
.marketplace-b2c-social-publishing-timeline-card small {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-b2c-social-publishing-check-card em {
  display: block;
  margin-top: 8px;
  font-style: normal;
  font-size: 0.82rem;
  font-weight: 800;
}

.marketplace-b2c-social-publishing-selected-icon,
.marketplace-b2c-social-publishing-row-icon,
.marketplace-b2c-social-publishing-check-card > svg,
.marketplace-b2c-social-publishing-control-row > svg,
.marketplace-b2c-social-publishing-community-row > svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--primary-strong);
  background: rgba(219, 229, 245, 0.72);
  flex: 0 0 auto;
}

.marketplace-b2c-social-publishing-list,
.marketplace-b2c-social-publishing-audit-list,
.marketplace-b2c-social-publishing-job-list {
  display: grid;
  gap: 10px;
}

.marketplace-b2c-social-publishing-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(330px, 1fr) minmax(180px, 0.45fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-publishing-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-b2c-social-publishing-row-main,
.marketplace-b2c-social-publishing-control-row,
.marketplace-b2c-social-publishing-check-card,
.marketplace-b2c-social-publishing-audit-row,
.marketplace-b2c-social-publishing-approval-card,
.marketplace-b2c-social-publishing-job-row,
.marketplace-b2c-social-publishing-community-row,
.marketplace-b2c-social-publishing-timeline-card {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-social-publishing-row-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-social-publishing-row-status {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.marketplace-b2c-social-publishing-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-b2c-social-publishing-status.ok {
  background: #dcfce7;
  color: #047857;
}

.marketplace-b2c-social-publishing-status.warning {
  background: #fff2c7;
  color: #a65a00;
}

.marketplace-b2c-social-publishing-status.danger {
  background: #fee2e2;
  color: #b91c1c;
}

.marketplace-b2c-social-publishing-status.neutral {
  background: #eef2f7;
  color: #475569;
}

.marketplace-b2c-social-publishing-card-grid,
.marketplace-b2c-social-publishing-action-grid,
.marketplace-b2c-social-publishing-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-social-publishing-check-card,
.marketplace-b2c-social-publishing-control-row,
.marketplace-b2c-social-publishing-community-row {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-publishing-job-row {
  grid-template-columns: 44px minmax(260px, 1.45fr) minmax(120px, 0.4fr) minmax(260px, 0.95fr) max-content;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-publishing-check-card {
  align-items: start;
}

.marketplace-b2c-social-publishing-job-main,
.marketplace-b2c-social-publishing-job-provider,
.marketplace-b2c-social-publishing-job-guard,
.marketplace-b2c-social-publishing-job-state,
.marketplace-b2c-social-publishing-job-title {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-social-publishing-job-main {
  gap: 8px;
}

.marketplace-b2c-social-publishing-job-title {
  gap: 3px;
}

.marketplace-b2c-social-publishing-job-title strong {
  font-size: 1rem;
}

.marketplace-b2c-social-publishing-job-title span {
  font-weight: 800;
}

.marketplace-b2c-social-publishing-job-main code {
  display: block;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 800;
  white-space: normal;
  overflow-wrap: anywhere;
}

.marketplace-b2c-social-publishing-job-provider,
.marketplace-b2c-social-publishing-job-guard,
.marketplace-b2c-social-publishing-job-state {
  gap: 4px;
}

.marketplace-b2c-social-publishing-job-provider small,
.marketplace-b2c-social-publishing-job-guard small,
.marketplace-b2c-social-publishing-job-state small {
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.72rem;
  font-weight: 900;
}

.marketplace-b2c-social-publishing-job-state {
  justify-items: end;
}

.marketplace-b2c-social-publishing-check-card.ok,
.marketplace-b2c-social-publishing-control-row.ok,
.marketplace-b2c-social-publishing-community-row.ok,
.marketplace-b2c-social-publishing-timeline-card.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-social-publishing-check-card.warning,
.marketplace-b2c-social-publishing-control-row.warning,
.marketplace-b2c-social-publishing-community-row.warning,
.marketplace-b2c-social-publishing-job-row.warning,
.marketplace-b2c-social-publishing-timeline-card.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffaf0;
}

.marketplace-b2c-social-publishing-timeline-card.danger {
  border-color: rgba(239, 68, 68, 0.28);
  background: #fff7f7;
}

.marketplace-b2c-social-publishing-check-card small,
.marketplace-b2c-social-publishing-control-row small {
  display: block;
  margin: 3px 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-social-publishing-audit-row,
.marketplace-b2c-social-publishing-approval-card {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-publishing-approval-card {
  border-color: rgba(7, 85, 237, 0.28);
  background: #f8fffd;
}

.marketplace-b2c-social-publishing-timeline-card,
.marketplace-b2c-social-publishing-action-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-social-publishing-action-card {
  align-content: start;
}

.marketplace-b2c-social-publishing-action-card.danger {
  border-color: rgba(239, 68, 68, 0.26);
  background: #fff7f7;
}

.marketplace-b2c-social-publishing-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 118px;
  padding: 18px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-social-publishing-empty svg {
  color: var(--primary-strong);
}

.marketplace-b2c-social-publishing-empty strong {
  color: var(--text);
}

@media (max-width: 1320px) {
  .marketplace-b2c-social-publishing-row {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.9fr);
  }

  .marketplace-b2c-social-publishing-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-social-publishing-head,
  .marketplace-b2c-social-publishing-panel-head,
  .marketplace-b2c-social-publishing-selected,
  .marketplace-b2c-social-publishing-row,
  .marketplace-b2c-social-publishing-control-row,
  .marketplace-b2c-social-publishing-audit-row,
  .marketplace-b2c-social-publishing-approval-card,
  .marketplace-b2c-social-publishing-job-row,
  .marketplace-b2c-social-publishing-community-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-social-publishing-job-state {
    justify-items: start;
  }

  .marketplace-b2c-social-publishing-actions,
  .marketplace-b2c-social-publishing-job-state {
    justify-content: flex-start;
    justify-items: start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-social-publishing-page .primary-button,
  .marketplace-b2c-social-publishing-page .small-button {
    width: 100%;
    white-space: normal;
  }

  .marketplace-b2c-social-publishing-summary,
  .marketplace-b2c-social-publishing-row-meta,
  .marketplace-b2c-social-publishing-card-grid,
  .marketplace-b2c-social-publishing-action-grid,
  .marketplace-b2c-social-publishing-timeline {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C AI Social Publishing module */

/* Marketplace B2C AI Newsletter & Lifecycle module */
.marketplace-b2c-newsletter-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-newsletter-page > .panel {
  min-width: 0;
}

.marketplace-b2c-newsletter-hero,
.marketplace-b2c-newsletter-panel {
  display: grid;
  gap: 16px;
}

.marketplace-b2c-newsletter-head,
.marketplace-b2c-newsletter-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.marketplace-b2c-newsletter-head h3,
.marketplace-b2c-newsletter-panel-head h3 {
  margin: 3px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.marketplace-b2c-newsletter-head p:not(.eyebrow) {
  max-width: 980px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-newsletter-actions,
.marketplace-b2c-newsletter-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.marketplace-b2c-newsletter-page .primary-button,
.marketplace-b2c-newsletter-page .small-button {
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 13px;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.15;
}

.marketplace-b2c-newsletter-page .small-button.secondary-button:is(:hover, :focus-visible, :active) {
  color: #ffffff;
}

.marketplace-b2c-newsletter-summary,
.marketplace-b2c-newsletter-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-newsletter-summary span,
.marketplace-b2c-newsletter-row-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-newsletter-summary small,
.marketplace-b2c-newsletter-row-meta small,
.marketplace-b2c-newsletter-selected small,
.marketplace-b2c-newsletter-segment-main small,
.marketplace-b2c-newsletter-segment-meta small,
.marketplace-b2c-newsletter-check-card small,
.marketplace-b2c-newsletter-job-row small,
.marketplace-b2c-newsletter-job-cell small,
.marketplace-b2c-newsletter-job-state small,
.marketplace-b2c-newsletter-template-card small,
.marketplace-b2c-newsletter-timeline-card small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-b2c-newsletter-summary strong,
.marketplace-b2c-newsletter-row-meta strong,
.marketplace-b2c-newsletter-selected strong,
.marketplace-b2c-newsletter-row-main strong,
.marketplace-b2c-newsletter-segment-main strong,
.marketplace-b2c-newsletter-segment-meta strong,
.marketplace-b2c-newsletter-check-card strong,
.marketplace-b2c-newsletter-action-card strong,
.marketplace-b2c-newsletter-audit-row strong,
.marketplace-b2c-newsletter-template-card strong,
.marketplace-b2c-newsletter-timeline-card strong,
.marketplace-b2c-newsletter-job-row strong,
.marketplace-b2c-newsletter-job-cell strong,
.marketplace-b2c-newsletter-job-state strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.marketplace-b2c-newsletter-selected {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.28);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(232, 240, 255, 0.92), #ffffff);
}

.marketplace-b2c-newsletter-selected span,
.marketplace-b2c-newsletter-row-main small,
.marketplace-b2c-newsletter-row-status small,
.marketplace-b2c-newsletter-segment-main span,
.marketplace-b2c-newsletter-check-card span,
.marketplace-b2c-newsletter-action-card span,
.marketplace-b2c-newsletter-audit-row small,
.marketplace-b2c-newsletter-template-card span,
.marketplace-b2c-newsletter-timeline-card span,
.marketplace-b2c-newsletter-job-row code {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-b2c-newsletter-selected-icon,
.marketplace-b2c-newsletter-row-icon,
.marketplace-b2c-newsletter-check-card > svg {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--primary-strong);
  background: rgba(219, 229, 245, 0.72);
  flex: 0 0 auto;
}

.marketplace-b2c-newsletter-list,
.marketplace-b2c-newsletter-audit-list,
.marketplace-b2c-newsletter-job-list,
.marketplace-b2c-newsletter-segment-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-newsletter-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(330px, 1fr) minmax(180px, 0.45fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-newsletter-row.active {
  border-color: rgba(7, 85, 237, 0.42);
  background: #e8f0ff;
}

.marketplace-b2c-newsletter-row-main,
.marketplace-b2c-newsletter-row-status,
.marketplace-b2c-newsletter-check-card,
.marketplace-b2c-newsletter-action-card,
.marketplace-b2c-newsletter-audit-row,
.marketplace-b2c-newsletter-template-card,
.marketplace-b2c-newsletter-timeline-card,
.marketplace-b2c-newsletter-job-row {
  display: grid;
  min-width: 0;
}

.marketplace-b2c-newsletter-row-main {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-newsletter-row-status {
  gap: 6px;
}

.marketplace-b2c-newsletter-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #475569;
  font-weight: 900;
  white-space: nowrap;
}

.marketplace-b2c-newsletter-status.ok {
  background: #dcfce7;
  color: #047857;
}

.marketplace-b2c-newsletter-status.warning {
  background: #fff2c7;
  color: #a65a00;
}

.marketplace-b2c-newsletter-status.danger {
  background: #fee2e2;
  color: #b91c1c;
}

.marketplace-b2c-newsletter-card-grid,
.marketplace-b2c-newsletter-action-grid,
.marketplace-b2c-newsletter-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-newsletter-check-card {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-newsletter-check-card.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-newsletter-check-card.warning,
.marketplace-b2c-newsletter-job-row.warning,
.marketplace-b2c-newsletter-segment-row.warning {
  border-color: rgba(245, 158, 11, 0.35);
  background: #fffaf0;
}

.marketplace-b2c-newsletter-segment-row {
  display: grid;
  grid-template-columns: 44px minmax(240px, 1fr) minmax(300px, 0.95fr) minmax(150px, max-content);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-newsletter-segment-row.ok {
  border-color: rgba(22, 101, 52, 0.3);
  background: #dcfce7;
}

.marketplace-b2c-newsletter-segment-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.marketplace-b2c-newsletter-segment-main strong,
.marketplace-b2c-newsletter-job-main strong,
.marketplace-b2c-newsletter-job-cell strong {
  overflow-wrap: break-word;
  word-break: normal;
}

.marketplace-b2c-newsletter-segment-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(104px, 1fr));
  gap: 8px;
  min-width: 0;
}

.marketplace-b2c-newsletter-segment-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
}

.marketplace-b2c-newsletter-segment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.marketplace-b2c-newsletter-template-card,
.marketplace-b2c-newsletter-timeline-card,
.marketplace-b2c-newsletter-action-card {
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-newsletter-action-card.danger {
  border-color: rgba(239, 68, 68, 0.26);
  background: #fff7f7;
}

.marketplace-b2c-newsletter-job-row {
  grid-template-columns: 44px minmax(230px, 1fr) minmax(125px, 0.45fr) minmax(180px, 0.65fr) minmax(105px, max-content);
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-newsletter-job-main {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.marketplace-b2c-newsletter-job-main code {
  display: block;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 8px;
  background: #f8fafc;
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 800;
  white-space: normal;
}

.marketplace-b2c-newsletter-job-cell,
.marketplace-b2c-newsletter-job-state {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.marketplace-b2c-newsletter-job-cell small,
.marketplace-b2c-newsletter-job-state small {
  display: block;
}

.marketplace-b2c-newsletter-job-state {
  justify-items: end;
}

.marketplace-b2c-newsletter-audit-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
}

.marketplace-b2c-newsletter-empty {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 118px;
  padding: 18px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-newsletter-empty svg {
  color: var(--primary-strong);
}

.marketplace-b2c-newsletter-empty strong {
  color: var(--text);
}

@media (max-width: 1320px) {
  .marketplace-b2c-newsletter-row {
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.9fr);
  }

  .marketplace-b2c-newsletter-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-newsletter-head,
  .marketplace-b2c-newsletter-panel-head,
  .marketplace-b2c-newsletter-selected,
  .marketplace-b2c-newsletter-row,
  .marketplace-b2c-newsletter-check-card,
  .marketplace-b2c-newsletter-segment-row,
  .marketplace-b2c-newsletter-audit-row,
  .marketplace-b2c-newsletter-job-row {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-newsletter-segment-meta,
  .marketplace-b2c-newsletter-segment-actions,
  .marketplace-b2c-newsletter-job-cell,
  .marketplace-b2c-newsletter-job-state {
    grid-column: auto;
    justify-items: start;
    justify-content: flex-start;
  }

  .marketplace-b2c-newsletter-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-newsletter-page .primary-button,
  .marketplace-b2c-newsletter-page .small-button {
    width: 100%;
    white-space: normal;
  }

  .marketplace-b2c-newsletter-summary,
  .marketplace-b2c-newsletter-row-meta,
  .marketplace-b2c-newsletter-card-grid,
  .marketplace-b2c-newsletter-action-grid,
  .marketplace-b2c-newsletter-timeline,
  .marketplace-b2c-newsletter-segment-meta {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C AI Newsletter & Lifecycle module */

/* Marketplace B2C AI Campaign Analytics module */
.marketplace-b2c-campaign-analytics-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-campaign-analytics-page > .panel {
  min-width: 0;
  overflow: hidden;
}

.marketplace-b2c-campaign-analytics-head,
.marketplace-b2c-campaign-analytics-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
}

.marketplace-b2c-campaign-analytics-head h3,
.marketplace-b2c-campaign-analytics-panel-head h3 {
  margin: 4px 0 0;
}

.marketplace-b2c-campaign-analytics-head p {
  margin: 8px 0 0;
  max-width: 920px;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-campaign-analytics-page .primary-button,
.marketplace-b2c-campaign-analytics-page .small-button,
.marketplace-b2c-campaign-analytics-page .secondary-button {
  width: auto;
  max-width: 100%;
  min-height: 36px;
  padding: 8px 13px;
  border-radius: 8px;
  white-space: nowrap;
  justify-content: center;
}

.marketplace-b2c-campaign-analytics-page .small-button.secondary-button:is(:hover, :focus-visible, :active) {
  color: #ffffff;
}

.marketplace-b2c-campaign-analytics-selected {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(232, 240, 255, 0.9), rgba(255, 255, 255, 0.96));
}

.marketplace-b2c-campaign-analytics-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 85, 237, 0.13);
  color: var(--primary);
  flex: 0 0 auto;
}

.marketplace-b2c-campaign-analytics-selected small,
.marketplace-b2c-campaign-analytics-selected span,
.marketplace-b2c-campaign-analytics-row-main small,
.marketplace-b2c-campaign-analytics-row-status small,
.marketplace-b2c-campaign-analytics-note-row small,
.marketplace-b2c-campaign-analytics-audit-row small {
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-b2c-campaign-analytics-selected strong,
.marketplace-b2c-campaign-analytics-row-main strong,
.marketplace-b2c-campaign-analytics-info-card strong,
.marketplace-b2c-campaign-analytics-action-card strong,
.marketplace-b2c-campaign-analytics-note-row strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-b2c-campaign-analytics-selected code,
.marketplace-b2c-campaign-analytics-row-main code {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-top: 6px;
  padding: 5px 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  overflow-wrap: anywhere;
  white-space: normal;
}

.marketplace-b2c-campaign-analytics-actions,
.marketplace-b2c-campaign-analytics-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.marketplace-b2c-campaign-analytics-actions {
  justify-content: flex-start;
  margin-top: 14px;
}

.marketplace-b2c-campaign-analytics-summary,
.marketplace-b2c-campaign-analytics-roi-grid,
.marketplace-b2c-campaign-analytics-row-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
}

.marketplace-b2c-campaign-analytics-summary {
  margin-top: 16px;
}

.marketplace-b2c-campaign-analytics-summary span,
.marketplace-b2c-campaign-analytics-roi-grid span,
.marketplace-b2c-campaign-analytics-row-meta span {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(203, 213, 225, 0.72);
  border-radius: 10px;
  background: #ffffff;
}

.marketplace-b2c-campaign-analytics-summary small,
.marketplace-b2c-campaign-analytics-roi-grid small,
.marketplace-b2c-campaign-analytics-row-meta small {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.marketplace-b2c-campaign-analytics-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
}

.marketplace-b2c-campaign-analytics-status.ok {
  color: #166534;
  background: #dcfce7;
}

.marketplace-b2c-campaign-analytics-status.warning {
  color: #9a5a00;
  background: #fef3c7;
}

.marketplace-b2c-campaign-analytics-status.neutral {
  color: var(--muted);
  background: #eef2f7;
}

.marketplace-b2c-campaign-analytics-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.marketplace-b2c-campaign-analytics-list.compact {
  gap: 10px;
}

.marketplace-b2c-campaign-analytics-row {
  display: grid;
  grid-template-columns: 48px minmax(240px, 1fr) minmax(310px, 1.1fr) minmax(150px, 0.52fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #ffffff;
  min-width: 0;
}

.marketplace-b2c-campaign-analytics-row.active {
  border-color: rgba(7, 85, 237, 0.44);
  background: linear-gradient(135deg, rgba(232, 240, 255, 0.82), rgba(255, 255, 255, 0.98));
}

.marketplace-b2c-campaign-analytics-row > * {
  min-width: 0;
}

.marketplace-b2c-campaign-analytics-row-status {
  display: grid;
  gap: 6px;
}

.marketplace-b2c-campaign-analytics-check-list,
.marketplace-b2c-campaign-analytics-card-grid,
.marketplace-b2c-campaign-analytics-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.marketplace-b2c-campaign-analytics-check-card,
.marketplace-b2c-campaign-analytics-info-card,
.marketplace-b2c-campaign-analytics-action-card,
.marketplace-b2c-campaign-analytics-note-row,
.marketplace-b2c-campaign-analytics-audit-row {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #ffffff;
}

.marketplace-b2c-campaign-analytics-check-card,
.marketplace-b2c-campaign-analytics-note-row,
.marketplace-b2c-campaign-analytics-audit-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-campaign-analytics-check-card > span:first-child,
.marketplace-b2c-campaign-analytics-note-row > span:first-child {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 85, 237, 0.12);
  color: var(--primary);
}

.marketplace-b2c-campaign-analytics-note-row.warning > span:first-child {
  background: #fff7ed;
  color: #b45309;
}

.marketplace-b2c-campaign-analytics-info-card,
.marketplace-b2c-campaign-analytics-action-card {
  display: grid;
  gap: 10px;
  align-content: start;
}

.marketplace-b2c-campaign-analytics-action-card .marketplace-b2c-campaign-analytics-button {
  justify-self: start;
}

.marketplace-b2c-campaign-analytics-empty {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 92px;
  padding: 16px;
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-campaign-analytics-empty > span {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 85, 237, 0.12);
  color: var(--primary);
  flex: 0 0 auto;
}

.marketplace-b2c-campaign-analytics-audit-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

@media (max-width: 1180px) {
  .marketplace-b2c-campaign-analytics-row {
    grid-template-columns: 48px minmax(220px, 1fr) minmax(260px, 1fr);
  }

  .marketplace-b2c-campaign-analytics-row-meta,
  .marketplace-b2c-campaign-analytics-row-status,
  .marketplace-b2c-campaign-analytics-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-campaign-analytics-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-campaign-analytics-head,
  .marketplace-b2c-campaign-analytics-panel-head,
  .marketplace-b2c-campaign-analytics-selected,
  .marketplace-b2c-campaign-analytics-row,
  .marketplace-b2c-campaign-analytics-check-card,
  .marketplace-b2c-campaign-analytics-note-row,
  .marketplace-b2c-campaign-analytics-audit-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-campaign-analytics-actions,
  .marketplace-b2c-campaign-analytics-row-actions {
    justify-content: stretch;
  }

  .marketplace-b2c-campaign-analytics-page .primary-button,
  .marketplace-b2c-campaign-analytics-page .small-button,
  .marketplace-b2c-campaign-analytics-page .secondary-button {
    width: 100%;
  }
}
/* End Marketplace B2C AI Campaign Analytics module */

/* Marketplace B2C AI Growth Intelligence module */
.marketplace-b2c-growth-intelligence-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

.marketplace-b2c-growth-intelligence-page > .panel {
  min-width: 0;
  overflow: hidden;
}

.marketplace-b2c-growth-intelligence-head,
.marketplace-b2c-growth-intelligence-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
}

.marketplace-b2c-growth-intelligence-head h3,
.marketplace-b2c-growth-intelligence-panel-head h3 {
  margin: 4px 0 0;
}

.marketplace-b2c-growth-intelligence-head p {
  max-width: 940px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-growth-intelligence-page .primary-button,
.marketplace-b2c-growth-intelligence-page .small-button,
.marketplace-b2c-growth-intelligence-page .secondary-button {
  width: auto;
  max-width: 100%;
  min-height: 36px;
  padding: 8px 13px;
  border-radius: 8px;
  white-space: nowrap;
  justify-content: center;
}

.marketplace-b2c-growth-intelligence-page .small-button.secondary-button:is(:hover, :focus-visible, :active) {
  color: #ffffff;
}

.marketplace-b2c-growth-intelligence-selected {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.24);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(232, 240, 255, 0.9), rgba(255, 255, 255, 0.96));
}

.marketplace-b2c-growth-intelligence-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 85, 237, 0.13);
  color: var(--primary);
  flex: 0 0 auto;
}

.marketplace-b2c-growth-intelligence-selected small,
.marketplace-b2c-growth-intelligence-selected span,
.marketplace-b2c-growth-intelligence-row-main small,
.marketplace-b2c-growth-intelligence-row-status small,
.marketplace-b2c-growth-intelligence-info-card p,
.marketplace-b2c-growth-intelligence-info-card small,
.marketplace-b2c-growth-intelligence-note-row small,
.marketplace-b2c-growth-intelligence-audit-row small {
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-b2c-growth-intelligence-selected strong,
.marketplace-b2c-growth-intelligence-row-main strong,
.marketplace-b2c-growth-intelligence-info-card strong,
.marketplace-b2c-growth-intelligence-action-card strong,
.marketplace-b2c-growth-intelligence-note-row strong,
.marketplace-b2c-growth-intelligence-audit-row strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-b2c-growth-intelligence-actions,
.marketplace-b2c-growth-intelligence-row-actions,
.marketplace-b2c-growth-intelligence-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.marketplace-b2c-growth-intelligence-actions {
  justify-content: flex-start;
  margin-top: 14px;
}

.marketplace-b2c-growth-intelligence-summary,
.marketplace-b2c-growth-intelligence-row-meta,
.marketplace-b2c-growth-intelligence-card-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
}

.marketplace-b2c-growth-intelligence-summary {
  margin-top: 16px;
}

.marketplace-b2c-growth-intelligence-summary span,
.marketplace-b2c-growth-intelligence-row-meta span,
.marketplace-b2c-growth-intelligence-card-meta span {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(203, 213, 225, 0.72);
  border-radius: 10px;
  background: #ffffff;
}

.marketplace-b2c-growth-intelligence-summary small,
.marketplace-b2c-growth-intelligence-row-meta small,
.marketplace-b2c-growth-intelligence-card-meta small {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.marketplace-b2c-growth-intelligence-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
}

.marketplace-b2c-growth-intelligence-status.ok {
  color: #166534;
  background: #dcfce7;
}

.marketplace-b2c-growth-intelligence-status.warning {
  color: #9a5a00;
  background: #fef3c7;
}

.marketplace-b2c-growth-intelligence-status.neutral {
  color: var(--muted);
  background: #eef2f7;
}

.marketplace-b2c-growth-intelligence-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.marketplace-b2c-growth-intelligence-row {
  display: grid;
  grid-template-columns: 48px minmax(260px, 1.1fr) minmax(300px, 1fr) minmax(150px, 0.52fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #ffffff;
  min-width: 0;
}

.marketplace-b2c-growth-intelligence-row.active {
  border-color: rgba(7, 85, 237, 0.44);
  background: linear-gradient(135deg, rgba(232, 240, 255, 0.82), rgba(255, 255, 255, 0.98));
}

.marketplace-b2c-growth-intelligence-row > * {
  min-width: 0;
}

.marketplace-b2c-growth-intelligence-row-status {
  display: grid;
  gap: 6px;
}

.marketplace-b2c-growth-intelligence-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.marketplace-b2c-growth-intelligence-chips small {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2f7;
  color: var(--muted);
  font-weight: 800;
}

.marketplace-b2c-growth-intelligence-card-grid,
.marketplace-b2c-growth-intelligence-check-list,
.marketplace-b2c-growth-intelligence-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.marketplace-b2c-growth-intelligence-info-card,
.marketplace-b2c-growth-intelligence-check-card,
.marketplace-b2c-growth-intelligence-action-card,
.marketplace-b2c-growth-intelligence-audit-row {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #ffffff;
}

.marketplace-b2c-growth-intelligence-info-card,
.marketplace-b2c-growth-intelligence-action-card {
  display: grid;
  gap: 10px;
  align-content: start;
}

.marketplace-b2c-growth-intelligence-info-head,
.marketplace-b2c-growth-intelligence-check-card,
.marketplace-b2c-growth-intelligence-audit-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-growth-intelligence-info-head > span:first-child,
.marketplace-b2c-growth-intelligence-check-card > span:first-child {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 85, 237, 0.12);
  color: var(--primary);
}

.marketplace-b2c-growth-intelligence-action-card .marketplace-b2c-growth-intelligence-button {
  justify-self: start;
}

.marketplace-b2c-growth-intelligence-empty {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 92px;
  padding: 16px;
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: #f8fafc;
  color: var(--muted);
}

.marketplace-b2c-growth-intelligence-empty > span {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 85, 237, 0.12);
  color: var(--primary);
  flex: 0 0 auto;
}

.marketplace-b2c-growth-intelligence-audit-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

@media (max-width: 1220px) {
  .marketplace-b2c-growth-intelligence-row {
    grid-template-columns: 48px minmax(220px, 1fr) minmax(260px, 1fr);
  }

  .marketplace-b2c-growth-intelligence-row-meta,
  .marketplace-b2c-growth-intelligence-row-status,
  .marketplace-b2c-growth-intelligence-row-actions {
    grid-column: 2 / -1;
  }

  .marketplace-b2c-growth-intelligence-row-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-growth-intelligence-head,
  .marketplace-b2c-growth-intelligence-panel-head,
  .marketplace-b2c-growth-intelligence-selected,
  .marketplace-b2c-growth-intelligence-row,
  .marketplace-b2c-growth-intelligence-info-head,
  .marketplace-b2c-growth-intelligence-check-card,
  .marketplace-b2c-growth-intelligence-audit-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-growth-intelligence-actions,
  .marketplace-b2c-growth-intelligence-row-actions,
  .marketplace-b2c-growth-intelligence-card-actions {
    justify-content: stretch;
  }

  .marketplace-b2c-growth-intelligence-page .primary-button,
  .marketplace-b2c-growth-intelligence-page .small-button,
  .marketplace-b2c-growth-intelligence-page .secondary-button {
    width: 100%;
  }
}
/* End Marketplace B2C AI Growth Intelligence module */

/* Marketplace B2C AI governance module */
.marketplace-b2c-ai-governance-page {
  align-items: stretch;
}

.marketplace-b2c-ai-governance-page > .panel {
  width: 100%;
  min-width: 0;
}

.marketplace-b2c-ai-governance-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.marketplace-b2c-ai-governance-hero-main h2 {
  margin: 0 0 8px;
}

.marketplace-b2c-ai-governance-hero-main p {
  max-width: 860px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketplace-b2c-ai-governance-hero-actions,
.marketplace-b2c-ai-governance-actions,
.marketplace-b2c-ai-governance-row-actions,
.marketplace-b2c-ai-governance-safe-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-b2c-ai-governance-page .small-button,
.marketplace-b2c-ai-governance-page .primary-button,
.marketplace-b2c-ai-governance-page .secondary-button {
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.marketplace-b2c-ai-governance-kpis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-ai-governance-kpi,
.marketplace-b2c-ai-governance-card,
.marketplace-b2c-ai-governance-policy-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.marketplace-b2c-ai-governance-kpi {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
}

.marketplace-b2c-ai-governance-kpi > span,
.marketplace-b2c-ai-governance-card-head > span,
.marketplace-b2c-ai-governance-row-icon,
.marketplace-b2c-ai-governance-rights-row > span,
.marketplace-b2c-ai-governance-policy-card > span,
.marketplace-b2c-ai-governance-audit-row > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #e8f0ff;
  color: #0647c2;
  flex: 0 0 auto;
}

.marketplace-b2c-ai-governance-kpi strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.marketplace-b2c-ai-governance-kpi em,
.marketplace-b2c-ai-governance-kpi small {
  grid-column: 2;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.marketplace-b2c-ai-governance-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.marketplace-b2c-ai-governance-panel-head h3 {
  margin: 2px 0 0;
}

.marketplace-b2c-ai-governance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-b2c-ai-governance-card {
  display: flex;
  min-height: 230px;
  flex-direction: column;
  gap: 14px;
}

.marketplace-b2c-ai-governance-card-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.marketplace-b2c-ai-governance-card strong,
.marketplace-b2c-ai-governance-row-main strong,
.marketplace-b2c-ai-governance-rights-row strong,
.marketplace-b2c-ai-governance-policy-card strong,
.marketplace-b2c-ai-governance-audit-row strong {
  display: block;
  min-width: 0;
  color: var(--ink);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-b2c-ai-governance-card small,
.marketplace-b2c-ai-governance-row-main small,
.marketplace-b2c-ai-governance-row-meta small,
.marketplace-b2c-ai-governance-rights-row small,
.marketplace-b2c-ai-governance-policy-card small,
.marketplace-b2c-ai-governance-audit-row small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketplace-b2c-ai-governance-meta,
.marketplace-b2c-ai-governance-selected-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.marketplace-b2c-ai-governance-meta span,
.marketplace-b2c-ai-governance-selected-meta span {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketplace-b2c-ai-governance-meta b,
.marketplace-b2c-ai-governance-selected-meta b {
  display: block;
  margin-bottom: 3px;
  color: var(--ink);
}

.marketplace-b2c-ai-governance-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.marketplace-b2c-ai-governance-chip-row small {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  max-width: 100%;
  padding: 0 9px;
  border-radius: 999px;
  background: #eef2f7;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.marketplace-b2c-ai-governance-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-b2c-ai-governance-status.ok { background: #dcfce7; color: #047857; }
.marketplace-b2c-ai-governance-status.warning { background: #fff3c4; color: #92400e; }
.marketplace-b2c-ai-governance-status.danger { background: #fee2e2; color: #b91c1c; }
.marketplace-b2c-ai-governance-status.muted { background: #eef2f7; color: #64748b; }

.marketplace-b2c-ai-governance-list,
.marketplace-b2c-ai-governance-policy-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.marketplace-b2c-ai-governance-row {
  display: grid;
  grid-template-columns: 44px minmax(250px, 1.2fr) minmax(110px, 0.35fr) minmax(220px, 0.9fr) auto minmax(310px, 0.8fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.16);
  border-radius: 8px;
  background: #fff;
}

.marketplace-b2c-ai-governance-row-main,
.marketplace-b2c-ai-governance-row-meta,
.marketplace-b2c-ai-governance-row-status {
  min-width: 0;
}

.marketplace-b2c-ai-governance-row-meta strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.15;
}

.marketplace-b2c-ai-governance-rights-row,
.marketplace-b2c-ai-governance-audit-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(280px, 0.8fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(7, 85, 237, 0.14);
  border-radius: 8px;
  background: #fff;
}

.marketplace-b2c-ai-governance-policy-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.marketplace-b2c-ai-governance-policy-card p {
  margin: 3px 0 5px;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-b2c-ai-governance-selected {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 14px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-b2c-ai-governance-selected h3 {
  margin: 8px 0 6px;
}

.marketplace-b2c-ai-governance-selected p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.marketplace-b2c-ai-governance-safe-actions {
  justify-content: flex-start;
  margin-top: 14px;
}

.marketplace-b2c-ai-governance-policy-note,
.marketplace-b2c-ai-governance-empty {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-top: 14px;
  padding: 14px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
}

.marketplace-b2c-ai-governance-empty {
  margin-top: 0;
}

.marketplace-b2c-ai-governance-policy-note strong,
.marketplace-b2c-ai-governance-empty strong {
  color: var(--ink);
}

.marketplace-b2c-ai-governance-policy-note p,
.marketplace-b2c-ai-governance-empty p {
  margin: 4px 0 0;
  line-height: 1.45;
}

@media (max-width: 1320px) {
  .marketplace-b2c-ai-governance-row {
    grid-template-columns: 44px minmax(220px, 1fr) minmax(100px, 0.35fr) minmax(220px, 0.8fr);
  }

  .marketplace-b2c-ai-governance-row-status,
  .marketplace-b2c-ai-governance-row-actions {
    grid-column: 2 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-b2c-ai-governance-hero,
  .marketplace-b2c-ai-governance-selected {
    grid-template-columns: 1fr;
  }

  .marketplace-b2c-ai-governance-hero-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .marketplace-b2c-ai-governance-kpis,
  .marketplace-b2c-ai-governance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .marketplace-b2c-ai-governance-kpis,
  .marketplace-b2c-ai-governance-grid,
  .marketplace-b2c-ai-governance-row,
  .marketplace-b2c-ai-governance-rights-row,
  .marketplace-b2c-ai-governance-policy-card,
  .marketplace-b2c-ai-governance-audit-row,
  .marketplace-b2c-ai-governance-meta,
  .marketplace-b2c-ai-governance-selected-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-b2c-ai-governance-panel-head {
    flex-direction: column;
  }

  .marketplace-b2c-ai-governance-row-status,
  .marketplace-b2c-ai-governance-row-actions {
    grid-column: auto;
  }

  .marketplace-b2c-ai-governance-actions,
  .marketplace-b2c-ai-governance-row-actions,
  .marketplace-b2c-ai-governance-safe-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
/* End Marketplace B2C AI governance module */

/* Marketplace B2C dedicated switch contrast guard */
.marketplace-b2c-dedicated-tab.active,
.marketplace-b2c-dedicated-tab[aria-selected="true"] {
  border-color: #0755ed !important;
  background: #0755ed !important;
  color: #ffffff !important;
}
/* End Marketplace B2C dedicated switch contrast guard */


/* Company Dashboard dedicated section switch */
.company-dashboard-switch-page {
  align-items: stretch;
}

.company-dashboard-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-dashboard-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-dashboard-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-dashboard-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-dashboard-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-dashboard-section-tab.active,
.company-dashboard-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-dashboard-section {
  min-width: 0;
}

.company-dashboard-switch-page > .company-dashboard-section[hidden] {
  display: none !important;
}

.company-dashboard-actions-section,
.company-dashboard-operations-section,
.company-dashboard-kpis-section,
.company-dashboard-wallet-section {
  display: grid;
  gap: 16px;
}

.company-dashboard-flow-section,
.company-dashboard-control-section,
.company-dashboard-agenda-section {
  grid-auto-flow: row;
}

.company-dashboard-wallet-section > .company-admin-wallet-panel {
  margin-top: 0;
}

.company-dashboard-modules-section {
  min-width: 0;
}

@media (max-width: 720px) {
  .company-dashboard-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-dashboard-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Dashboard dedicated section switch */

/* Company Setup dedicated section switch */
.company-setup-switch-page {
  align-items: stretch;
}

.company-setup-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-setup-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-setup-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-setup-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-setup-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-setup-section-tab.active,
.company-setup-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-setup-section {
  min-width: 0;
}

.company-setup-switch-page > .company-setup-section[hidden] {
  display: none !important;
}

.company-setup-summary-section {
  display: grid;
  gap: 16px;
}

.company-setup-checklist-section {
  grid-auto-flow: row;
}

.company-setup-modules-section {
  min-width: 0;
}

@media (max-width: 720px) {
  .company-setup-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-setup-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Setup dedicated section switch */



/* Company Sales dedicated section switch */
.company-sales-switch-page {
  align-items: stretch;
}

.company-sales-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-sales-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-sales-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-sales-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-sales-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-sales-section-tab.active,
.company-sales-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-sales-section {
  min-width: 0;
}

.company-sales-switch-page > .company-sales-section[hidden] {
  display: none !important;
}

.company-sales-section .sales-hub-grid,
.company-sales-section .sales-hub-kpis {
  margin-top: 0;
}

.company-sales-section.sales-layout {
  grid-template-columns: 1fr;
  margin-top: 0;
}

.company-sales-section.sales-layout > .panel,
.company-sales-section.sales-layout > .panel-wide {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  .company-sales-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-sales-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Sales dedicated section switch */
/* Company Document Settings dedicated section switch */
.company-document-settings-switch-page {
  align-items: stretch;
}

.company-document-settings-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-document-settings-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-document-settings-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-document-settings-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-document-settings-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-document-settings-section-tab.active,
.company-document-settings-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-document-settings-section {
  min-width: 0;
}

.company-document-settings-switch-page > .company-document-settings-section[hidden],
.company-document-settings-switch-page > .document-settings-flow-grid > [data-company-document-settings-pane="hidden"] {
  display: none !important;
}

.company-document-settings-actions-section .dashboard-action-grid,
.company-document-settings-switch-page > .document-settings-flow-grid {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-document-settings-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-document-settings-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Document Settings dedicated section switch */
/* Company Storage dedicated section switch */
.company-storage-switch-page {
  align-items: stretch;
}

.company-storage-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-storage-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-storage-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-storage-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-storage-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-storage-section-tab.active,
.company-storage-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-storage-section {
  min-width: 0;
}

.company-storage-switch-page > .company-storage-section[hidden] {
  display: none !important;
}

.company-storage-usage-section > .storage-usage-panel,
.company-storage-section.storage-plans-section {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-storage-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-storage-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Storage dedicated section switch */
/* Company Billing Center dedicated section switch */
.company-billing-switch-page {
  align-items: stretch;
}

.company-billing-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-billing-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-billing-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-billing-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-billing-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-billing-section-tab.active,
.company-billing-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-billing-section {
  min-width: 0;
}

.company-billing-switch-page > .company-billing-section[hidden],
.company-billing-switch-page > .billing-center-grid > [data-company-billing-pane="hidden"] {
  display: none !important;
}

.company-billing-section.quick-strip,
.company-billing-switch-page > .billing-center-grid {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-billing-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-billing-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Billing Center dedicated section switch */






/* Company Profile dedicated section switch */
.company-profile-switch-page {
  align-items: stretch;
}

.company-profile-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-profile-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-profile-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-profile-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-profile-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-profile-section-tab.active,
.company-profile-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-profile-switch-page [data-company-profile-pane="hidden"],
.company-profile-switch-page > .company-profile-audit-grid[hidden],
.company-profile-switch-page > .company-profile-form[hidden],
.company-profile-switch-page .company-profile-primary-grid[hidden],
.company-profile-switch-page .company-profile-side-stack[hidden] {
  display: none !important;
}

.company-profile-switch-page > .company-profile-actions-section,
.company-profile-switch-page > .kpi-grid,
.company-profile-switch-page > .company-workspace-manager,
.company-profile-switch-page > .company-profile-audit-grid,
.company-profile-switch-page > .company-profile-form {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-profile-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-profile-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Profile dedicated section switch */

/* Company Admin dedicated section switch */
.company-admin-switch-page {
  align-items: stretch;
}

.company-admin-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-admin-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-admin-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-admin-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-admin-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-admin-section-tab.active,
.company-admin-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-admin-section {
  min-width: 0;
}

.company-admin-switch-page > .company-admin-section[hidden],
.company-admin-switch-page > .company-admin-insights-grid[hidden],
.company-admin-switch-page > .company-admin-workspace[hidden],
.company-admin-switch-page > .company-admin-insights-grid > [data-company-admin-pane="hidden"],
.company-admin-switch-page > .company-admin-workspace > [data-company-admin-pane="hidden"] {
  display: none !important;
}

.company-admin-actions-section.quick-strip,
.company-admin-switch-page > .company-admin-insights-grid,
.company-admin-switch-page > .company-admin-workspace {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-admin-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-admin-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Admin dedicated section switch */

/* Company EDI / EDS dedicated section switch */
.company-edi-eds-switch-page {
  align-items: stretch;
}

.company-edi-eds-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-edi-eds-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-edi-eds-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-edi-eds-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-edi-eds-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-edi-eds-section-tab.active,
.company-edi-eds-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-edi-eds-section {
  min-width: 0;
}

.company-edi-eds-switch-page > [data-company-edi-eds-pane="hidden"],
.company-edi-eds-switch-page > .company-edi-eds-section[hidden],
.company-edi-eds-switch-page > .company-edi-eds-workspace[hidden],
.company-edi-eds-switch-page > .company-edi-eds-workspace > [data-company-edi-eds-pane="hidden"] {
  display: none !important;
}

.company-edi-eds-actions-section > .dashboard-action-grid,
.company-edi-eds-switch-page > .company-edi-eds-workspace {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-edi-eds-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-edi-eds-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company EDI / EDS dedicated section switch */

/* Company Integrations dedicated section switch */
.company-integrations-switch-page {
  align-items: stretch;
}

.company-integrations-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-integrations-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-integrations-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-integrations-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-integrations-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-integrations-section-tab.active,
.company-integrations-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-integrations-section {
  min-width: 0;
}

.company-integrations-switch-page > [data-company-integrations-pane="hidden"],
.company-integrations-switch-page > .company-integrations-section[hidden],
.company-integrations-switch-page > .integrations-audit-grid[hidden],
.company-integrations-switch-page > .integrations-bottom[hidden],
.company-integrations-switch-page > .integrations-audit-grid > [data-company-integrations-pane="hidden"],
.company-integrations-switch-page > .integrations-bottom > [data-company-integrations-pane="hidden"] {
  display: none !important;
}

.company-integrations-actions-section.quick-strip {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-integrations-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-integrations-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Integrations dedicated section switch */


/* Company AI Automation dedicated section switch */
.company-automation-switch-page {
  align-items: stretch;
}

.company-automation-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-automation-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-automation-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-automation-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-automation-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-automation-section-tab.active,
.company-automation-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-automation-section {
  min-width: 0;
}

.company-automation-switch-page > [data-company-automation-pane="hidden"],
.company-automation-switch-page > .company-automation-section[hidden],
.company-automation-switch-page > .company-automation-workspace > [data-company-automation-pane="hidden"] {
  display: none !important;
}

.company-automation-actions-section.quick-strip,
.company-automation-switch-page > .company-automation-workspace {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-automation-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-automation-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}

.company-automation-switch-page .automation-key-list .automation-key-card {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  grid-template-columns: 48px minmax(160px, 0.95fr) minmax(170px, 1fr) minmax(150px, 0.8fr) minmax(118px, auto);
}

.company-automation-switch-page .automation-key-actions .small-button {
  max-width: 100%;
}

@media (max-width: 1360px) {
  .company-automation-switch-page .automation-key-list .automation-key-card {
    grid-template-columns: 48px minmax(0, 1fr) minmax(160px, auto);
  }

  .company-automation-switch-page .automation-key-list .automation-key-meta {
    grid-column: 2 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-automation-switch-page .automation-key-list .automation-key-actions {
    grid-column: 2 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
/* End Company AI Automation dedicated section switch */


/* Company SAF-T D406 dedicated section switch */
.company-saft-switch-page {
  align-items: stretch;
}

.company-saft-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-saft-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-saft-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-saft-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-saft-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-saft-section-tab.active,
.company-saft-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-saft-section {
  min-width: 0;
}

.company-saft-switch-page > .company-saft-section[hidden],
.company-saft-switch-page > .company-saft-workspace > [data-company-saft-pane="hidden"] {
  display: none !important;
}

.company-saft-actions-section.quick-strip,
.company-saft-switch-page > .company-saft-workspace {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-saft-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-saft-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company SAF-T D406 dedicated section switch */


/* Company D394 dedicated section switch */
.company-d394-switch-page {
  align-items: stretch;
}

.company-d394-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-d394-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-d394-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-d394-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-d394-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-d394-section-tab.active,
.company-d394-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-d394-section {
  min-width: 0;
}

.company-d394-switch-page > .company-d394-section[hidden],
.company-d394-switch-page > .company-d394-workspace > [data-company-d394-pane="hidden"] {
  display: none !important;
}

.company-d394-actions-section.quick-strip,
.company-d394-switch-page > .company-d394-workspace {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-d394-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-d394-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company D394 dedicated section switch */


/* Company Reports dedicated section switch */
.company-reports-switch-page {
  align-items: stretch;
}

.company-reports-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-reports-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-reports-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-reports-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-reports-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-reports-section-tab.active,
.company-reports-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-reports-section {
  min-width: 0;
}

.company-reports-switch-page > .company-reports-section[hidden],
.company-reports-switch-page > .company-reports-workspace > [data-company-reports-pane="hidden"] {
  display: none !important;
}

.company-reports-actions-section.quick-strip,
.company-reports-switch-page > .company-reports-workspace {
  margin-top: 0;
}

.company-reports-workspace > .company-reports-tables-section {
  grid-column: 1 / -1;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.company-reports-tables-section > .report-table-panel {
  width: 100%;
}

@media (max-width: 720px) {
  .company-reports-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-reports-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Reports dedicated section switch */
/* Company HR dedicated section switch */
.company-hr-switch-page {
  align-items: stretch;
}

.company-hr-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-hr-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-hr-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-hr-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-hr-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-hr-section-tab.active,
.company-hr-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-hr-section {
  min-width: 0;
}

.company-hr-switch-page > .company-hr-section[hidden],
.company-hr-switch-page > .company-hr-workspace > [data-company-hr-pane="hidden"] {
  display: none !important;
}

.company-hr-actions-section.quick-strip,
.company-hr-switch-page > .company-hr-workspace {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-hr-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-hr-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company HR dedicated section switch */
/* Company Finance dedicated section switch */
.company-finance-switch-page {
  align-items: stretch;
}

.company-finance-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-finance-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-finance-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-finance-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-finance-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-finance-section-tab.active,
.company-finance-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-finance-section {
  min-width: 0;
}

.company-finance-switch-page > .company-finance-section[hidden],
.company-finance-switch-page > .company-finance-workspace > [data-company-finance-pane="hidden"] {
  display: none !important;
}

.company-finance-actions-section.quick-strip,
.company-finance-switch-page > .company-finance-workspace {
  margin-top: 0;
}

.company-finance-workspace > .company-finance-documents-section {
  grid-column: 1 / -1;
  min-width: 0;
}

.company-finance-documents-section > .panel {
  width: 100%;
}

@media (max-width: 720px) {
  .company-finance-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-finance-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Finance dedicated section switch */
/* Company Inventory dedicated section switch */
.company-inventory-switch-page {
  align-items: stretch;
}

.company-inventory-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-inventory-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-inventory-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-inventory-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-inventory-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-inventory-section-tab.active,
.company-inventory-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-inventory-section {
  min-width: 0;
}

.company-inventory-switch-page > .company-inventory-section[hidden],
.company-inventory-switch-page > .company-inventory-workspace > [data-company-inventory-pane="hidden"] {
  display: none !important;
}

.company-inventory-actions-section.quick-strip,
.company-inventory-switch-page > .company-inventory-workspace {
  margin-top: 0;
}

.company-inventory-switch-page > .company-inventory-workspace > :is(
  .dashboard-health-panel,
  .company-inventory-low-stock-section,
  .company-inventory-movements-section,
  .company-inventory-transfers-section,
  .company-inventory-counts-section,
  .company-inventory-production-section,
  .dashboard-process-panel,
  .company-inventory-flow-section,
  .financial-assistant-panel
) {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.company-inventory-switch-page > .company-inventory-workspace > .company-inventory-flow-section > .panel {
  width: 100%;
  max-width: none;
}

.company-inventory-workspace > .company-inventory-flow-section {
  grid-column: span 4;
  min-width: 0;
}

.company-inventory-flow-section > .panel {
  height: 100%;
}

@media (max-width: 720px) {
  .company-inventory-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-inventory-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Inventory dedicated section switch */
/* Company Purchases dedicated section switch */
.company-purchases-switch-page {
  align-items: stretch;
}

.company-purchases-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-purchases-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-purchases-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-purchases-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-purchases-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-purchases-section-tab.active,
.company-purchases-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-purchases-section {
  min-width: 0;
}

.company-purchases-switch-page > .company-purchases-section[hidden],
.company-purchases-switch-page > .purchase-layout > [data-company-purchases-pane="hidden"] {
  display: none !important;
}

.company-purchases-actions-section .dashboard-action-grid,
.company-purchases-switch-page > .purchase-layout {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-purchases-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-purchases-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Purchases dedicated section switch */
/* Company Communication dedicated section switch */
.company-communication-switch-page {
  align-items: stretch;
}

.company-communication-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-communication-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-communication-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-communication-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-communication-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-communication-section-tab.active,
.company-communication-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-communication-section {
  min-width: 0;
}

.company-communication-switch-page > .company-communication-section[hidden] {
  display: none !important;
}

.company-communication-summary-section,
.company-communication-operator-section,
.company-communication-inbox-section,
.company-communication-conversations-section,
.company-communication-create-section {
  display: grid;
  gap: 16px;
}

.company-communication-conversations-section .communication-layout {
  margin-top: 0;
}

@media (max-width: 720px) {
  .company-communication-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-communication-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company Communication dedicated section switch */
/* Company CRM dedicated section switch */
.company-crm-switch-page {
  align-items: stretch;
}

.company-crm-section-switch {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.company-crm-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.company-crm-section-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: max-content;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.company-crm-section-tab svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.company-crm-section-tab:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.45);
  color: #0647c2;
  background: #e8f0ff;
}

.company-crm-section-tab.active,
.company-crm-section-tab[aria-selected="true"] {
  border-color: #0755ed;
  background: #0755ed;
  color: #ffffff;
}

.company-crm-section {
  min-width: 0;
}

.company-crm-switch-page > .company-crm-section[hidden] {
  display: none !important;
}

.company-crm-summary-section {
  display: grid;
  gap: 16px;
}

.company-crm-section.crm-single-layout {
  margin-top: 0;
}

.company-crm-guide-section {
  grid-auto-flow: row;
}

@media (max-width: 720px) {
  .company-crm-section-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .company-crm-section-tab {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
}
/* End Company CRM dedicated section switch */


/* Marketplace B2C professional wallet */
.market-wallet-b2c-page .market-wallet-b2c-hero {
  align-items: stretch;
}

.market-wallet-b2c-workbench,
.market-wallet-b2c-audit-panel,
.market-wallet-b2c-related-panel {
  display: grid;
  gap: 16px;
}

.market-wallet-b2c-page .commerce-hero-panel {
  min-width: min(360px, 100%);
}

.market-wallet-b2c-page .commerce-hero-actions {
  align-self: end;
  justify-content: flex-end;
}

.market-wallet-b2c-page .commerce-wallet-flow-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.market-wallet-b2c-page .commerce-wallet-policy-grid article em {
  justify-self: start;
  font-style: normal;
}

.market-wallet-b2c-ledger-table .commerce-wallet-ledger-row span small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-weight: 800;
}

@media (max-width: 980px) {
  .market-wallet-b2c-page .commerce-hero-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 860px) {
  .market-wallet-b2c-page .commerce-wallet-flow-grid {
    grid-template-columns: 1fr;
  }
}

/* End Marketplace B2C professional wallet */
/* Commerce B2B professional wallet */
.commerce-wallet-b2b-page .commerce-wallet-hero {
  align-items: stretch;
}

.commerce-wallet-hero-panel strong {
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1;
}

.commerce-wallet-b2b-workbench,
.commerce-wallet-audit-panel {
  display: grid;
  gap: 16px;
}

.commerce-wallet-workbench-head {
  align-items: flex-start;
  gap: 16px;
}

.commerce-wallet-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  min-width: 280px;
}

.commerce-wallet-control {
  display: grid;
  gap: 6px;
  min-width: min(360px, 100%);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.commerce-wallet-control select,
.commerce-wallet-control input {
  min-height: 42px;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  padding: 9px 12px;
  font-size: 0.96rem;
  font-weight: 700;
  text-transform: none;
}

.commerce-wallet-shell {
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.commerce-wallet-side-menu {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.82);
}

.commerce-wallet-side-title {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 6px 10px;
}

.commerce-wallet-side-title strong {
  color: var(--text);
  font-size: 0.9rem;
}

.commerce-wallet-side-button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.commerce-wallet-side-button svg {
  width: 18px;
  height: 18px;
  color: var(--primary-dark);
}

.commerce-wallet-side-button > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.commerce-wallet-side-button strong,
.commerce-wallet-side-button small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commerce-wallet-side-button strong {
  font-size: 0.92rem;
}

.commerce-wallet-side-button small {
  color: var(--muted);
  font-size: 0.76rem;
}

.commerce-wallet-side-button:is(:hover, :focus-visible) {
  border-color: rgba(7, 85, 237, 0.28);
  background: rgba(7, 85, 237, 0.06);
  outline: none;
}

.commerce-wallet-side-button.active {
  border-color: var(--teal);
  background: var(--teal);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(7, 85, 237, 0.18);
}

.commerce-wallet-side-button.active svg,
.commerce-wallet-side-button.active small {
  color: #ffffff;
}

.commerce-wallet-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.commerce-wallet-section-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.commerce-wallet-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.commerce-wallet-section-head h3 {
  margin: 2px 0 6px;
  font-size: 1.24rem;
}

.commerce-wallet-section-head p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
}

.commerce-wallet-kpi-grid,
.commerce-wallet-audit-grid,
.commerce-wallet-reconcile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commerce-wallet-reconcile-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commerce-wallet-kpi-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
}

.commerce-wallet-kpi-card > span,
.commerce-wallet-row-icon,
.commerce-wallet-flow-grid article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: rgba(7, 85, 237, 0.11);
  color: var(--primary-dark);
}

.commerce-wallet-kpi-card small,
.commerce-wallet-kpi-card em {
  display: block;
  color: var(--muted);
  font-style: normal;
  font-weight: 800;
}

.commerce-wallet-kpi-card strong {
  display: block;
  margin: 3px 0;
  overflow-wrap: anywhere;
  font-size: 1.25rem;
}

.commerce-wallet-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.commerce-wallet-flow-grid article {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.2);
  border-radius: 10px;
  background: rgba(232, 240, 255, 0.58);
}

.commerce-wallet-flow-grid strong,
.commerce-wallet-flow-grid small {
  min-width: 0;
}

.commerce-wallet-flow-grid small {
  color: var(--muted);
}

.commerce-wallet-list {
  display: grid;
  gap: 10px;
}

.commerce-wallet-list-row {
  display: grid;
  grid-template-columns: 46px minmax(220px, 1.2fr) minmax(210px, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
}

.commerce-wallet-row-copy,
.commerce-wallet-row-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.commerce-wallet-row-copy strong,
.commerce-wallet-row-copy small,
.commerce-wallet-row-metric strong,
.commerce-wallet-row-metric span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-wallet-row-copy small,
.commerce-wallet-row-metric small,
.commerce-wallet-row-metric span {
  color: var(--muted);
  font-weight: 800;
}

.commerce-wallet-row-metric strong {
  font-size: 1.08rem;
}

.commerce-wallet-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.commerce-wallet-row-actions button,
.commerce-wallet-inline-actions button,
.commerce-wallet-payout-form button {
  min-width: 0;
  width: auto;
  padding: 9px 13px;
  border-radius: 8px;
  white-space: nowrap;
}

.commerce-wallet-payout-form {
  display: grid;
  grid-template-columns: minmax(240px, 1.15fr) minmax(180px, 0.8fr) minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: end;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.8);
}

.commerce-wallet-supplier-register {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.commerce-wallet-section-head.compact {
  padding: 0;
  border: 0;
  background: transparent;
}

.commerce-wallet-section-head.compact h4 {
  margin: 2px 0 0;
  font-size: 1rem;
}

.commerce-wallet-ledger-table {
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
}

.commerce-wallet-ledger-head,
.commerce-wallet-ledger-row {
  display: grid;
  grid-template-columns: 1.3fr 1fr 0.8fr 0.8fr 0.8fr;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 11px 14px;
}

.commerce-wallet-ledger-head {
  background: var(--text);
  color: #ffffff;
  font-weight: 900;
}

.commerce-wallet-ledger-row {
  border-top: 1px solid var(--border);
}

.commerce-wallet-ledger-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commerce-wallet-policy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commerce-wallet-policy-grid article {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
}

.commerce-wallet-policy-grid span {
  color: var(--muted);
}

.commerce-wallet-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commerce-wallet-empty {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 90px;
  padding: 14px;
  border: 1px dashed rgba(7, 85, 237, 0.32);
  border-radius: 10px;
  background: rgba(232, 240, 255, 0.4);
}

.commerce-wallet-empty svg {
  color: var(--primary-dark);
}

.commerce-wallet-empty span {
  display: grid;
  gap: 3px;
}

.commerce-wallet-empty small {
  color: var(--muted);
}

@media (max-width: 1180px) {
  .commerce-wallet-kpi-grid,
  .commerce-wallet-audit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-wallet-list-row {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .commerce-wallet-row-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  .commerce-wallet-payout-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .commerce-wallet-shell,
  .commerce-wallet-flow-grid,
  .commerce-wallet-policy-grid,
  .commerce-wallet-reconcile-grid {
    grid-template-columns: 1fr;
  }

  .commerce-wallet-side-menu {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commerce-wallet-side-title {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .commerce-wallet-workbench-head,
  .commerce-wallet-toolbar,
  .commerce-wallet-section-head {
    display: grid;
    justify-content: stretch;
  }

  .commerce-wallet-control,
  .commerce-wallet-payout-form,
  .commerce-wallet-kpi-grid,
  .commerce-wallet-audit-grid,
  .commerce-wallet-side-menu {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .commerce-wallet-row-actions,
  .commerce-wallet-row-actions button,
  .commerce-wallet-inline-actions button,
  .commerce-wallet-payout-form button {
    width: 100%;
    justify-content: center;
  }

  .commerce-wallet-ledger-table {
    overflow-x: auto;
  }

  .commerce-wallet-ledger-head,
  .commerce-wallet-ledger-row {
    min-width: 620px;
  }
}

/* End Commerce B2B professional wallet */



.public-product-card.public-b2b-offer-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.public-product-card.public-b2b-offer-card:hover,
.public-product-card.public-b2b-offer-card:focus-within {
  border-color: rgba(7, 85, 237, 0.42);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1);
  transform: translateY(-2px);
}

.public-product-card.public-b2b-offer-card .public-product-media {
  width: 100%;
  min-height: 176px;
  cursor: pointer;
}

.public-product-card.public-b2b-offer-card .public-product-media.has-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.public-product-card.public-b2b-offer-card .public-product-topline,
.public-product-card.public-b2b-offer-card .public-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.public-product-card.public-b2b-offer-card .public-product-topline span,
.public-product-card.public-b2b-offer-card .public-product-meta span {
  min-width: 0;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.2;
}

.public-product-card.public-b2b-offer-card .public-product-meta span:first-child {
  color: var(--ink);
  font-size: 0.96rem;
}

.public-product-card.public-b2b-offer-card .public-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.public-product-card.public-b2b-offer-card .public-product-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #475569;
  background: #f1f5f9;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.15;
}

.public-product-card.public-b2b-offer-card .public-product-footer {
  padding: 0 14px 14px;
}

.public-product-card.public-b2b-offer-card .public-product-rating {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.public-product-card.public-b2b-offer-card .public-product-rating svg {
  width: 15px;
  height: 15px;
  color: #f59e0b;
}

.public-b2b-offer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.public-product-footer .public-b2b-offer-actions .primary-button,
.public-product-footer .public-b2b-offer-actions .secondary-button,
.public-product-footer .public-b2b-offer-actions .small-button {
  width: auto;
  min-height: 38px;
  padding: 0 12px;
  flex: 1 1 126px;
  white-space: nowrap;
}

.public-b2b-offer-actions .public-b2b-request-controls {
  flex: 1 1 100%;
}

.public-b2b-request-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(7, 85, 237, 0.18);
  border-radius: 8px;
  background: #f8fffe;
}

.public-b2b-request-controls label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.public-b2b-request-controls select {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 0 28px 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 850;
}

.public-b2b-request-controls small {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  color: #0647c2;
  font-size: 0.72rem;
  font-weight: 900;
}

.public-b2b-request-controls .secondary-button {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  justify-content: center;
  white-space: normal;
}

@media (max-width: 640px) {
  .public-b2b-request-controls {
    grid-template-columns: 1fr;
  }
}

.public-b2b-import-notice {
  margin-top: 14px;
}

@media (max-width: 640px) {
  .public-b2b-offer-actions {
    justify-content: stretch;
    width: 100%;
  }

  .public-product-footer .public-b2b-offer-actions .primary-button,
  .public-product-footer .public-b2b-offer-actions .secondary-button,
  .public-product-footer .public-b2b-offer-actions .small-button {
    width: 100%;
    flex-basis: 100%;
  }
}


.public-listing-detail-page > .public-store-back {
  color: var(--ink);
  background: #ffffff;
  border-color: var(--line);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.public-listing-detail-page > .public-store-back:hover,
.public-listing-detail-page > .public-store-back:focus-visible {
  color: #0647c2;
  border-color: rgba(6, 71, 194, 0.28);
  background: #e8f0ff;
}

/* Client account natural sidebar menu */
@media (min-width: 901px) {
  .client-shell {
    grid-template-columns: 336px minmax(0, 1fr);
    background: linear-gradient(90deg, #ffffff 0 336px, var(--page) 336px 100%);
  }

  .client-shell .sidebar {
    position: relative !important;
    top: auto !important;
    min-height: 100vh !important;
    height: auto !important;
    max-height: none !important;
    align-self: stretch !important;
    overflow: visible !important;
    gap: 12px;
    padding: 16px 16px;
  }

  .client-shell .brand {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .client-shell .brand span:last-child,
  .client-shell .portal-switcher span,
  .client-shell .nav p,
  .client-shell .nav-item span {
    display: block !important;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.15;
  }

  .client-shell .portal-switcher {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
  }

  .client-shell .portal-switcher button {
    min-height: 54px;
    grid-template-columns: 30px minmax(0, 1fr);
    justify-items: start;
    padding: 8px 7px;
    text-align: left;
  }

  .client-shell .portal-switcher svg {
    width: 30px;
    height: 30px;
  }

  .client-shell .nav {
    overflow-y: visible !important;
    max-height: none !important;
    padding-top: 6px;
    padding-right: 0;
    scrollbar-width: none;
  }

  .client-shell .nav::-webkit-scrollbar {
    display: none;
  }

  .client-shell .nav section {
    gap: 4px;
  }

  .client-shell .nav-item {
    min-height: 36px;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 1.14;
  }

  .client-shell .nav-item svg {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 900px) {
  .client-shell .sidebar {
    position: static;
    height: auto;
    max-height: none;
    overflow: visible !important;
  }

  .client-shell .nav {
    overflow-x: auto;
    overflow-y: visible !important;
    max-height: none !important;
  }

  .client-shell .brand span:last-child,
  .client-shell .portal-switcher span,
  .client-shell .nav p,
  .client-shell .nav-item span {
    display: block !important;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

/* Client account professional stacked workspace */
.client-shell .main-shell {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.client-shell .main-shell .page {
  width: 100%;
  max-width: none;
}

.client-shell .main-shell .page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  justify-items: stretch;
  gap: 18px;
}

.client-shell .main-shell .page > *,
.client-shell .main-shell .page > .dashboard-grid > *,
.client-shell .main-shell .page > .billing-center-grid > *,
.client-shell .main-shell .page > .checkout-layout > *,
.client-shell .main-shell .page > .module-grid > *,
.client-shell .main-shell .page > .pricing-grid > *,
.client-shell .main-shell .page > .storage-plans-section > *,
.client-shell .main-shell .page > .marketplace-public-search-left-layout > * {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: auto;
  box-sizing: border-box;
}

.client-shell .main-shell :where(
  .quick-strip,
  .kpi-grid,
  .dashboard-grid,
  .dashboard-action-grid,
  .dashboard-process-list,
  .dashboard-health-grid,
  .widget-grid,
  .module-grid,
  .pricing-grid,
  .checkout-layout,
  .payment-method-grid,
  .billing-center-grid,
  .billing-center-kpis,
  .billing-center-page .billing-subscription-grid,
  .storage-summary-grid,
  .storage-plan-grid,
  .storage-upgrade-page > .storage-usage-panel .mini-kpi-row,
  .client-storefront-filter-grid,
  .client-storefront-search-panel form,
  .marketplace-public-search-left-layout
) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  align-items: stretch;
}

.client-shell .main-shell :where(
  .page-head,
  .client-head,
  .billing-center-head,
  .storage-upgrade-head,
  .panel-head,
  .compact-head,
  .storage-section-head
) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start;
  gap: 14px;
}

.client-shell .main-shell :where(
  .page-head-actions,
  .profile-head-actions,
  .panel-actions,
  .panel-tools,
  .sales-actions,
  .table-actions,
  .export-format-actions
) {
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.client-shell .main-shell :where(.page-head-actions, .panel-actions, .sales-actions) > :where(button, .small-button, .primary-button, .secondary-button),
.client-shell .main-shell :where(.quick-strip, .dashboard-action-grid, .pricing-grid, .module-grid) > :where(button, article, a) {
  width: 100%;
  justify-content: center;
}

.client-shell .main-shell .quick-action,
.client-shell .main-shell .dashboard-action-card,
.client-shell .main-shell .kpi,
.client-shell .main-shell .storage-summary-card {
  min-height: 88px;
}

.client-shell .main-shell .dashboard-action-card {
  align-content: center;
}

.client-shell .main-shell .dashboard-process-step {
  min-height: 96px;
}

.client-shell .main-shell .professional-payment-form,
.client-shell .main-shell .admin-form.professional-payment-form {
  grid-template-columns: minmax(0, 1fr);
}

.client-shell .main-shell .professional-payment-form > *,
.client-shell .main-shell .admin-form.professional-payment-form > * {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.client-shell .main-shell .client-storefront-search-text,
.client-shell .main-shell .ad-order-form .wide-field {
  grid-column: 1 / -1 !important;
}

.client-shell .main-shell .dashboard-page .dashboard-grid > .panel:not(.panel-wide):not(.dashboard-health-panel),
.client-shell .main-shell .dashboard-page .dashboard-grid > .dashboard-list-panel,
.client-shell .main-shell .dashboard-page .dashboard-grid > [data-integration-section="keys"],
.client-shell .main-shell .dashboard-grid > .panel,
.client-shell .main-shell .dashboard-grid > .panel-wide,
.client-shell .main-shell .dashboard-grid > .dashboard-health-panel {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
}

.client-shell .main-shell .marketplace-public-search-left-sidebar {
  position: static;
  top: auto;
}

.client-shell .main-shell .public-product-grid,
.client-shell .main-shell .marketplace-public-search-left-results .public-product-grid {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1180px) {
  .client-shell .main-shell .page {
    gap: 20px;
  }
}

/* Client account section switch */
.client-shell .main-shell .client-section-switch {
  width: 100%;
  margin: 0;
}

.client-shell .main-shell .client-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
}

.client-shell .main-shell .client-section-tab {
  min-height: 44px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 14px;
  font: inherit;
  font-weight: 800;
  box-shadow: var(--shadow-soft);
  cursor: pointer;
}

.client-shell .main-shell .client-section-tab svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.client-shell .main-shell .client-section-tab.active,
.client-shell .main-shell .client-section-tab[aria-selected="true"] {
  border-color: rgba(7, 85, 237, .45);
  background: var(--primary);
  color: #fff;
  box-shadow: 0 14px 32px rgba(7, 85, 237, .18);
}

.client-shell .main-shell [data-client-pane="hidden"],
.client-shell .main-shell [hidden][data-client-pane] {
  display: none !important;
}

.client-shell .main-shell .dashboard-grid[data-client-pane]:not([data-client-pane="hidden"]),
.client-shell .main-shell .billing-center-grid[data-client-pane]:not([data-client-pane="hidden"]),
.client-shell .main-shell .marketplace-storefront-catalog-layout[data-client-pane]:not([data-client-pane="hidden"]) {
  display: grid;
}

.client-shell .main-shell .client-section-switch + [data-client-pane]:not([data-client-pane="hidden"]) {
  margin-top: 0;
}
/* End client account professional stacked workspace */


/* Wholesale partner natural sidebar menu */
@media (min-width: 901px) {
  .wholesale-shell {
    grid-template-columns: 336px minmax(0, 1fr);
    background: linear-gradient(90deg, #ffffff 0 336px, var(--page) 336px 100%);
  }

  .wholesale-shell .sidebar {
    position: relative !important;
    top: auto !important;
    min-height: 100vh !important;
    height: auto !important;
    max-height: none !important;
    align-self: stretch !important;
    overflow: visible !important;
    gap: 10px;
    padding: 14px 14px;
  }

  .wholesale-shell .portal-switcher {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
  }

  .wholesale-shell .portal-switcher button {
    min-height: 56px;
    grid-template-columns: 30px minmax(0, 1fr);
    justify-items: start;
    padding: 8px 7px;
    text-align: left;
  }

  .wholesale-shell .portal-switcher span,
  .wholesale-shell .nav-item span {
    display: block !important;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.15;
  }

  .wholesale-shell .nav {
    overflow-y: visible !important;
    max-height: none !important;
    padding-top: 8px;
    padding-right: 0;
    scrollbar-width: none;
  }

  .wholesale-shell .nav::-webkit-scrollbar {
    display: none;
  }

  .wholesale-shell .nav section {
    gap: 3px;
  }

  .wholesale-shell .nav-item {
    min-height: 34px;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    padding: 0 9px;
    font-size: 12.5px;
    line-height: 1.14;
  }

  .wholesale-shell .nav-item svg {
    width: 18px;
    height: 18px;
  }

  .wholesale-shell .commerce-sidebar-finance-shortcut,
  .wholesale-shell .commerce-sidebar-public-b2b-shortcut {
    min-height: 48px;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    margin: 2px 0 7px;
    padding: 8px 10px;
  }

  .wholesale-shell .commerce-sidebar-finance-shortcut svg,
  .wholesale-shell .commerce-sidebar-public-b2b-shortcut svg {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 8px;
    color: #77a7f4;
    background: rgba(7, 85, 237, 0.16);
  }

  .wholesale-shell .commerce-sidebar-finance-shortcut span,
  .wholesale-shell .commerce-sidebar-public-b2b-shortcut span {
    display: grid !important;
    gap: 2px;
    min-width: 0;
    white-space: normal;
    line-height: 1.15;
  }

  .wholesale-shell .commerce-sidebar-finance-shortcut strong,
  .wholesale-shell .commerce-sidebar-finance-shortcut small,
  .wholesale-shell .commerce-sidebar-public-b2b-shortcut strong,
  .wholesale-shell .commerce-sidebar-public-b2b-shortcut small {
    display: block;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
  }
}

@media (max-width: 900px) {
  .wholesale-shell .sidebar {
    position: static;
    height: auto;
    max-height: none;
    overflow: visible !important;
  }

  .wholesale-shell .nav {
    overflow-x: auto;
    overflow-y: visible !important;
    max-height: none !important;
  }

  .wholesale-shell .brand span:last-child,
  .wholesale-shell .portal-switcher span,
  .wholesale-shell .nav-item span {
    display: block !important;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

/* Marketplace B2C/B2B public search-left catalog layout */
.marketplace-public-search-left-layout {
  grid-column: 1 / -1 !important;
  display: grid;
  grid-template-columns: minmax(292px, 332px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  width: 100%;
  min-width: 0;
}

.marketplace-public-search-left-sidebar,
.marketplace-public-search-left-results {
  min-width: 0;
}

.marketplace-public-search-left-sidebar {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 12px;
  align-self: start;
}

.public-shop-shell .marketplace-public-search-left-sidebar {
  top: 126px;
}

.marketplace-public-search-left-sidebar .client-storefront-search-panel {
  width: 100%;
  margin: 0;
  padding: 18px;
  overflow: visible;
}

.marketplace-public-search-left-sidebar .marketplace-core-search-panel form {
  display: grid;
  gap: 14px;
}

.marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-head {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: start;
  margin: 0;
}

.marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-head h3 {
  font-size: 20px;
  line-height: 1.15;
}

.marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-head p {
  max-width: none;
  font-size: 13px;
  line-height: 1.45;
}

.marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-actions {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  justify-content: stretch;
}

.marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-actions button,
.marketplace-public-search-left-sidebar .marketplace-core-search-panel .primary-button,
.marketplace-public-search-left-sidebar .marketplace-core-search-panel .small-button {
  width: 100%;
  min-height: 40px;
  justify-content: center;
}

.marketplace-public-search-left-sidebar .client-storefront-filter-grid,
.marketplace-public-search-left-sidebar .marketplace-core-filter-grid {
  grid-template-columns: 1fr !important;
  gap: 10px;
}

.marketplace-public-search-left-sidebar .client-storefront-search-text {
  grid-column: auto !important;
}

.marketplace-public-search-left-sidebar label {
  min-width: 0;
}

.marketplace-public-search-left-sidebar label b {
  font-size: 12px;
  line-height: 1.2;
}

.marketplace-public-search-left-sidebar select,
.marketplace-public-search-left-sidebar input {
  min-height: 40px;
}

.marketplace-public-search-left-sidebar .client-storefront-search-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.marketplace-public-search-left-sidebar .client-storefront-search-summary span {
  min-width: 0;
  justify-content: center;
  text-align: center;
}

.marketplace-public-search-left-results {
  display: grid;
  gap: 16px;
}

.marketplace-public-search-left-results > .marketplace-category-strip,
.marketplace-public-search-left-results > .marketplace-public-panel,
.marketplace-public-search-left-results > .public-shop-section {
  width: 100%;
  margin: 0;
}

.marketplace-public-search-left-results .public-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

@media (max-width: 1180px) {
  .marketplace-public-search-left-layout {
    grid-template-columns: 1fr;
  }

  .marketplace-public-search-left-sidebar {
    position: static;
  }

  .marketplace-public-search-left-sidebar .client-storefront-filter-grid,
  .marketplace-public-search-left-sidebar .marketplace-core-filter-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }

  .marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-public-search-left-sidebar .client-storefront-filter-grid,
  .marketplace-public-search-left-sidebar .marketplace-core-filter-grid,
  .marketplace-public-search-left-sidebar .client-storefront-search-summary,
  .marketplace-public-search-left-sidebar .marketplace-core-search-panel .panel-actions,
  .marketplace-public-search-left-results .public-product-grid {
    grid-template-columns: 1fr !important;
  }
}
/* End Marketplace B2C/B2B public search-left catalog layout */
/* B2C marketplace products public switch layout */
.marketplace-module-page .marketplace-public-products-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  min-width: 0;
}

.marketplace-module-page .marketplace-public-products-page > * {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-public-products-page .marketplace-public-catalog-switch {
  margin: 0;
}

.marketplace-public-products-page .marketplace-category-strip {
  margin: 0;
}

.marketplace-public-products-page .marketplace-public-panel {
  overflow: visible;
}

.marketplace-public-products-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.marketplace-public-products-summary span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-public-products-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
}

.marketplace-public-products-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.marketplace-public-products-page .marketplace-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.marketplace-public-products-page .marketplace-card {
  min-width: 0;
  min-height: 286px;
  grid-template-columns: minmax(116px, 0.3fr) minmax(0, 1fr);
}

.marketplace-public-products-page .marketplace-card h4,
.marketplace-public-products-page .marketplace-card p,
.marketplace-public-products-page .marketplace-meta-row,
.marketplace-public-products-page .marketplace-card-category,
.marketplace-public-products-page .marketplace-card-badges {
  min-width: 0;
}

.marketplace-public-products-page .marketplace-card h4,
.marketplace-public-products-page .marketplace-card p {
  overflow-wrap: anywhere;
}

.marketplace-public-products-page .marketplace-card-actions .small-button,
.marketplace-public-products-page .marketplace-card-actions .primary-button {
  min-height: 38px;
  white-space: normal;
}

.marketplace-public-products-page .client-storefront-search-panel {
  margin-top: 0;
}

.marketplace-public-products-page .marketplace-core-filter-grid {
  grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.marketplace-public-products-detail-panel > .public-shop-page {
  max-width: none;
  padding: 0;
}

.marketplace-public-products-store-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

@media (max-width: 1180px) {
  .marketplace-public-products-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketplace-public-products-page .marketplace-core-filter-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-public-products-summary,
  .marketplace-public-products-page .marketplace-core-filter-grid,
  .marketplace-public-products-page .marketplace-card-grid,
  .marketplace-public-products-store-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-public-products-page .marketplace-card {
    grid-template-columns: 1fr;
  }
}
/* End B2C marketplace products public switch layout */


/* B2C marketplace services public switch layout */
.marketplace-module-page .marketplace-public-services-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  min-width: 0;
}

.marketplace-module-page .marketplace-public-services-page > * {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-public-services-page .marketplace-public-catalog-switch {
  margin: 0;
}

.marketplace-public-services-page .marketplace-category-strip {
  margin: 0;
}

.marketplace-public-services-page .marketplace-public-panel {
  overflow: visible;
}

.marketplace-public-services-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.marketplace-public-services-summary span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-public-services-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
}

.marketplace-public-services-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.marketplace-public-services-page .marketplace-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.marketplace-public-services-page .marketplace-card {
  min-width: 0;
  min-height: 286px;
  grid-template-columns: minmax(116px, 0.3fr) minmax(0, 1fr);
}

.marketplace-public-services-page .marketplace-card h4,
.marketplace-public-services-page .marketplace-card p,
.marketplace-public-services-page .marketplace-meta-row,
.marketplace-public-services-page .marketplace-card-category,
.marketplace-public-services-page .marketplace-card-badges {
  min-width: 0;
}

.marketplace-public-services-page .marketplace-card h4,
.marketplace-public-services-page .marketplace-card p {
  overflow-wrap: anywhere;
}

.marketplace-public-services-page .marketplace-card-actions .small-button,
.marketplace-public-services-page .marketplace-card-actions .primary-button {
  min-height: 38px;
  white-space: normal;
}

.marketplace-public-services-page .client-storefront-search-panel {
  margin-top: 0;
}

.marketplace-public-services-page .marketplace-core-filter-grid {
  grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.marketplace-public-services-detail-panel > .public-shop-page {
  max-width: none;
  padding: 0;
}

.marketplace-public-services-store-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

@media (max-width: 1180px) {
  .marketplace-public-services-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketplace-public-services-page .marketplace-core-filter-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-public-services-summary,
  .marketplace-public-services-page .marketplace-core-filter-grid,
  .marketplace-public-services-page .marketplace-card-grid,
  .marketplace-public-services-store-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-public-services-page .marketplace-card {
    grid-template-columns: 1fr;
  }
}
/* End B2C marketplace services public switch layout */


/* B2C marketplace stores public switch layout */
.marketplace-module-page .marketplace-public-stores-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  min-width: 0;
}

.marketplace-module-page .marketplace-public-stores-page > * {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-public-stores-page .marketplace-public-catalog-switch,
.marketplace-public-stores-page .marketplace-category-strip {
  margin: 0;
}

.marketplace-public-stores-page .marketplace-public-panel {
  overflow: visible;
}

.marketplace-public-stores-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.marketplace-public-stores-summary span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-public-stores-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
}

.marketplace-public-stores-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.marketplace-public-stores-grid {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.marketplace-public-stores-page .public-store-tile,
.marketplace-public-stores-page .marketplace-card {
  min-width: 0;
}

.marketplace-public-stores-page .public-store-body,
.marketplace-public-stores-page .public-store-heading,
.marketplace-public-stores-page .marketplace-store-detail,
.marketplace-public-stores-page .marketplace-card-grid {
  min-width: 0;
}

.marketplace-public-stores-page .public-store-body h3,
.marketplace-public-stores-page .public-store-body p,
.marketplace-public-stores-page .marketplace-store-detail h3,
.marketplace-public-stores-page .marketplace-store-detail p {
  overflow-wrap: anywhere;
}

.marketplace-public-stores-page .marketplace-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
}

.marketplace-public-stores-page .marketplace-card {
  grid-template-columns: minmax(116px, 0.3fr) minmax(0, 1fr);
}

.marketplace-public-stores-page .client-storefront-search-panel {
  margin-top: 0;
}

.marketplace-public-stores-page .marketplace-core-filter-grid {
  grid-template-columns: repeat(4, minmax(170px, 1fr));
}

@media (max-width: 1180px) {
  .marketplace-public-stores-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketplace-public-stores-page .marketplace-core-filter-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-public-stores-summary,
  .marketplace-public-stores-grid,
  .marketplace-public-stores-page .marketplace-core-filter-grid,
  .marketplace-public-stores-page .marketplace-card-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-public-stores-page .marketplace-card {
    grid-template-columns: 1fr;
  }
}
/* End B2C marketplace stores public switch layout */


/* B2C marketplace companies public switch layout */
.marketplace-module-page .marketplace-public-companies-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  min-width: 0;
}

.marketplace-module-page .marketplace-public-companies-page > * {
  grid-column: 1 / -1 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-public-companies-page .marketplace-public-catalog-switch,
.marketplace-public-companies-page .marketplace-category-strip {
  margin: 0;
}

.marketplace-public-companies-page .marketplace-public-panel {
  overflow: visible;
}

.marketplace-public-companies-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.marketplace-public-companies-summary span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketplace-public-companies-summary strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
}

.marketplace-public-companies-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.marketplace-public-companies-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 14px;
}

.marketplace-public-company-card {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--soft-line);
  border-radius: 8px;
  background: #fff;
}

.marketplace-public-company-mark {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--teal-soft);
  color: var(--teal-dark);
  font-weight: 950;
}

.marketplace-public-company-mark svg {
  width: 18px;
  height: 18px;
}

.marketplace-public-company-body,
.marketplace-public-company-head,
.marketplace-public-company-meta {
  min-width: 0;
}

.marketplace-public-company-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.marketplace-public-company-head small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-public-company-head h3,
.marketplace-public-company-body p {
  margin: 0;
  overflow-wrap: anywhere;
}

.marketplace-public-company-body p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}

.marketplace-public-company-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.marketplace-public-company-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f1f5f9;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.marketplace-public-company-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 150px;
}

.marketplace-public-company-actions .primary-button,
.marketplace-public-company-actions .small-button {
  justify-content: center;
  min-height: 38px;
  white-space: normal;
}

.marketplace-public-companies-store-grid {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.marketplace-public-companies-page .marketplace-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
}

.marketplace-public-companies-page .client-storefront-search-panel {
  margin-top: 0;
}

.marketplace-public-companies-page .marketplace-core-filter-grid {
  grid-template-columns: repeat(4, minmax(170px, 1fr));
}

@media (max-width: 1180px) {
  .marketplace-public-companies-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketplace-public-companies-page .marketplace-core-filter-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }

  .marketplace-public-company-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .marketplace-public-company-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .marketplace-public-companies-summary,
  .marketplace-public-companies-grid,
  .marketplace-public-companies-store-grid,
  .marketplace-public-companies-page .marketplace-core-filter-grid,
  .marketplace-public-companies-page .marketplace-card-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-public-company-card {
    grid-template-columns: 1fr;
  }

  .marketplace-public-company-actions {
    flex-direction: column;
  }
}
/* End B2C marketplace companies public switch layout */


/* B2C marketplace compare dedicated switch */
.marketplace-compare-switch-page .marketplace-public-catalog-switch {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
}

.marketplace-compare-layout > .marketplace-public-catalog-switch {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}
/* End B2C marketplace compare dedicated switch */


/* B2C marketplace reviews dedicated switch */
.marketplace-reviews-switch-page .marketplace-public-catalog-switch,
.marketplace-reviews-layout > .marketplace-public-catalog-switch {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
/* End B2C marketplace reviews dedicated switch */

/* B2C marketplace orders public switch layout */
.marketplace-public-orders-page,
.marketplace-module-page .marketplace-public-orders-page,
.company-marketplace-page .marketplace-public-orders-page,
.workspace .marketplace-public-orders-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-public-orders-page > *,
.marketplace-module-page .marketplace-public-orders-page > *,
.company-marketplace-page .marketplace-public-orders-page > *,
.workspace .marketplace-public-orders-page > * {
  grid-column: 1 / -1 !important;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-public-orders-page .marketplace-public-catalog-switch {
  margin: 0;
}

.marketplace-public-orders-page .marketplace-b2c-dedicated-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.marketplace-public-orders-page .marketplace-b2c-dedicated-tab {
  flex: 0 1 auto;
  min-width: 132px;
}

.marketplace-public-orders-page .marketplace-public-panel {
  overflow: visible;
}

.marketplace-public-orders-page .marketplace-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
}

.marketplace-public-orders-page .marketplace-card,
.marketplace-public-orders-page .marketplace-cart-group,
.marketplace-public-orders-page .marketplace-checkout-form {
  min-width: 0;
}

.marketplace-public-orders-page .marketplace-card h4,
.marketplace-public-orders-page .marketplace-card p,
.marketplace-public-orders-page .marketplace-cart-group-head,
.marketplace-public-orders-page .marketplace-cart-group-totals {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-public-orders-page .table-empty {
  min-height: 108px;
}

@media (max-width: 760px) {
  .marketplace-public-orders-page .marketplace-card-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-public-orders-page .panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .marketplace-public-orders-page .panel-actions,
  .marketplace-public-orders-page .panel-head .small-button {
    justify-content: stretch;
    width: 100%;
  }

  .marketplace-public-orders-page .marketplace-b2c-dedicated-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-public-orders-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace orders public switch layout */

/* B2C marketplace categories dedicated switch layout */
.marketplace-categories-switch-page,
.marketplace-module-page .marketplace-categories-switch-page,
.company-marketplace-page .marketplace-categories-switch-page,
.workspace .marketplace-categories-switch-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  gap: 16px;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.marketplace-categories-switch-page > *,
.marketplace-module-page .marketplace-categories-switch-page > *,
.company-marketplace-page .marketplace-categories-switch-page > *,
.workspace .marketplace-categories-switch-page > * {
  grid-column: 1 / -1 !important;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-categories-switch-page .marketplace-public-catalog-switch {
  margin: 0;
}

.marketplace-categories-switch-page .marketplace-b2c-dedicated-tab {
  min-width: 142px;
}

.marketplace-categories-switch-page .kpi-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.marketplace-categories-switch-page .marketplace-form {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: end;
}

.marketplace-categories-switch-page .marketplace-form label.wide,
.marketplace-categories-switch-page .marketplace-form .marketplace-wide {
  grid-column: 1 / -1;
}

.marketplace-categories-switch-page .marketplace-form .primary-button {
  min-height: 48px;
}

.marketplace-categories-switch-page .marketplace-table,
.marketplace-categories-switch-page .commerce-admin-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 760px) {
  .marketplace-categories-switch-page .marketplace-b2c-dedicated-tabs,
  .marketplace-categories-switch-page .kpi-grid.compact,
  .marketplace-categories-switch-page .marketplace-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  .marketplace-categories-switch-page .marketplace-b2c-dedicated-tab {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }
}
/* End B2C marketplace categories dedicated switch layout */


/* B2B catalog action button fit */
.commerce-catalog-active-area .commerce-wp13-actions {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  align-items: stretch;
}

.commerce-catalog-active-area .commerce-wp13-actions .secondary-button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  white-space: normal;
  line-height: 1.16;
  text-align: center;
}
/* End B2B catalog action button fit */

/* B2B WP24 compact operational tables */
:is(.commerce-b2b-route-commerce-protection, .commerce-b2b-route-commerce-returns, .commerce-b2b-route-commerce-disputes)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(108px, 0.9fr)
    minmax(118px, 1fr)
    minmax(92px, 0.72fr)
    minmax(112px, 0.88fr)
    minmax(118px, 0.88fr)
    minmax(118px, 0.8fr) !important;
}

:is(.commerce-b2b-route-commerce-protection, .commerce-b2b-route-commerce-returns, .commerce-b2b-route-commerce-disputes)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-protection, .commerce-b2b-route-commerce-returns, .commerce-b2b-route-commerce-disputes)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-protection, .commerce-b2b-route-commerce-returns, .commerce-b2b-route-commerce-disputes)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP25 compact financial tables */
:is(.commerce-b2b-route-commerce-wallet, .commerce-b2b-route-commerce-ledger, .commerce-b2b-route-commerce-profit)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.05fr)
    minmax(112px, 0.88fr)
    minmax(118px, 0.92fr)
    minmax(112px, 0.88fr)
    minmax(114px, 0.88fr)
    minmax(122px, 0.86fr) !important;
}

:is(.commerce-b2b-route-commerce-wallet, .commerce-b2b-route-commerce-ledger, .commerce-b2b-route-commerce-profit)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-wallet, .commerce-b2b-route-commerce-ledger, .commerce-b2b-route-commerce-profit)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-wallet, .commerce-b2b-route-commerce-ledger, .commerce-b2b-route-commerce-profit)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP32 compact integration tables */
:is(.commerce-b2b-route-commerce-integrations, .commerce-b2b-route-commerce-api)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-integrations, .commerce-b2b-route-commerce-api)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-integrations, .commerce-b2b-route-commerce-api)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-integrations, .commerce-b2b-route-commerce-api)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP34 compact growth tables */
:is(.commerce-b2b-route-commerce-growth)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-growth)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-growth)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-growth)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35A compact AI provider tables */
:is(.commerce-b2b-route-commerce-ai)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-ai)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-ai)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-ai)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35B compact data tables */
:is(.commerce-b2b-route-commerce-ai-governance)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-ai-governance)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-ai-governance)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-ai-governance)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35C compact data tables */
:is(.commerce-b2b-route-commerce-ai-command-center)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-ai-command-center)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-ai-command-center)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-ai-command-center)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35D compact data tables */
:is(.commerce-b2b-route-commerce-ai-creation-studio)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-ai-creation-studio)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-ai-creation-studio)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-ai-creation-studio)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35E compact data tables */
:is(.commerce-b2b-route-commerce-ai-media-studio)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-ai-media-studio)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  padding: 10px;
}

:is(.commerce-b2b-route-commerce-ai-media-studio)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-ai-media-studio)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35F compact data tables */
:is(.commerce-b2b-route-commerce-ai-seo-optimization)
  .commerce-data-panel
  .commerce-table
  :is(.commerce-table-head, .commerce-table-row) {
  min-width: 0;
  grid-template-columns:
    minmax(126px, 1.04fr)
    minmax(112px, 0.86fr)
    minmax(128px, 1fr)
    minmax(112px, 0.86fr)
    minmax(112px, 0.86fr)
    minmax(118px, 0.82fr) !important;
}

:is(.commerce-b2b-route-commerce-ai-seo-optimization)
  .commerce-data-panel
  .commerce-table
  .commerce-table-cell {
  min-width: 0;
  padding: 10px;
  overflow-wrap: anywhere;
  word-break: normal;
}

:is(.commerce-b2b-route-commerce-ai-seo-optimization)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell {
  min-width: 0;
}

:is(.commerce-b2b-route-commerce-ai-seo-optimization)
  .commerce-data-panel
  .commerce-table
  .commerce-table-action-cell
  button {
  width: 100%;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 42px;
  padding-inline: 8px;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

@media (max-width: 840px) {
  :is(.commerce-b2b-route-commerce-ai-seo-optimization)
    .commerce-data-panel
    .commerce-table
    :is(.commerce-table-head, .commerce-table-row) {
    grid-template-columns: 1fr !important;
  }
}

/* B2B WP35F action toolbar containment */
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-workspace,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-status-grid,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-main-grid,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-card,
.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-row {
  max-width: 100%;
  min-width: 0;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions {
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(min(172px, 100%), 1fr)) !important;
}

.commerce-b2b-route-commerce-ai-seo-optimization .commerce-wp35f-actions button {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* Marketplace B2C reseller invoicing */
.marketplace-partner-invoicing-page {
  align-items: stretch;
}

.marketplace-partner-invoicing-page > .panel,
.marketplace-partner-invoicing-page > .panel-wide,
.marketplace-partner-invoicing-page > .marketplace-b2c-dedicated-switch,
.marketplace-partner-invoicing-page > .marketplace-assistant-panel {
  width: 100%;
  max-width: none;
}

.marketplace-partner-invoice-hero,
.marketplace-partner-invoice-settings-panel,
.marketplace-partner-invoice-table-panel,
.marketplace-partner-invoice-collections-panel {
  border-radius: 8px;
  border-color: rgba(148, 163, 184, .24);
  box-shadow: 0 16px 40px rgba(15, 23, 42, .055);
}

.marketplace-partner-invoice-hero.module-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  min-height: 0;
  margin-bottom: 0;
  padding: 28px 30px;
  overflow: visible;
  background:
    linear-gradient(135deg, rgba(7, 85, 237, .08), rgba(255, 248, 232, .5) 62%, rgba(255, 255, 255, .98)),
    #ffffff;
}

.marketplace-partner-invoice-hero .panel-head,
.marketplace-partner-invoice-settings-panel .panel-head,
.marketplace-partner-invoice-table-panel .panel-head,
.marketplace-partner-invoice-collections-panel .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 20px;
}

.marketplace-partner-invoice-hero .panel-head > div:first-child,
.marketplace-partner-invoice-settings-panel .panel-head > div:first-child,
.marketplace-partner-invoice-collections-panel .panel-head > div:first-child {
  max-width: 780px;
}

.marketplace-partner-invoice-hero h3 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(2rem, 2vw, 2.8rem);
  line-height: 1.08;
}

.marketplace-partner-invoice-hero p,
.marketplace-partner-invoice-settings-panel p,
.marketplace-partner-invoice-collections-panel p {
  max-width: 760px;
  line-height: 1.55;
}

.marketplace-partner-invoice-hero .panel-actions,
.marketplace-partner-invoice-settings-panel .panel-actions,
.marketplace-partner-invoice-table-panel .panel-actions,
.marketplace-partner-invoice-collections-panel .panel-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: start;
  gap: 8px;
  min-width: min(100%, 360px);
}

.marketplace-partner-invoice-hero .panel-actions > *,
.marketplace-partner-invoice-settings-panel .panel-actions > *,
.marketplace-partner-invoice-collections-panel .panel-actions > * {
  min-height: 44px;
}

.marketplace-partner-invoice-state {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.marketplace-partner-invoice-dashboard {
  padding-top: 4px;
}

.marketplace-partner-invoice-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 12px;
  margin-top: 0;
}

.marketplace-partner-invoice-kpis > .kpi-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "value value"
    "hint hint";
  align-items: center;
  gap: 5px 10px;
  min-height: 112px;
  padding: 15px;
  border: 1px solid rgba(7, 85, 237, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
}

.marketplace-partner-invoice-kpis > .kpi-card > span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  color: #0647c2;
  background: #dbe5f5;
}

.marketplace-partner-invoice-kpis > .kpi-card strong {
  grid-area: value;
  min-width: 0;
  color: var(--ink);
  font-size: clamp(1.25rem, .7vw + .95rem, 1.72rem);
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: keep-all;
}

.marketplace-partner-invoice-kpis > .kpi-card small {
  grid-area: label;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.2;
}

.marketplace-partner-invoice-kpis > .kpi-card em {
  grid-area: hint;
  color: var(--muted);
  font-size: .76rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.marketplace-partner-invoice-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.marketplace-partner-invoice-setting-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 104px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.marketplace-partner-invoice-setting-card span {
  color: var(--muted);
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.25;
}

.marketplace-partner-invoice-setting-card strong {
  min-width: 0;
  color: var(--ink);
  font-size: clamp(1.05rem, .7vw + .9rem, 1.42rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marketplace-partner-invoice-table {
  display: grid;
  gap: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.marketplace-partner-invoice-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(180px, 1fr) minmax(170px, 1fr) minmax(130px, .75fr) minmax(145px, .75fr) minmax(210px, .95fr);
  align-items: center;
  gap: 14px;
  min-width: 1120px;
  padding: 16px;
  border: 1px solid var(--line);
  border-top: 0;
  background: #fff;
}

.marketplace-partner-invoice-row.header {
  min-height: 48px;
  border: 0;
  border-radius: 8px 8px 0 0;
  background: var(--navy);
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
}

.marketplace-partner-invoice-row strong,
.marketplace-partner-invoice-row small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-partner-invoice-row small {
  color: var(--muted);
  font-size: .84rem;
  margin-top: 4px;
}

.marketplace-partner-invoice-row.header span {
  color: #fff;
}

.marketplace-partner-invoice-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.marketplace-partner-invoice-actions .small-button,
.marketplace-partner-invoice-actions .primary-button {
  min-height: 42px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.marketplace-partner-invoice-focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  margin: 8px 0 16px;
  border: 1px solid rgba(7, 85, 237, .28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(7, 85, 237, .08), rgba(255, 248, 232, .55));
}

.marketplace-partner-invoice-focus h4,
.marketplace-partner-invoice-focus p {
  margin: 0;
}

@media (max-width: 1180px) {
  .marketplace-partner-invoice-hero .panel-head,
  .marketplace-partner-invoice-settings-panel .panel-head,
  .marketplace-partner-invoice-table-panel .panel-head,
  .marketplace-partner-invoice-collections-panel .panel-head {
    grid-template-columns: 1fr;
  }

  .marketplace-partner-invoice-hero .panel-actions,
  .marketplace-partner-invoice-settings-panel .panel-actions,
  .marketplace-partner-invoice-table-panel .panel-actions,
  .marketplace-partner-invoice-collections-panel .panel-actions {
    justify-content: flex-start;
    min-width: 0;
  }

  .marketplace-partner-invoice-row {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    min-width: 760px;
  }
}

@media (max-width: 760px) {
  .marketplace-partner-invoicing-page .panel-head,
  .marketplace-partner-invoice-focus {
    align-items: stretch;
    flex-direction: column;
  }

  .marketplace-partner-invoicing-page .panel-actions,
  .marketplace-partner-invoice-actions {
    justify-content: stretch;
  }

  .marketplace-partner-invoicing-page .panel-actions > *,
  .marketplace-partner-invoice-actions > * {
    width: 100%;
  }

  .marketplace-partner-invoice-hero.module-hero {
    padding: 20px;
  }

  .marketplace-partner-invoice-kpis,
  .marketplace-partner-invoice-settings-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-partner-invoice-row {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .marketplace-partner-invoice-row.header {
    display: none;
  }
}

.marketplace-partner-invoice-editor-panel {
  border-radius: 8px;
  border-color: rgba(148, 163, 184, .24);
  box-shadow: 0 16px 40px rgba(15, 23, 42, .055);
}

.marketplace-partner-invoice-editor-panel .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 20px;
}

.marketplace-partner-invoice-editor-panel .panel-head > div:first-child {
  max-width: 820px;
}

.marketplace-partner-invoice-editor-panel p {
  max-width: 780px;
  line-height: 1.55;
}

.marketplace-partner-invoice-editor-form {
  display: grid;
  gap: 18px;
  margin-top: 20px;
}

.marketplace-partner-invoice-editor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 14px;
}

.marketplace-partner-invoice-editor-grid label {
  display: grid;
  gap: 8px;
  min-width: 0;
  color: var(--ink);
  font-weight: 900;
}

.marketplace-partner-invoice-editor-grid label.wide {
  grid-column: span 2;
}

.marketplace-partner-invoice-editor-grid span {
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.2;
}

.marketplace-partner-invoice-editor-grid input,
.marketplace-partner-invoice-editor-grid select,
.marketplace-partner-invoice-editor-grid textarea {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 800;
  padding: 11px 12px;
}

.marketplace-partner-invoice-editor-grid textarea {
  min-height: 92px;
  resize: vertical;
}

.marketplace-partner-invoice-editor-note {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(7, 85, 237, .24);
  border-radius: 8px;
  background: rgba(219, 229, 245, .46);
  color: #0647c2;
  font-weight: 900;
}

.marketplace-partner-invoice-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 1180px) {
  .marketplace-partner-invoice-editor-panel .panel-head {
    grid-template-columns: 1fr;
  }

  .marketplace-partner-invoice-editor-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-partner-invoice-editor-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-partner-invoice-editor-grid label.wide {
    grid-column: auto;
  }

  .marketplace-partner-invoice-editor-actions > *,
  .marketplace-partner-invoice-editor-panel .panel-actions > * {
    width: 100%;
  }
}


.marketplace-partner-manual-document-panel {
  background:
    linear-gradient(135deg, rgba(7, 85, 237, .06), rgba(255, 248, 232, .42)),
    #ffffff;
}

.marketplace-partner-manual-document-grid {
  grid-template-columns: repeat(5, minmax(170px, 1fr));
}

@media (max-width: 1280px) {
  .marketplace-partner-manual-document-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 760px) {
  .marketplace-partner-manual-document-grid {
    grid-template-columns: 1fr;
  }
}


.marketplace-partner-invoice-document-preview {
  display: grid;
  gap: 14px;
  padding: 18px;
  margin: 0 0 18px;
  border: 1px solid rgba(20, 168, 156, .24);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .98));
}

.marketplace-partner-invoice-document-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.marketplace-partner-invoice-document-title h4,
.marketplace-partner-invoice-document-title p {
  margin: 0;
}

.marketplace-partner-invoice-document-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 10px;
}

.marketplace-partner-invoice-document-grid article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 8px;
  background: #fff;
}

.marketplace-partner-invoice-document-grid span,
.marketplace-partner-invoice-document-line span,
.marketplace-partner-invoice-document-totals small {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-partner-invoice-document-grid strong,
.marketplace-partner-invoice-document-grid small,
.marketplace-partner-invoice-document-line strong,
.marketplace-partner-invoice-document-line small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-partner-invoice-document-grid strong,
.marketplace-partner-invoice-document-line strong {
  color: var(--ink);
  font-size: 1rem;
}

.marketplace-partner-invoice-document-grid small,
.marketplace-partner-invoice-document-line small {
  color: var(--muted);
  font-weight: 800;
}

.marketplace-partner-invoice-document-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .38fr);
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 8px;
  background: rgba(219, 229, 245, .22);
}

.marketplace-partner-invoice-document-totals {
  display: grid;
  gap: 8px;
}

.marketplace-partner-invoice-document-totals span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.marketplace-partner-invoice-document-note {
  margin: 0;
  color: var(--muted);
  font-weight: 800;
}

@media (max-width: 1180px) {
  .marketplace-partner-invoice-document-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  .marketplace-partner-invoice-document-line {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .marketplace-partner-invoice-document-title {
    flex-direction: column;
  }

  .marketplace-partner-invoice-document-grid {
    grid-template-columns: 1fr;
  }
}

/* Keep the buyer navigation above the content on narrow screens. */
@media (max-width: 900px) {
  .app-shell.client-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr;
    background: var(--page);
  }
  .client-shell .sidebar {
    min-height: 0 !important;
    height: auto !important;
    align-self: start;
  }
  .client-shell .main-shell {
    min-width: 0;
  }
}

/* Public storefront entry, independent of account selection. */
.login-public-storefront { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; margin:20px 0; border:1px solid #9fbef6; border-radius:18px; background:#e8f0ff; color:#04275f; }
.login-public-storefront h2 { margin:6px 0; }
.login-public-storefront p { margin:0; max-width:540px; }
.login-public-storefront .primary-button { white-space:nowrap; }
@media(max-width:650px) { .login-public-storefront { align-items:stretch; flex-direction:column; padding:18px; } .login-topbar { gap:12px; flex-wrap:wrap; } }

/* Catalog: compact controls and consistent proportions, scoped to storefronts. */
.public-shop-shell, .marketplace-catalog-browser, .catalog-search-panel { font-family: "Segoe UI", Arial, sans-serif; color: #172c3b; }
.public-shop-shell :is(button, input, select), .marketplace-catalog-browser :is(button, input, select), .catalog-search-panel :is(button, input, select) { font-family: inherit; font-size: 14px; }
.marketplace-catalog-browser.marketplace-public-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 20px; align-items: start; }
.marketplace-catalog-browser.marketplace-public-layout > * { grid-column: 1 / -1 !important; min-width: 0; width: 100%; margin: 0; box-sizing: border-box; }
.catalog-search-panel.panel { padding: 22px !important; background: #fff; border: 1px solid #dce5e9; border-radius: 14px; box-shadow: 0 3px 14px #152f4105; }
.catalog-search-panel form { display: grid; gap: 18px; }
.catalog-search-panel .catalog-search-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.catalog-search-panel .catalog-search-heading h3 { margin: 4px 0 0; font: 650 22px/1.3 "Segoe UI", Arial, sans-serif; letter-spacing: -.4px; }
.catalog-search-panel .eyebrow { font-size: 11px; letter-spacing: 1px; font-weight: 650; }
.catalog-search-panel .catalog-reset { width: auto !important; min-height: 36px; background: #fff !important; color: #587079 !important; border: 1px solid #dce5e9; box-shadow: none !important; white-space: nowrap; }
.catalog-search-panel .catalog-search-row { display: flex; gap: 12px; align-items: end; }
.catalog-search-panel label { display: grid; gap: 7px; min-width: 0; margin: 0; }
.catalog-search-panel label > span { color: #536771; font-size: 12px; font-weight: 600; }
.catalog-search-panel .catalog-search-query { flex: 1 1 360px; }
.catalog-search-panel .catalog-search-row > label:not(.catalog-search-query) { flex: 0 1 210px; }
.catalog-search-panel :is(select, input:not([type="hidden"])) { display: block; width: 100%; min-width: 0; height: 42px !important; min-height: 42px !important; border: 1px solid #d3dfe4; border-radius: 8px; background: #fff; padding: 0 12px; color: #203845; font-weight: 400; box-sizing: border-box; }
.catalog-search-panel :is(select, input):focus { outline: 2px solid #0647c240; outline-offset: 1px; border-color: #0647c2; }
.catalog-search-panel .catalog-search-row > .primary-button { flex: 0 0 auto; width: auto !important; min-height: 42px; height: 42px; padding: 0 24px; box-shadow: none; background: #0647c2; color: #fff; }
.catalog-search-panel .catalog-primary-filters, .catalog-search-panel .catalog-extra-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px; }
.catalog-search-panel .catalog-extra-filters { border-top: 1px solid #edf1f3; padding-top: 14px; }
.catalog-search-panel .catalog-extra-filters summary { cursor: pointer; color: #0647c2; font-size: 13px; font-weight: 650; padding: 3px 0; }
.catalog-search-panel .catalog-extra-filters summary span { color: #70828b; font-weight: 400; margin-left: 10px; }
.catalog-search-panel .catalog-extra-grid { margin-top: 16px; }
.catalog-search-panel .catalog-result-summary { display: flex; gap: 18px; flex-wrap: wrap; color: #71808b; font-size: 12px; }
.catalog-search-panel .catalog-result-summary strong { color: #26404c; font-weight: 600; }
.marketplace-catalog-browser .marketplace-category-strip { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 8px; padding: 0; height: auto; min-height: 0; }
.marketplace-catalog-browser .marketplace-category-strip .quick-action { display: inline-flex !important; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; width: auto !important; min-width: 0 !important; height: 36px !important; min-height: 36px !important; padding: 0 14px; border: 1px solid #dce5e9; border-radius: 20px; background: #fff; font-size: 12px; font-weight: 500; color: #4d626e; box-shadow: none; }
.marketplace-catalog-browser .marketplace-category-strip .quick-action.active { background: #e8f0ff; color: #0647c2; border-color: #9fbef6; }
.marketplace-catalog-browser .marketplace-category-strip .quick-action svg { width: 15px; height: 15px; }
.marketplace-catalog-browser .marketplace-public-panel { padding: 22px; border-radius: 14px; border-color: #dce5e9; }
.marketplace-catalog-browser .marketplace-public-panel .panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.marketplace-catalog-browser .panel-head h3 { font-size: 21px; margin: 3px 0 8px; }
.marketplace-catalog-browser .panel-head p { font-size: 13px; line-height: 1.5; color: #687b88; margin: 0; }
.marketplace-catalog-browser .marketplace-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; }
.marketplace-catalog-browser .marketplace-card { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid #dfe7ec; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: none; }
.marketplace-catalog-browser .marketplace-card .marketplace-card-visual { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; min-height: 150px; height: 150px; background: #f1f6f6; border: 0; color: #0755ed; }
.marketplace-catalog-browser .marketplace-card .marketplace-card-visual span { font-size: 32px; font-weight: 500; }
.marketplace-catalog-browser .marketplace-card-body { display: flex; flex-direction: column; flex: 1; gap: 11px; padding: 18px; min-width: 0; }
.marketplace-catalog-browser .marketplace-card h4 { font-size: 16px; line-height: 1.4; font-weight: 650; margin: 0; }
.marketplace-catalog-browser .marketplace-card p { color: #647985; font-size: 13px; line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.marketplace-catalog-browser .marketplace-card :is(.marketplace-meta-row, .marketplace-card-category, .marketplace-card-badges) { display: flex; flex-wrap: wrap; gap: 6px; font-size: 11px; }
.marketplace-catalog-browser .marketplace-card-footer { display: flex; flex-direction: column; gap: 12px; align-items: stretch; margin-top: auto; }
.marketplace-catalog-browser .marketplace-card-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.marketplace-catalog-browser .marketplace-card-actions :is(.small-button, .primary-button) { width: auto; min-height: 34px; padding: 6px 10px; font-size: 12px; box-shadow: none; }
.marketplace-catalog-browser .marketplace-store-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.marketplace-catalog-help { color: #5b7380; font-size: 13px; }
.marketplace-catalog-help summary { cursor: pointer; padding: 12px 0; }
.marketplace-module-page:has(.marketplace-catalog-browser) > .marketplace-subnav { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 7px; overflow-x: auto; padding: 0 0 6px; margin: 12px 0 20px; min-height: 0; }
.marketplace-module-page:has(.marketplace-catalog-browser) > .marketplace-subnav .quick-action { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; width: auto; height: 36px; min-height: 36px; padding: 0 12px; border-radius: 7px; font: 500 12px/1.3 "Segoe UI", Arial, sans-serif; }
.marketplace-module-page:has(.marketplace-catalog-browser) > .marketplace-subnav .quick-action svg { width: 16px; height: 16px; }
.public-shop-shell .public-shop-nav button { flex: 0 0 auto; width: auto; min-width: max-content; white-space: nowrap; padding: 0 13px; }
.public-shop-shell .public-shop-page.public-catalog-page { width: 100%; max-width: 1480px; padding: 20px 28px 48px; margin: auto; }
.public-shop-shell .public-catalog-page:not(.public-catalog-home) .public-shop-hero { display: block; margin: 0 0 18px; }
.public-shop-shell .public-catalog-page:not(.public-catalog-home) .public-shop-hero-copy { min-height: 0; padding: 0; color: #193b47; background: transparent; box-shadow: none; border: 0; }
.public-shop-shell .public-catalog-page:not(.public-catalog-home) .public-shop-hero-copy h2 { font-size: 30px; font-weight: 650; line-height: 1.2; letter-spacing: -.7px; margin: 0 0 10px; }
.public-shop-shell .public-catalog-page:not(.public-catalog-home) .public-shop-hero-copy > p { font: 400 14px/1.5 "Segoe UI", Arial, sans-serif; color: #637b86; margin: 0; }
.public-shop-shell .public-catalog-page:not(.public-catalog-home) :is(.public-shop-deal, .public-shop-hero-actions, .public-shop-badge) { display: none; }
.public-shop-shell .public-catalog-page:not(.public-catalog-home) .public-shop-hero-stats { display: none; }
.public-shop-shell .public-catalog-page .public-shop-categories { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 18px; }
.public-shop-shell .public-catalog-page .public-shop-categories button { width: auto; height: 34px; min-height: 34px; border: 1px solid #dbe5e8; border-radius: 20px; background: #fff; font-size: 12px; font-weight: 500; padding: 0 13px; box-shadow: none; }
.public-shop-shell .public-catalog-page .public-shop-categories button.active { background: #dbe5f5; border-color: #77a7f4; color: #0647c2; }
.public-shop-shell .public-catalog-page .public-shop-filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; padding: 0; background: transparent; border: 0; box-shadow: none; }
.public-shop-shell .public-catalog-page .public-shop-filter-bar > div:first-child { display: flex; gap: 12px; align-items: baseline; font-size: 12px; color: #647985; }
.public-shop-shell .public-catalog-page .public-shop-filter-controls { display: flex; }
.public-shop-shell .public-catalog-page .public-shop-filter-controls select:not([data-marketplace-core-filter="sort"]) { display: none; }
.public-shop-shell .public-catalog-page .public-shop-filter-controls select { min-height: 36px; height: 36px; font-weight: 400; font-size: 12px; min-width: 180px; }
.public-shop-shell .public-catalog-page .public-shop-content { display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: start; gap: 22px; }
.public-shop-shell .public-shop-sidebar { min-width: 0; padding: 18px; background: #fff; border: 1px solid #dfe7eb; border-radius: 12px; box-shadow: none; }
.public-shop-shell .public-shop-sidebar > details > summary { cursor: pointer; font-size: 14px; font-weight: 650; color: #234b55; }
.public-shop-shell .public-shop-filter-fields { display: grid; gap: 14px; padding-top: 16px; }
.public-shop-shell .public-shop-sidebar-head strong { display: none; }
.public-shop-shell .public-shop-sidebar-head { justify-content: flex-end; margin: -8px 0 0; }
.public-shop-shell .public-shop-sidebar :is(select, input) { min-height: 38px; height: 38px; padding: 0 9px; font-size: 12px; font-weight: 400; border: 1px solid #d6e2e6; border-radius: 6px; }
.public-shop-shell .public-shop-sidebar label { margin: 0; display: grid; gap: 6px; }
.public-shop-shell .public-shop-sidebar label b { font-size: 11px; font-weight: 600; color: #627b88; }
.public-shop-shell .public-shop-main-list { min-width: 0; display: grid; gap: 24px; }
.public-shop-shell .public-shop-section { padding: 0; margin: 0; }
.public-shop-shell .public-shop-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.public-shop-shell .public-shop-section-head h2 { font: 650 20px/1.3 "Segoe UI", Arial, sans-serif; margin: 0; }
.public-shop-shell .public-shop-section-head > div > span { display: none; }
.public-shop-shell .public-promoted-section { background: transparent; border: 0; border-radius: 0; padding: 0; }
.public-shop-shell .public-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.public-shop-shell .public-product-tile { display: flex; flex-direction: column; border: 1px solid #dce6eb; border-radius: 12px; background: #fff; box-shadow: none; overflow: hidden; }
.public-shop-shell .public-product-media { display: flex; align-items: center; justify-content: center; min-height: 160px; height: 160px; background: #edf4f4; color: #0755ed; border: 0; }
.public-shop-shell .public-product-media > span { font-size: 36px; font-weight: 400; }
.public-shop-shell .public-product-body { display: flex; flex-direction: column; flex: 1; padding: 18px; gap: 12px; }
.public-shop-shell .public-product-body h3 { margin: 0; font: 650 16px/1.4 "Segoe UI", Arial, sans-serif; }
.public-shop-shell .public-product-body p { font: 400 13px/1.5 "Segoe UI", Arial, sans-serif; margin: 0; color: #627984; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.public-shop-shell .public-product-body > small { font-size: 11px; font-weight: 500; color: #0755ed; }
.public-shop-shell .public-product-footer { margin-top: auto; gap: 8px; align-items: center; }
.public-shop-shell .public-product-footer strong { font-size: 19px; color: #14333d; }
.public-shop-shell .public-product-footer .primary-button { width: auto; min-height: 36px; padding: 8px 12px; font-size: 12px; background: #0647c2; box-shadow: none; }
.public-shop-shell .public-store-link { justify-content: start; border: 0; border-top: 1px solid #edf1f3; border-radius: 0; padding: 12px 0 0; font-size: 12px; font-weight: 500; color: #607986; background: transparent; }
.public-shop-shell .public-rating-row { font-size: 12px; font-weight: 500; }
@media (max-width: 1100px) {
  .public-shop-shell .public-shop-header { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
  .public-shop-shell .public-shop-search { grid-row: 2; grid-column: 1 / -1; width: 100%; }
  .catalog-search-panel .catalog-primary-filters, .catalog-search-panel .catalog-extra-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .public-shop-shell .public-catalog-page .public-shop-content { grid-template-columns: 210px minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 760px) {
  .catalog-search-panel.panel { padding: 16px !important; }
  .catalog-search-panel .catalog-search-heading { align-items: start; }
  .catalog-search-panel .catalog-search-heading h3 { font-size: 19px; }
  .catalog-search-panel .catalog-reset { font-size: 11px; padding: 6px 8px; white-space: normal; }
  .catalog-search-panel .catalog-search-row { flex-wrap: wrap; }
  .catalog-search-panel .catalog-search-query { flex-basis: 100%; }
  .catalog-search-panel .catalog-search-row > label:not(.catalog-search-query) { flex: 1; }
  .catalog-search-panel .catalog-extra-filters summary span { display: none; }
  .marketplace-catalog-browser .marketplace-category-strip { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
  .marketplace-catalog-browser .marketplace-public-panel { padding: 16px; }
  .marketplace-catalog-browser .marketplace-card-grid, .marketplace-catalog-browser .marketplace-store-grid { grid-template-columns: minmax(0, 1fr); }
  .public-shop-shell .public-shop-header { padding: 14px 16px; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .public-shop-shell .public-shop-logo { font-size: 17px; justify-content: start; width: auto; white-space: nowrap; }
  .public-shop-shell .public-shop-account-nav { grid-row: 3; gap: 8px; flex-wrap: wrap; justify-content: start; }
  .public-shop-shell .public-shop-account-nav :is(a,button) { font-size: 11px; padding: 6px 8px; min-height: 32px; }
  .public-shop-shell .public-shop-nav { padding: 8px 16px; gap: 5px; }
  .public-shop-shell .public-shop-search { display: grid; grid-template-columns: 80px minmax(0,1fr) auto; }
  .public-shop-shell .public-shop-search select { padding: 0 5px; font-size: 12px; }
  .public-shop-shell .public-shop-search input { font-size: 12px; width: 100%; }
  .public-shop-shell .public-shop-search button { padding: 8px 10px; font-size: 12px; }
  .public-shop-shell .public-shop-search button svg { display: none; }
  .public-shop-shell .public-shop-page.public-catalog-page { padding: 20px 16px 36px; }
  .public-shop-shell .public-catalog-page:not(.public-catalog-home) .public-shop-hero-copy h2 { font-size: 25px; }
  .public-shop-shell .public-catalog-page .public-shop-categories { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .public-shop-shell .public-catalog-page .public-shop-categories button { flex-shrink: 0; white-space: nowrap; }
  .public-shop-shell .public-catalog-page .public-shop-filter-bar { flex-wrap: wrap; gap: 12px; }
  .public-shop-shell .public-catalog-page .public-shop-filter-bar > div:first-child { flex-wrap: wrap; gap: 4px 12px; }
  .public-shop-shell .public-catalog-page .public-shop-content { grid-template-columns: minmax(0, 1fr); }
  .public-shop-shell .public-shop-sidebar { position: static; padding: 14px; }
  .public-shop-shell .public-product-grid { grid-template-columns: minmax(0, 1fr); }
  .public-shop-shell .public-product-media { height: 150px; min-height: 150px; }
}

/* Preserve catalog spacing with the original public storefront theme. */
.public-shop-shell .public-catalog-home > .public-shop-help-panel { margin-bottom: 18px; }
@media (min-width: 981px) {
  .public-shop-shell .public-catalog-home > .public-shop-hero { grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr); }
}

/* Shared buyer surfaces: cart, orders, favorites and comparison. */
.marketplace-cart-panel, .client-purchases-page { font-family: "Segoe UI", Arial, sans-serif; color: #1b3541; min-width: 0; }
.marketplace-cart-panel.panel { width: 100%; box-sizing: border-box; padding: 24px; border: 1px solid #dce6eb; border-radius: 14px; background: #fff; box-shadow: 0 3px 16px #193e4905; }
.marketplace-cart-panel .panel-head { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.marketplace-cart-panel .panel-head h3 { margin: 4px 0 8px; font: 650 23px/1.3 "Segoe UI", Arial, sans-serif; letter-spacing: -.4px; }
.marketplace-cart-panel .panel-head p { margin: 0; font: 400 13px/1.5 "Segoe UI", Arial, sans-serif; color: #6a7e89; }
.marketplace-cart-panel .panel-head .soft-badge { flex: 0 0 auto; width: auto; white-space: nowrap; padding: 6px 10px; font-size: 12px; font-weight: 500; }
.marketplace-cart-panel .marketplace-cart-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0 0 22px; }
.marketplace-cart-panel .financial-summary-card { min-width: 0; min-height: 0; padding: 14px; gap: 6px; background: #f6f9fa; border: 1px solid #e7edef; border-radius: 9px; box-shadow: none; }
.marketplace-cart-panel .financial-summary-card span { font-size: 12px; color: #597480; }
.marketplace-cart-panel .financial-summary-card strong { font-size: 20px; line-height: 1.2; font-weight: 650; color: #193e48; overflow-wrap: anywhere; }
.marketplace-cart-panel .financial-summary-card small { font-size: 11px; color: #7a8c95; }
.marketplace-cart-panel .financial-summary-card:last-child { background: #e8f5f0; border-color: #9fbef6; }
.marketplace-cart-panel .marketplace-checkout-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.marketplace-cart-panel .marketplace-checkout-fields { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 18px; padding: 18px; border: 1px solid #e0e8ec; border-radius: 10px; background: #fff; }
.marketplace-cart-panel .marketplace-checkout-fields label { display: grid; gap: 7px; min-width: 0; margin: 0; }
.marketplace-cart-panel .marketplace-checkout-fields .marketplace-wide { grid-column: 1 / -1; }
.marketplace-cart-panel label b { color: #546e7b; font-size: 12px; font-weight: 600; }
.marketplace-cart-panel :is(input,select,textarea) { width: 100%; min-width: 0; min-height: 40px; box-sizing: border-box; border: 1px solid #d5e1e7; border-radius: 7px; padding: 9px 11px; font: 400 13px/1.4 "Segoe UI", Arial, sans-serif; color: #23404f; background: #fff; }
.marketplace-cart-panel :is(input,select,textarea):focus { outline: 2px solid #0647c235; outline-offset: 1px; border-color: #0755ed; }
.marketplace-cart-panel .marketplace-cart-groups { display: grid; min-width: 0; gap: 18px; }
.marketplace-cart-panel .marketplace-cart-group { min-width: 0; padding: 18px; border: 1px solid #e0e8ec; border-radius: 10px; background: #fff; }
.marketplace-cart-panel .marketplace-cart-group-head { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.marketplace-cart-panel .marketplace-cart-group-head > div:first-child { min-width: 0; flex: 1 1 220px; }
.marketplace-cart-panel .marketplace-cart-group-head > div:first-child > strong { font-size: 15px; font-weight: 650; overflow-wrap: anywhere; }
.marketplace-cart-panel .marketplace-cart-group-head small { display: block; color: #6b808d; font-size: 12px; margin-top: 5px; }
.marketplace-cart-panel .marketplace-cart-group-totals { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 12px; color: #5d7683; }
.marketplace-cart-panel .marketplace-cart-group-totals strong { color: #0647c2; font-size: 15px; }
.marketplace-cart-panel .marketplace-cart-payment-selector { display: grid; gap: 10px; padding: 16px 0; }
.marketplace-cart-panel .marketplace-cart-payment-selector label { display: grid; gap: 7px; }
.marketplace-cart-panel .marketplace-cart-actions { display: flex !important; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; border-top: 1px solid #e5ecef; padding-top: 18px; }
.marketplace-cart-panel .marketplace-cart-actions button { width: auto !important; min-height: 40px; padding: 9px 18px; box-shadow: none !important; font: 600 13px/1.4 "Segoe UI", Arial, sans-serif; }
.marketplace-cart-panel .marketplace-cart-actions [data-marketplace-clear-cart] { margin-right: auto; background: #fff !important; border: 1px solid #dce5e9; color: #607681; }
.marketplace-cart-panel .marketplace-cart-actions button[type="submit"] { background: #0647c2; color: #fff; }
.marketplace-cart-empty { display: flex; gap: 22px; align-items: center; padding: 14px 0; min-height: 130px; }
.marketplace-cart-empty .buyer-empty-icon { width: 68px; height: 68px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: #e9f6f1; color: #0647c2; }
.marketplace-cart-empty .buyer-empty-icon svg { width: 30px; height: 30px; }
.marketplace-cart-empty .buyer-empty-copy { flex: 1; min-width: 0; }
.marketplace-cart-empty h3 { margin: 0 0 8px; font: 650 23px/1.3 "Segoe UI", Arial, sans-serif; }
.marketplace-cart-empty p { margin: 0 0 18px; max-width: 620px; font-size: 14px; line-height: 1.5; color: #6b808a; }
.marketplace-cart-empty .primary-button { display: inline-flex; width: auto !important; min-height: 40px; padding: 10px 18px; font-size: 13px; font-weight: 600; background: #0647c2; color: #fff; box-shadow: none; }
.marketplace-orders-browser .panel-head > :is(button,.soft-badge), .marketplace-catalog-browser .panel-head > .panel-actions { width: auto !important; flex: 0 0 auto; }
.marketplace-orders-browser .panel-head > button { background: #fff; color: #0647c2; border: 1px solid #bed4f7; min-height: 36px; box-shadow: none; font-size: 12px; }
.marketplace-orders-browser .buyer-order-history .table-empty { min-height: 90px; padding: 24px; background: #f8fafb; border: 1px dashed #dbe5ea; border-radius: 10px; font-size: 13px; color: #6b818d; }
.buyer-history-empty { display: flex; gap: 16px; align-items: center; padding: 22px; border: 1px dashed #dce6eb; border-radius: 10px; background: #f9fbfc; }
.buyer-history-empty > span { display: flex; color: #7f9ca7; }
.buyer-history-empty strong { font-size: 14px; font-weight: 600; color: #365561; }
.buyer-history-empty p { margin: 6px 0 0; color: #6b838e; font-size: 13px; line-height: 1.5; }
.marketplace-cart-panel .marketplace-table .table-head { background: #f1f6f7; color: #56717d; font: 600 11px/1.4 "Segoe UI", Arial, sans-serif; border: 1px solid #e1e9ec; border-radius: 7px 7px 0 0; }
.marketplace-cart-panel .marketplace-table :is(.table-head,.table-row) { grid-template-columns: minmax(180px,2.2fr) repeat(4,minmax(65px,1fr)) minmax(78px,.8fr); gap: 12px; padding: 15px; }
.marketplace-cart-panel .marketplace-table .table-row { font: 400 13px/1.5 "Segoe UI", Arial, sans-serif; }
.marketplace-cart-panel .marketplace-table .table-row > span > strong { font-weight: 600; overflow-wrap: break-word; }
.marketplace-cart-panel .marketplace-table { max-width: 100%; overflow-x: auto; }
.marketplace-catalog-browser :is(.table-wrap,.table-scroll,.marketplace-table-wrap), .marketplace-cart-panel :is(.table-wrap,.table-scroll,.marketplace-table-wrap) { max-width: 100%; min-width: 0; overflow-x: auto; }
.client-purchases-page > .client-cart-panel { width: 100%; min-width: 0; }
.marketplace-storefront-page > .marketplace-category-strip { display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; width: 100%; }
.marketplace-storefront-page > .marketplace-category-strip .quick-action { width: auto; min-height: 36px; height: 36px; display: inline-flex; align-items: center; gap: 7px; padding: 0 13px; border-radius: 20px; font-size: 12px; }
@media (max-width: 1050px) {
  .marketplace-cart-panel .marketplace-cart-summary { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .marketplace-cart-panel.panel { padding: 18px; }
  .marketplace-cart-panel .panel-head { align-items: start !important; }
  .marketplace-cart-panel .panel-head h3 { font-size: 20px; }
  .marketplace-cart-panel .marketplace-cart-summary { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .marketplace-cart-panel .financial-summary-card:last-child { grid-column: 1 / -1; }
  .marketplace-cart-panel .marketplace-checkout-fields { grid-template-columns: minmax(0,1fr) !important; padding: 14px; }
  .marketplace-cart-panel .marketplace-cart-group { padding: 14px; }
  .marketplace-cart-panel .marketplace-table :is(.table-head,.table-row) { min-width: 680px; }
  .marketplace-cart-panel .marketplace-cart-actions { flex-direction: column-reverse; align-items: stretch; }
  .marketplace-cart-panel .marketplace-cart-actions button { width: 100% !important; margin: 0; }
  .marketplace-cart-empty { flex-direction: column; align-items: start; gap: 18px; padding: 4px; }
  .marketplace-cart-empty h3 { font-size: 21px; }
  .marketplace-orders-browser .panel-head { flex-wrap: wrap; }
  .marketplace-orders-browser .buyer-order-history .table-empty { white-space: normal; padding: 18px; }
}


/* Compact buyer shortcuts; override the general single-column client layout. */
.client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 48px;
  gap: 10px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav > .quick-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid #d8e3eb;
  border-radius: 9px;
  background: #fff;
  color: #304858;
  font: 600 13px/1.3 "Segoe UI", Arial, sans-serif;
  white-space: nowrap;
  box-shadow: none;
}

.client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav > .quick-action svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav > .quick-action:hover {
  border-color: #77a7f4;
  background: #e8f0ff;
  color: #0647c2;
}

.client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav > .quick-action.active {
  border-color: #77a7f4;
  background: #e8f7f1;
  color: #0647c2;
}

.client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav > .quick-action:focus-visible {
  outline: 2px solid #0647c2;
  outline-offset: 2px;
}

@media (min-width: 1400px) {
  .client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .client-shell .main-shell .marketplace-storefront-page > .marketplace-public-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }
}


/* Marketplace section shortcuts, matching the compact buyer navigation. */
.client-shell .main-shell .marketplace-module-page > .marketplace-subnav {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  grid-auto-rows: 48px;
  gap: 10px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.client-shell .main-shell .marketplace-module-page > .marketplace-subnav > .quick-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid #d8e3eb;
  border-radius: 9px;
  background: #fff;
  color: #304858;
  font: 600 13px/1.3 "Segoe UI", Arial, sans-serif;
  white-space: nowrap;
  box-shadow: none;
}

.client-shell .main-shell .marketplace-module-page > .marketplace-subnav > .quick-action svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.client-shell .main-shell .marketplace-module-page > .marketplace-subnav > .quick-action:hover {
  border-color: #77a7f4;
  background: #e8f0ff;
  color: #0647c2;
}

.client-shell .main-shell .marketplace-module-page > .marketplace-subnav > .quick-action.active {
  border-color: #77a7f4;
  background: #e8f7f1;
  color: #0647c2;
}

.client-shell .main-shell .marketplace-module-page > .marketplace-subnav > .quick-action:focus-visible {
  outline: 2px solid #0647c2;
  outline-offset: 2px;
}


@media (max-width: 640px) {
  .client-shell .main-shell .marketplace-module-page > .marketplace-subnav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }
}



/* One buyer section at a time, below the Marketplace navigation. */
.client-shell .main-shell .marketplace-module-page > .client-section-switch {
  padding: 0 0 14px;
  border-bottom: 1px solid #dce6eb;
}
.client-shell .main-shell .marketplace-module-page .client-section-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}
.client-shell .main-shell .marketplace-module-page .client-section-tab {
  min-height: 40px;
  padding: 8px 12px;
  font: 600 13px/1.4 "Segoe UI", Arial, sans-serif;
  border-radius: 8px;
  box-shadow: none;
  background: #fff;
  border-color: #d8e3eb;
  color: #304858;
}
.client-shell .main-shell .marketplace-module-page .client-section-tab[aria-selected="true"] {
  background: #0647c2;
  border-color: #0647c2;
  color: #fff;
}
.client-shell .main-shell .marketplace-module-page .client-section-tab:focus-visible {
  outline: 2px solid #0647c2;
  outline-offset: 2px;
}
.client-shell .main-shell .marketplace-module-page .marketplace-catalog-help[data-client-pane="asistent"] > summary {
  display: none;
}
.client-shell .main-shell .marketplace-reviews-client-layout[data-client-pane] {
  grid-template-columns: minmax(0, 1fr) !important;
}
.client-shell .main-shell .marketplace-reviews-client-layout[data-client-pane] > [data-client-pane] {
  grid-column: 1 / -1;
  min-width: 0;
}
@media (max-width: 640px) {
  .client-shell .main-shell .marketplace-module-page .client-section-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* RFQ client workspace: only the selected section occupies the content area. */
.client-shell .main-shell .marketplace-rfq-client-layout[data-client-pane] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 20px;
  align-items: start;
}
.client-shell .main-shell .marketplace-rfq-client-layout[data-client-pane] > [data-client-pane] {
  grid-column: 1 / -1;
  grid-row: auto;
  min-width: 0;
  width: 100%;
}


/* Compact sections and counters for the buyer communication page. */
.client-shell .main-shell .communication-page > .client-section-switch {
  padding: 0 0 14px;
  border-bottom: 1px solid #dce6eb;
}
.client-shell .main-shell .communication-page .client-section-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.client-shell .main-shell .communication-page .client-section-tab {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #d8e3eb;
  border-radius: 8px;
  background: #fff;
  color: #304858;
  font: 600 13px/1.4 "Segoe UI", Arial, sans-serif;
  box-shadow: none;
}
.client-shell .main-shell .communication-page .client-section-tab[aria-selected="true"] {
  background: #0647c2;
  border-color: #0647c2;
  color: #fff;
}
.client-shell .main-shell .communication-page .client-section-tab:focus-visible {
  outline: 2px solid #0647c2;
  outline-offset: 2px;
}
.client-shell .main-shell .communication-page > .kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px;
  margin: 0;
}
.client-shell .main-shell .communication-page > .kpi-grid > .kpi {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 98px;
  padding: 16px;
  border: 1px solid #d8e3eb;
  border-radius: 10px;
  box-shadow: none;
}
.client-shell .main-shell .communication-page > .kpi-grid > .kpi > span {
  width: 38px;
  height: 38px;
  border-radius: 9px;
}
.client-shell .main-shell .communication-page > .kpi-grid .kpi svg {
  width: 20px;
  height: 20px;
}
.client-shell .main-shell .communication-page > .kpi-grid .kpi small {
  font: 600 13px/1.4 "Segoe UI", Arial, sans-serif;
  color: #536b79;
}
.client-shell .main-shell .communication-page > .kpi-grid .kpi strong {
  margin: 4px 0;
  font: 650 24px/1.2 "Segoe UI", Arial, sans-serif;
}
.client-shell .main-shell .communication-page > .kpi-grid .kpi em {
  font: 400 12px/1.4 "Segoe UI", Arial, sans-serif;
  color: #728592;
}
@media (max-width: 1100px) {
  .client-shell .main-shell .communication-page > .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .client-shell .main-shell .communication-page .client-section-tabs { gap: 6px; }
  .client-shell .main-shell .communication-page .client-section-tab { flex-direction: column; gap: 4px; padding: 8px 4px; font-size: 12px; }
  .client-shell .main-shell .communication-page > .kpi-grid { gap: 8px; }
  .client-shell .main-shell .communication-page > .kpi-grid > .kpi { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 14px; }
}


/* Shared communication console: client, company and partner entry points. */
/* Keep the portal sidebar width while the communication desk is open. The desk
   is responsive in its own columns; shrinking the portal shell makes labels
   overlap in company, client and Wholesale menus. */
.app-shell:has(.communication-desk) { grid-template-columns: 286px minmax(0,1fr) !important; background:#f3f6fc; }
.app-shell.client-shell:has(.communication-desk),
.app-shell.wholesale-shell:has(.communication-desk) { grid-template-columns: 336px minmax(0,1fr) !important; }
.app-shell:has(.communication-desk) > .sidebar { min-width:0; width:auto; }
.app-shell:has(.communication-desk) .sidebar .nav-item { min-height:38px; padding:9px 12px; font:500 12px/1.4 "Segoe UI",Arial,sans-serif; }
.app-shell:has(.communication-desk) > .main-shell { min-width:0; }
.app-shell:has(.communication-desk) .topbar { display:flex; align-items:center; gap:14px; min-height:0; padding:12px 0; background:transparent; border:0; box-shadow:none; }
.app-shell:has(.communication-desk) .topbar h1 { font-size:19px; margin:2px 0; }
.app-shell:has(.communication-desk) .topbar .eyebrow { font-size:10px; }
.app-shell:has(.communication-desk) .topbar-actions { display:flex; flex-wrap:wrap; gap:6px; }
.app-shell:has(.communication-desk) .topbar-actions > button { width:auto !important; min-height:30px; padding:5px 8px; font-size:10px; box-shadow:none; }
.app-shell.communication-workflow-shell:has(.communication-desk) > .sidebar { display:block; }
.app-shell .main-shell .communication-console-page { gap:14px; font-family:"Segoe UI",Arial,sans-serif; }
.app-shell .main-shell .communication-console-page > .page-head { display:flex !important; align-items:center; justify-content:space-between; gap:14px; min-height:0; padding:0; margin:0; background:none; border:0; box-shadow:none; }
.communication-console-page > .page-head h2 { font-size:21px; letter-spacing:-.5px; margin:0 0 4px; }
.communication-console-page > .page-head p { margin:0; font-size:12px; color:#7a8ca1; }
.communication-console-page > .page-head .small-button { width:auto !important; min-height:34px; font-size:12px; background:#fff; border:1px solid #e0e8f2; color:#607391; box-shadow:none; }
.communication-console-page > .client-section-switch { padding:0 !important; border:0 !important; }
.communication-console-page .client-section-tab { min-height:36px !important; }
.app-shell .main-shell .communication-desk { display:grid !important; grid-template-columns:216px minmax(0,1fr) 250px !important; grid-template-rows:54px minmax(0,1fr); gap:0; height:calc(100dvh - 215px); min-height:560px; max-height:850px; margin:0; width:100%; min-width:0; overflow:hidden; background:#fff; border:1px solid #e2e9f3; border-radius:12px; box-shadow:0 5px 24px #31456806; color:#243952; font:400 13px/1.45 "Segoe UI",Arial,sans-serif; }
.communication-desk * { box-sizing:border-box; }
.communication-desk :is(button,input,select,textarea) { font-family:inherit; font-size:12px; }
.communication-desk button { cursor:pointer; box-shadow:none; }
.communication-desk svg { width:17px; height:17px; flex:0 0 auto; }
.communication-desk :is(button,input,textarea,summary):focus-visible { outline:2px solid #0647c2; outline-offset:2px; }
.communication-desk .desk-toolbar { grid-column:1/-1; display:flex; align-items:center; gap:12px; padding:9px 14px; border-bottom:1px solid #e8edf6; background:#fbfcff; min-width:0; }
.desk-search { display:flex; align-items:center; gap:8px; flex:1; max-width:620px; min-width:0; border:1px solid #e3eaf4; border-radius:7px; background:#fff; padding:0 10px; color:#7a8da7; }
.desk-search input { width:100%; min-width:0; height:34px; border:0; background:transparent; padding:0; outline:none; color:#253c57; }
.desk-conversation-count { color:#8a9bb1; font-size:11px; margin-left:auto; white-space:nowrap; }
.communication-desk .desk-new-button { display:flex; align-items:center; gap:7px; width:auto; min-height:32px; border:1px solid #9fbef6; padding:6px 10px; background:#e8f0ff; color:#0647c2; border-radius:6px; white-space:nowrap; }
.communication-desk .desk-settings { display:flex; align-items:center; justify-content:center; width:32px; height:32px; min-height:0; padding:0; border:1px solid #e1e8f1; background:#fff; color:#6c819c; border-radius:6px; }
.desk-mobile-nav { display:none; }
.communication-desk .desk-directory { display:flex; flex-direction:column; grid-column:1; grid-row:2; min-width:0; min-height:0; padding:14px 10px; border-right:1px solid #e8edf5; overflow:hidden; background:#fff; }
.desk-directory-heading { display:flex; align-items:center; gap:5px; padding:0 3px 12px; }
.desk-directory-heading strong { font-size:9px; letter-spacing:.35px; flex:1; color:#334863; }
.desk-directory-heading button { width:24px; height:24px; min-height:0; padding:2px; color:#0647c2; background:#fff; border:1px solid #bed4f7; border-radius:5px; }
.desk-channel-list { flex:0 1 auto; max-height:46%; overflow:auto; display:grid; gap:4px; padding-bottom:10px; }
.communication-desk .desk-channel { display:flex; align-items:center; gap:8px; width:100%; min-height:48px; height:auto; padding:7px; border:1px solid transparent; border-radius:7px; background:#fff; color:#334861; text-align:left; }
.communication-desk .desk-channel.active { background:#e7f8f1; border-color:#bed4f7; box-shadow:inset 3px 0 #0755ed; }
.desk-channel-mark { display:flex; align-items:center; justify-content:center; width:29px; height:29px; border-radius:7px; color:#fff; flex:0 0 auto; }
.desk-tone-teal { background:#0755ed; }.desk-tone-green { background:#13bc70; }.desk-tone-blue { background:#2681e4; }.desk-tone-red { background:#ef6379; }.desk-tone-purple { background:#874bc5; }.desk-tone-cyan { background:#14adcc; }
.desk-channel > span:nth-child(2) { flex:1; min-width:0; }
.desk-channel strong { display:block; font-size:10px; font-weight:650; overflow-wrap:anywhere; }
.desk-channel small { display:block; font-size:9px; color:#8497ac; }
.desk-channel b { display:grid; place-items:center; min-width:19px; height:19px; border-radius:20px; background:#dbe5f5; color:#0647c2; font-size:10px; }
.desk-list-heading { display:flex; justify-content:space-between; border-top:1px solid #edf1f7; padding:13px 5px 9px; font-size:11px; }
.desk-list-heading span { color:#8699af; }
.desk-conversation-list { min-height:0; overflow:auto; flex:1; display:flex; flex-direction:column; gap:5px; }
.communication-desk .desk-conversation { display:flex; align-items:start; gap:8px; width:100%; padding:10px 7px; min-height:72px; background:#fff; color:#334961; text-align:left; border:1px solid transparent; border-radius:7px; }
.communication-desk .desk-conversation.active { background:#f0f5ff; border-color:#d9e7fc; }
.desk-avatar { display:flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:linear-gradient(145deg,#4d85f1,#a4bfff); color:#fff; font-size:12px; font-weight:650; }
.desk-conversation > span:nth-child(2) { flex:1; min-width:0; }
.desk-conversation :is(strong,small,em) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.desk-conversation strong { font-size:11px; font-weight:650; }
.desk-conversation small { font-size:10px; color:#758aa4; margin:3px 0; }
.desk-conversation em { font-size:10px; font-style:normal; font-weight:400; color:#94a3b6; }
.desk-conversation b { font-size:10px; background:#dbe5f5; border-radius:12px; padding:1px 5px; color:#0647c2; }
.desk-no-results,.desk-muted { font-size:11px; line-height:1.6; color:#8a9db1; padding:8px; }
.desk-extra-filters { font-size:11px; color:#70849c; border-top:1px solid #edf1f7; padding-top:10px; }
.desk-extra-filters summary { cursor:pointer; }
.desk-extra-filters form,.desk-extra-filters label { display:grid; gap:6px; }
.desk-extra-filters input,.desk-extra-filters select { width:100%; min-width:0; height:32px; }
.desk-extra-filters .marketplace-message-toolbar-actions { display:flex; gap:5px; }
.communication-desk .desk-thread { grid-column:2; grid-row:2; min-width:0; min-height:0; overflow:hidden; }
.communication-desk .conversation-thread-panel { display:flex; flex-direction:column; height:100%; min-height:0; width:100%; padding:0; border:0; border-radius:0; box-shadow:none; background:#fff; }
.communication-desk .thread-header { display:flex; align-items:center; justify-content:space-between; min-height:64px; padding:13px 16px; gap:10px; border-bottom:1px solid #edf1f8; }
.desk-thread-identity { display:flex; align-items:center; gap:9px; min-width:0; }
.desk-thread-identity > div { min-width:0; }
.communication-desk .thread-header h3 { font-size:13px; line-height:1.4; margin:0; color:#283b55; overflow-wrap:anywhere; }
.communication-desk .thread-header small { display:block; font-size:10px; color:#8a9bb1; max-width:330px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.communication-desk .thread-status { display:flex; align-items:center; flex-wrap:nowrap; gap:7px; }
.thread-status .status-badge { font-size:9px; white-space:nowrap; }
.desk-status-menu { position:relative; }
.desk-status-menu summary { display:flex; padding:6px; border:1px solid #e2e9f3; border-radius:5px; color:#8b9ab4; cursor:pointer; }
.desk-status-menu > div { position:absolute; right:0; top:35px; z-index:5; background:#fff; padding:6px; border:1px solid #e0e7f1; border-radius:7px; width:190px; box-shadow:0 8px 20px #172f5620; }
.desk-status-menu button { width:100%; padding:8px; background:#fff; border:0; text-align:left; color:#46617f; }
.communication-desk .message-feed { display:flex; flex-direction:column; flex:1; min-height:0; overflow:auto; padding:24px 20px; gap:18px; background:linear-gradient(#fbfcff,#fff); }
.communication-desk .message-bubble { width:fit-content; max-width:84%; min-width:80px; margin:0; padding:12px 14px 8px; border:0; border-radius:12px 12px 12px 3px; background:#f0f3f9; color:#35475f; box-shadow:none; align-self:flex-start; }
.communication-desk .message-bubble.mine { align-self:flex-end; border-radius:12px 12px 3px 12px; background:#dbe5f5; }
.communication-desk .message-bubble p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.7; margin:0; color:inherit; }
.message-bubble footer { display:flex; justify-content:flex-end; align-items:center; gap:6px; color:#8e9eb4; font-size:9px; padding-top:6px; }
.message-bubble.mine footer { color:#0755ed; }
.message-bubble footer > span { margin-right:auto; font-size:9px; }
.message-bubble footer svg { width:12px; height:12px; }
.desk-file-card { display:flex; align-items:center; gap:8px; padding:9px; border-radius:8px; background:#ffffffa8; margin:7px 0; }
.desk-file-card > span { color:#f47757; }
.desk-file-card > div { flex:1; min-width:0; }.desk-file-card strong { font-size:10px; overflow-wrap:anywhere; }.desk-file-card small { display:block; font-size:9px; color:#8e9bb0; }.desk-file-card button { width:auto; min-height:24px; font-size:9px; padding:3px; background:transparent; color:#54799e; border:0; }
.communication-desk .message-composer { flex:0 0 auto; display:block; border-top:1px solid #e7edf6; padding:10px 16px 13px; background:#fff; }
.desk-composer-label { display:inline-block; color:#0647c2; font-size:11px; font-weight:600; border-bottom:2px solid #0647c2; padding:0 4px 7px; margin-bottom:6px; }
.communication-desk .message-composer textarea { display:block; width:100%; min-height:64px; height:70px; resize:vertical; max-height:170px; padding:10px; border:1px solid #e2eaf4; border-radius:7px; background:#fff; color:#344e6b; line-height:1.5; font-size:12px; }
.communication-desk .composer-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 0 0; }
.desk-composer-tools { display:flex; flex-wrap:wrap; gap:4px; }
.communication-desk .composer-actions button { display:flex; align-items:center; gap:6px; width:auto !important; min-height:30px; padding:5px 8px; border:1px solid #e4ebf4; color:#6e84a0; background:#fff; border-radius:5px; box-shadow:none; font-size:10px; }
.communication-desk .composer-actions .primary-button { background:#0647c2; color:#fff; border-color:#0647c2; padding:8px 17px; }
.communication-desk .thread-empty { flex:1; min-height:180px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:13px; padding:28px; color:#92a1b7; }
.communication-desk .thread-empty > svg { width:40px; height:40px; padding:8px; background:#e8f0ff; color:#0647c2; border-radius:12px; }
.communication-desk .thread-empty strong { color:#48617c; font-size:14px; font-weight:600; }.communication-desk .thread-empty span { font-size:12px; }
.communication-desk .desk-inspector { grid-column:3; grid-row:2; overflow:auto; min-width:0; min-height:0; padding:16px; border-left:1px solid #e8edf5; background:#fff; }
.desk-contact-heading { font-size:11px; margin-bottom:20px; }.desk-contact-identity { display:flex; gap:10px; align-items:center; margin-bottom:20px; }.desk-contact-identity strong { display:block; font-size:12px; }.desk-contact-identity small { display:block; font-size:10px; color:#8b9cb2; margin-top:3px; }
.desk-contact-facts { display:grid; gap:15px; margin:0; }.desk-contact-facts > div { display:grid; grid-template-columns:20px minmax(0,1fr); gap:1px 7px; }.desk-contact-facts > div > span { grid-row:1/3; color:#8297b5; }.desk-contact-facts dt { font-size:10px; color:#8d9db3; }.desk-contact-facts dd { font-size:11px; color:#3d536e; margin:0; overflow-wrap:anywhere; }
.desk-contact-section { border-top:1px solid #edf1f7; padding-top:16px; margin-top:18px; }.desk-contact-section h4 { font-size:11px; margin:0 0 10px; }.desk-tags { display:flex; flex-wrap:wrap; gap:5px; }.desk-tags span { border-radius:6px; background:#e8f3ff; color:#5a86be; font-size:9px; padding:3px 7px; }.desk-tags span:nth-child(3n+2) { background:#fff5d9; color:#bc902b; }.desk-tags span:nth-child(3n) { background:#e5f8eb; color:#369967; }
.desk-contact-note { padding:10px; background:#fbfcff; border:1px solid #eaf0f8; border-left:3px solid #f6cc57; border-radius:5px; font-size:11px; white-space:pre-wrap; }
.communication-desk .desk-history-item { display:block; width:100%; background:#fff; border:0; padding:7px 0; text-align:left; }.desk-history-item strong { display:block; font-size:10px; color:#6a82a0; }.desk-history-item small { display:block; font-size:9px; color:#0755ed; margin-top:3px; }
.desk-contact-tools { font-size:11px; margin-top:18px; padding-top:14px; border-top:1px solid #edf1f7; }.desk-contact-tools summary { cursor:pointer; color:#637c9d; }.desk-contact-tools :is(.conversation-side-panel,.marketplace-message-context-panel,.mini-panel,.panel) { min-width:0; width:100%; padding:10px 0; border:0; box-shadow:none; }.desk-contact-tools :is(h3,h4,strong) { font-size:12px; }.desk-contact-tools .profile-facts { font-size:11px; }.desk-contact-tools input,.desk-contact-tools select { width:100%; min-width:0; }
.desk-contact-empty { color:#7890ab; font-size:12px; }.desk-contact-empty strong { color:#344c69; font-size:12px; }
.desk-new-section,.desk-admin-extras { border:1px solid #e1e8f2; border-radius:9px; padding:12px 16px; background:#fff; font-size:12px; color:#5e7792; }.desk-new-section > summary,.desk-admin-extras > summary { cursor:pointer; font-weight:600; }.desk-admin-extras > div { display:grid; gap:16px; padding-top:14px; }
.communication-console-market { grid-column:1/-1; }
.app-shell .main-shell .marketplace-module-page:has(.communication-desk) > .page-head { display:flex !important; align-items:center; justify-content:space-between; padding:0; margin:0; border:0; background:none; box-shadow:none; }
.marketplace-module-page:has(.communication-desk) > .page-head h2 { font-size:21px; margin:0; }.marketplace-module-page:has(.communication-desk) > .page-head :is(p,.status-pill,.soft-badge) { font-size:11px; }
.app-shell .main-shell .marketplace-module-page:has(.communication-desk) > .marketplace-subnav { display:flex !important; flex-wrap:nowrap; gap:6px; overflow:auto; height:36px; margin:0; padding:0; }
.app-shell .main-shell .marketplace-module-page:has(.communication-desk) > .marketplace-subnav > .quick-action { flex:0 0 auto; width:auto; min-height:32px; height:32px; padding:0 10px; font-size:11px; }
.app-shell .main-shell .communication-desk[hidden],.communication-desk [hidden] { display:none !important; }
@media (max-width:1200px) { .app-shell:has(.communication-desk) { grid-template-columns:286px minmax(0,1fr) !important; }.app-shell.client-shell:has(.communication-desk),.app-shell.wholesale-shell:has(.communication-desk) { grid-template-columns:336px minmax(0,1fr) !important; }.app-shell .main-shell .communication-desk { grid-template-columns:190px minmax(0,1fr) 210px !important; }.desk-conversation-count { display:none; }.communication-desk .desk-inspector { padding:12px; }.desk-composer-tools button { font-size:9px !important; } }
@media (max-width:1000px) {
  .app-shell:has(.communication-desk) { grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto 1fr; }
  .app-shell:has(.communication-desk) > .sidebar { min-height:0 !important; height:auto !important; }
  .app-shell .main-shell .communication-desk { grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto minmax(0,1fr); height:calc(100dvh - 250px); min-height:520px; }
  .communication-desk .desk-toolbar { flex-wrap:wrap; gap:8px; }
  .desk-mobile-nav { display:flex; width:100%; gap:5px; }.desk-mobile-nav button { flex:1; background:#f4f7fc; color:#748ba8; border:1px solid #e4ebf5; padding:7px; border-radius:5px; }.desk-mobile-nav button[aria-pressed="true"] { background:#e5f7f0; color:#0647c2; border-color:#bed4f7; }
  .communication-desk :is(.desk-directory,.desk-thread,.desk-inspector) { grid-column:1; grid-row:2; border:0; }
  .communication-desk[data-desk-view="messages"] :is(.desk-directory,.desk-inspector),.communication-desk[data-desk-view="channels"] :is(.desk-thread,.desk-inspector),.communication-desk[data-desk-view="details"] :is(.desk-directory,.desk-thread) { display:none; }
  .communication-desk .desk-channel-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .communication-desk .thread-header { padding:10px; }.communication-desk .message-feed { padding:16px 12px; }.communication-desk .message-composer { padding:8px 10px; }.communication-desk .message-bubble { max-width:92%; }
  .desk-new-button { font-size:0 !important; gap:0 !important; }.desk-new-button svg { width:18px; }
  .desk-search { max-width:none; }.desk-thread-identity .desk-avatar { width:28px; height:28px; flex-basis:28px; }.communication-desk .thread-header h3 { font-size:12px; }.communication-desk .thread-header small { max-width:160px; }
}

/* Keep the composer at the bottom, including before the first conversation. */
.app-shell .main-shell .communication-desk { align-items:stretch !important; min-height:420px; }
.app-shell .main-shell .communication-desk > .desk-thread { align-self:stretch; height:100%; min-height:0; }
.app-shell .main-shell .communication-desk .conversation-thread-panel { display:flex !important; flex-direction:column; height:100%; min-height:0; max-height:100%; gap:0; overflow:hidden; }
.app-shell .main-shell .communication-desk .thread-header { flex:0 0 auto; }
.app-shell .main-shell .communication-desk .message-feed { flex:1 1 0; min-height:0; overflow:auto; }
.app-shell .main-shell .communication-desk .message-feed > .thread-empty { min-height:0; margin:0; padding:18px; border:0; }
.app-shell .main-shell .communication-desk .message-composer { flex:0 0 auto; margin:0; max-height:75%; overflow:auto; }
.app-shell .main-shell .communication-desk .desk-new-composer { display:flex !important; flex-direction:column; gap:0; overflow:hidden; }
.communication-desk .desk-compose-address { flex:0 1 auto; min-height:0; overflow:auto; }
.communication-desk .desk-new-composer > :is(label,textarea,.composer-actions) { flex:0 0 auto; }
.communication-desk .desk-new-composer > .desk-composer-label { align-self:flex-start; }
.communication-desk .desk-compose-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:8px; }
.communication-desk .desk-compose-fields label { display:flex; flex-direction:column; gap:4px; min-width:0; margin:0; color:#516985; font-size:11px; }
.communication-desk .desk-compose-fields label span { font-weight:600; }
.communication-desk .desk-compose-fields small { font-size:10px; font-weight:400; color:#8799ad; }
.communication-desk .desk-compose-fields :is(input:not([type="hidden"]),select) { display:block; min-height:32px; height:32px; width:100%; min-width:0; padding:5px 8px; margin:0; border:1px solid #dfe8f3; border-radius:6px; background:#fff; font-size:11px; color:#354e6a; }
.communication-desk .desk-compose-fields input[readonly] { background:#f7f9fc; }
.communication-desk .desk-compose-readiness { margin:0 0 6px; }
.communication-desk .desk-compose-readiness .conversation-channel-readiness { display:flex; align-items:center; gap:6px; padding:6px 8px; margin:0; min-height:0; border-radius:6px; }
.communication-desk .desk-compose-readiness .conversation-channel-readiness > div { min-width:0; flex:1; }
.communication-desk .desk-compose-readiness :is(strong,small,p) { font-size:10px; line-height:1.4; margin:0; }
.communication-desk .desk-compose-readiness .readiness-icon { display:none; }
.communication-desk .desk-compose-readiness button { width:auto; min-height:26px; padding:4px 6px; font-size:10px; }
.communication-desk .desk-compose-hint { font-size:10px; line-height:1.5; color:#8194ab; max-width:70%; }
.communication-desk .composer-actions button:disabled { opacity:.5; cursor:not-allowed; }
@media (max-width:1000px) {
  .communication-desk .desk-compose-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .communication-desk .desk-compose-fields .desk-compose-recipient { grid-column:1/-1; }
  .communication-desk .desk-compose-readiness .conversation-channel-readiness { flex-wrap:wrap; }
  .communication-desk .desk-compose-hint { max-width:65%; }
}

/* Composer utilities share one compact, scrollable panel below the message. */
.communication-desk .ca-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 6px; flex:0 0 auto; }
.communication-desk .ca-heading .desk-composer-label { margin:0; }
.communication-desk .ca-tabs { display:flex; gap:4px; flex-wrap:wrap; }
.communication-desk .ca-tabs button { display:inline-flex; align-items:center; gap:5px; width:auto !important; min-height:29px; padding:5px 9px; border:1px solid #e0e9f2; border-radius:6px; background:#f7f9fd; color:#647b95; font:500 11px/1.3 "Segoe UI",Arial,sans-serif; }
.communication-desk .ca-tabs button.active { color:#0647c2; background:#dbe5f5; border-color:#9fbef6; }
.communication-desk .composer-assist { display:flex; flex-direction:column; min-height:0; margin-top:8px; padding:9px 10px 5px; border:1px solid #dbe5f5; border-radius:8px; background:#f8fcfb; color:#405b74; overflow:hidden; }
.communication-desk .composer-assist[hidden] { display:none !important; }
.communication-desk .ca-panel-scroll { min-height:0; overflow:auto; padding-right:3px; }
.communication-desk .ca-fields { display:grid; gap:8px; margin-bottom:8px; }
.communication-desk .ca-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.communication-desk .ca-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.communication-desk .composer-assist label { display:flex; flex-direction:column; gap:4px; min-width:0; font-size:10px; font-weight:600; }
.communication-desk .composer-assist :is(input,select) { display:block; width:100%; height:30px; min-height:30px; min-width:0; border:1px solid #dce6ef; border-radius:5px; padding:4px 7px; background:#fff; color:#35516a; font-size:11px; }
.communication-desk .composer-assist textarea { height:58px; min-height:52px; max-height:130px; width:100%; padding:7px; font-size:11px; border-radius:5px; }
.communication-desk .composer-assist .ca-result-label textarea { height:65px; }
.communication-desk .ca-actions,.communication-desk .ca-record-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:7px; }
.communication-desk .composer-assist button { display:inline-flex; align-items:center; justify-content:center; width:auto !important; min-height:28px; padding:5px 9px; border:1px solid #cbdfe2; border-radius:5px; background:white; color:#456779; font-size:10px; box-shadow:none; }
.communication-desk .composer-assist button.ca-insert { background:#0647c2; color:#fff; border-color:#0647c2; margin-left:auto; }
.communication-desk .composer-assist button:disabled { opacity:.45; cursor:not-allowed; }
.communication-desk :is(.ca-note,.ca-key-settings p,.ca-feedback) { font-size:10px; line-height:1.45; margin:5px 0; color:#70889c; overflow-wrap:anywhere; }
.communication-desk .ca-feedback { flex:0 0 auto; color:#0647c2; }
.communication-desk .ca-feedback:empty { display:none; }
.communication-desk .ca-key-settings { padding:6px 8px; margin:6px 0; border:1px solid #e2e9ef; border-radius:6px; background:#fff; }
.communication-desk .ca-key-settings summary { font-size:10px; cursor:pointer; color:#52748f; }
.communication-desk .ca-key-settings .ca-fields { margin-top:8px; }
.communication-desk .ca-actions a { font-size:10px; color:#0647c2; }
.app-shell .main-shell .communication-desk .message-composer.ca-open { display:flex !important; flex-direction:column; gap:0; flex:0 1 auto; max-height:88%; min-height:280px; overflow:hidden; }
.communication-desk .message-composer.ca-open > :is(.ca-heading,textarea,.composer-actions) { flex:0 0 auto; }
.communication-desk .message-composer.ca-open > textarea { height:64px; min-height:54px; }
.communication-desk .message-composer.ca-open > .composer-assist { flex:1 1 auto; max-height:340px; }
.communication-desk .message-composer.ca-open > .desk-compose-address { max-height:84px; flex:0 0 auto; overflow:auto; }
@media (max-width:1000px) {
  .communication-desk .ca-three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .communication-desk .ca-three > label:first-child { grid-column:1/-1; }
  .communication-desk .ca-tabs { gap:3px; }
  .communication-desk .ca-tabs button { padding:5px 6px; font-size:10px; }
  .app-shell .main-shell .communication-desk .message-composer.ca-open { max-height:100%; }
  .communication-desk .message-composer.ca-open > .desk-compose-address { max-height:54px; }
  .communication-desk .message-composer.ca-open > .composer-assist { max-height:290px; }
  .communication-desk .composer-assist { padding:7px 6px 4px; }
}

/* Give composer tools their own vertical space without collapsing the conversation. */
.app-shell .main-shell .communication-desk:has(.message-composer.ca-open) {
  height:calc(clamp(420px, 100dvh - 215px, 850px) + 340px);
  min-height:820px;
  max-height:none;
}
.app-shell .main-shell .communication-desk:has(.message-composer.ca-open) .message-feed {
  min-height:260px;
}
.app-shell .main-shell .communication-desk .message-composer.ca-open {
  max-height:calc(100% - 280px);
}
@media (max-width:1000px) {
  .app-shell .main-shell .communication-desk:has(.message-composer.ca-open) {
    height:calc(clamp(420px, 100dvh - 250px, 850px) + 400px);
    min-height:880px;
  }
}

/* Shared light sidebar palette; layout, routes and visibility are unchanged. */
.app-shell > .sidebar {
  color:#526780;
  background:#fff;
  border-right:1px solid #e4ebf2;
  box-shadow:none;
  scrollbar-color:#bccbd7 #fff;
}
.app-shell .sidebar .brand { color:#183656; }
.app-shell .sidebar .brand-mark { color:#0647c2; background:#dbe5f5; }
.app-shell .sidebar :is(.brand small,.nav p,.sidebar-card span,.company-admin-return-card small,.nav-item small),
.app-shell .sidebar .nav-item.sidebar-shortcut span::after { color:#61748a; }
.app-shell .sidebar .nav { border-color:#e4ebf2; scrollbar-color:#bccbd7 #fff; }
.app-shell .sidebar .nav-item { color:#526780; background:transparent; border-color:transparent; }
.app-shell .sidebar .nav-item:hover {
  color:#0647c2;
  background:#e8f0ff;
  border-color:#dbe5f5;
}
.app-shell .sidebar .nav-item.active {
  color:#0647c2;
  background:#dbe5f5;
  border-color:#bed4f7;
}
.app-shell .sidebar .nav-item svg { color:currentColor; }
.app-shell .sidebar .nav-item:is(.commerce-sidebar-finance-shortcut,.commerce-sidebar-public-b2b-shortcut,.marketplace-sidebar-public-b2c-shortcut) svg {
  color:#0647c2;
  background:#dbe5f5;
}
.app-shell .sidebar :is(.portal-switcher,.company-admin-return-card,.sidebar-card) {
  background:#f7fafc;
  border-color:#e1e9f0;
  box-shadow:none;
}
.app-shell .sidebar .portal-switcher button {
  color:#526780;
  background:#fff;
  border-color:#e1e9f0;
  box-shadow:none;
}
.app-shell .sidebar .portal-switcher button:is(:hover,:focus-visible) {
  color:#0647c2;
  background:#e8f0ff;
  border-color:#9fbef6;
}
.app-shell .sidebar .portal-switcher button.active,
.app-shell .sidebar .company-admin-return-card.active {
  color:#0647c2;
  background:#dbe5f5;
  border-color:#9fbef6;
  box-shadow:none;
}
.app-shell .sidebar .portal-switcher svg { color:currentColor; background:#eef5f8; }
.app-shell .sidebar .portal-switcher button.active svg { background:#dbe5f5; }
.app-shell .sidebar .company-admin-return-card button { color:#526780; }
.app-shell .sidebar .company-admin-return-card button:is(:hover,:focus-visible) { background:#e8f0ff; }
.app-shell .sidebar :is(.company-admin-return-card strong,.sidebar-card strong) { color:#294363; }
.app-shell .sidebar .company-admin-return-card svg { color:#0647c2; background:#dbe5f5; }
.app-shell .sidebar :is(.sidebar-card,.sidebar-actions) .small-button.ghost {
  color:#526780;
  border-color:#dce6ee;
  background:#fff;
}
.app-shell .sidebar :is(.sidebar-card,.sidebar-actions) .small-button.ghost:is(:hover,:focus-visible) {
  color:#0647c2;
  border-color:#9fbef6;
  background:#e8f0ff;
}
.app-shell .sidebar :is(button,a):focus-visible { outline:2px solid #0647c2; outline-offset:2px; }

/* Compact client home navigation and actions, matching the buyer workspace. */
.client-shell .main-shell .dashboard-page > .quick-strip {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px;
  margin:0;
}
.client-shell .main-shell .dashboard-page > .quick-strip > .quick-action {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:54px;
  height:auto;
  padding:10px;
  border-radius:8px;
  box-shadow:none;
  color:#304858;
  font:600 13px/1.35 "Segoe UI",Arial,sans-serif;
  text-align:center;
}
.client-shell .main-shell .dashboard-page > .quick-strip > .quick-action svg { width:18px; height:18px; flex:0 0 18px; }
.client-shell .main-shell .dashboard-page > .quick-strip > .quick-action:hover { color:#0647c2; background:#e8f0ff; border-color:#77a7f4; }
.client-shell .main-shell .dashboard-page > .dashboard-action-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px;
  margin:0;
}
.client-shell .main-shell .dashboard-page > .dashboard-action-grid > .dashboard-action-card {
  grid-template-columns:36px minmax(0,1fr);
  grid-column:auto;
  align-content:start;
  justify-content:normal;
  min-width:0;
  min-height:118px;
  padding:14px;
  gap:5px 10px;
  box-shadow:none;
}
.client-shell .main-shell .dashboard-page > .dashboard-action-grid .dashboard-action-card > span { width:36px; height:36px; }
.client-shell .main-shell .dashboard-page > .dashboard-action-grid .dashboard-action-card strong { font:650 14px/1.35 "Segoe UI",Arial,sans-serif; }
.client-shell .main-shell .dashboard-page > .dashboard-action-grid .dashboard-action-card small { font:400 12px/1.5 "Segoe UI",Arial,sans-serif; }
@media (min-width:1400px) {
  .client-shell .main-shell .dashboard-page > .quick-strip { grid-template-columns:repeat(7,minmax(0,1fr)) !important; }
}
@media (min-width:1800px) {
  .client-shell .main-shell .dashboard-page > .dashboard-action-grid { grid-template-columns:repeat(6,minmax(0,1fr)) !important; }
}
@media (max-width:1100px) {
  .client-shell .main-shell .dashboard-page > .quick-strip { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .client-shell .main-shell .dashboard-page > .dashboard-action-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:600px) {
  .client-shell .main-shell .dashboard-page > .quick-strip { gap:8px; }
  .client-shell .main-shell .dashboard-page > .dashboard-action-grid { grid-template-columns:minmax(0,1fr) !important; gap:8px; }
  .client-shell .main-shell .dashboard-page > .dashboard-action-grid > .dashboard-action-card { min-height:102px; }
}

/* Local filters sit beside each client storefront section heading. */
.client-shell .main-shell .marketplace-storefront-route-client-storefront .client-catalog-panel-head {
  display:grid !important;
  grid-template-columns:minmax(170px,0.7fr) minmax(0,3fr) !important;
  align-items:end;
  gap:18px;
}
.client-catalog-filterbar { min-width:0; width:100%; }
.client-catalog-filter-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:8px; align-items:end; }
.client-catalog-filter-fields.for-stores { grid-template-columns:repeat(3,minmax(0,1fr)) auto; }
.client-catalog-filter-fields label { display:grid; gap:5px; min-width:0; margin:0; color:#526780; font:500 11px/1.4 "Segoe UI",Arial,sans-serif; }
.client-shell .main-shell .client-catalog-filter-fields select { width:100%; min-width:0; height:38px; min-height:38px; margin:0; padding:7px 8px; border:1px solid #d8e3eb; border-radius:6px; background:#fff; color:#304858; font:400 12px/1.4 "Segoe UI",Arial,sans-serif; }
.client-shell .main-shell .client-catalog-reset { width:auto !important; min-height:38px; padding:7px 10px; border:1px solid #bed4f7; border-radius:6px; background:#e8f0ff; color:#0647c2; box-shadow:none; font:600 11px/1.4 "Segoe UI",Arial,sans-serif; }
.client-shell .main-shell .client-catalog-reset:disabled { opacity:.5; cursor:default; }
.client-catalog-filter-fields :is(select,button):focus-visible { outline:2px solid #0647c2; outline-offset:2px; }
.client-catalog-filter-summary { margin:6px 0 0 !important; color:#61748a; font:400 11px/1.4 "Segoe UI",Arial,sans-serif; }
@media (max-width:1250px) {
  .client-shell .main-shell .marketplace-storefront-route-client-storefront .client-catalog-panel-head { grid-template-columns:minmax(0,1fr) !important; gap:12px; }
}
@media (max-width:680px) {
  .client-catalog-filter-fields,.client-catalog-filter-fields.for-stores { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


/* Compact indicators for client documents, invoices/payments, help and profile. */
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px;
  margin:0;
}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi {
  grid-column:auto;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:104px;
  padding:16px;
  border-radius:10px;
  box-shadow:none;
}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi > span {width:38px;height:38px;border-radius:9px;}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi > div {min-width:0;overflow-wrap:anywhere;}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi svg {width:20px;height:20px;}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi small {font:600 13px/1.4 "Segoe UI",Arial,sans-serif;color:#536b79;}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi strong {margin:4px 0;font:650 23px/1.25 "Segoe UI",Arial,sans-serif;}
.client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi em {font:400 12px/1.4 "Segoe UI",Arial,sans-serif;color:#728592;}
@media (max-width:1100px) {
  .client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:640px) {
  .client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid {gap:8px;}
  .client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi {grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:12px;}
  .client-shell .main-shell .page:has(> .client-section-switch :is([data-client-route="client-documents"],[data-client-route="client-invoices"],[data-client-route="client-payments"],[data-client-route="client-tickets"],[data-client-route="client-profile"])) > .kpi-grid > .kpi strong {font-size:20px;}
}

/* Buyer catalog layout controls; only explicitly wrapped product/service grids. */
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] {min-width:0;width:100%;}
.marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:#61748a;font:500 12px/1.4 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-buttons {display:flex;gap:4px;padding:3px;border:1px solid #dce7ed;border-radius:8px;background:#f7fafb;}
.marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-button {display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:34px;padding:6px 11px;border:1px solid transparent;border-radius:5px;box-shadow:none;background:transparent;color:#526780;font:600 12px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer;}
.marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-button svg {width:16px;height:16px;}
.marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-button[aria-pressed="true"] {background:#dbe5f5;border-color:#9fbef6;color:#0647c2;}
.marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-button:focus-visible {outline:2px solid #0647c2;outline-offset:2px;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)) !important;align-items:stretch;gap:16px;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card {display:flex;flex-direction:column;grid-column:auto;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid #dce7ed;border-radius:10px;box-shadow:none;background:#fff;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-visual {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:100%;height:120px;min-height:120px;padding:12px;border:0;border-bottom:1px solid #e8eff3;box-shadow:none;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-visual span {font:650 30px/1.2 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-body {display:flex;flex-direction:column;flex:1;gap:9px;min-width:0;min-height:0;padding:15px;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card h4 {margin:0;min-height:0;font:650 16px/1.4 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card p {margin:0;min-height:0;font:400 12px/1.5 "Segoe UI",Arial,sans-serif;-webkit-line-clamp:2;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] :is(.marketplace-card-category,.marketplace-meta-row,.marketplace-card-badges) {display:flex;flex-wrap:wrap;gap:5px;min-width:0;font-size:11px;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] :is(.marketplace-card-category,.marketplace-meta-row,.marketplace-card-badges) span {max-width:100%;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-footer {display:flex;flex-direction:column;align-items:stretch;align-self:stretch;gap:10px;margin-top:auto;padding-top:10px;min-width:0;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-footer strong {font:650 20px/1.3 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-actions :is(button,a) {display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:34px;padding:6px 8px;box-shadow:none;font:600 12px/1.35 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-actions .marketplace-buy-button {grid-column:1/-1;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-grid {grid-template-columns:minmax(0,1fr) !important;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card {flex-direction:row;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-visual {width:150px;height:auto;min-height:150px;border-bottom:0;border-right:1px solid #e8eff3;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-actions {display:flex;flex-wrap:wrap;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-actions :is(button,a) {width:auto;}
@media (max-width:600px) {
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .marketplace-card-grid {gap:12px;}
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-visual {width:72px;min-height:90px;padding:8px;}
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-visual span {font-size:22px;}
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .marketplace-card-body {padding:12px;}
  .marketplace-catalog-view[data-marketplace-layout-key] .marketplace-catalog-view-toolbar {gap:6px;}
}

/* Public product/service tiles share the catalog view switch used in buyer pages. */
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] > .public-product-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)) !important;
  align-items:stretch;
  gap:16px;
}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-tile {
  display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;grid-column:auto;
  border:1px solid #dce7ed;border-radius:10px;overflow:hidden;background:#fff;box-shadow:none;
}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-media {
  display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:140px;min-height:140px;
  padding:12px;border:0;border-bottom:1px solid #e8eff3;box-shadow:none;
}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-media > span {width:60px;height:60px;font-size:27px;border-radius:14px;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-body {display:flex;flex-direction:column;flex:1;min-width:0;gap:10px;padding:15px;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-body h3 {min-height:0;margin:0;font:650 16px/1.4 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-body p {min-height:0;margin:0;font:400 12px/1.5 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-rating-row {display:flex;flex-wrap:wrap;gap:10px;font:400 12px/1.4 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-footer {display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;min-width:0;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-footer > div {min-width:0;overflow-wrap:anywhere;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-footer strong {font:650 20px/1.3 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-footer em {font:400 11px/1.4 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-product-footer :is(button,a) {width:auto;min-height:34px;padding:7px 12px;font:600 12px/1.4 "Segoe UI",Arial,sans-serif;box-shadow:none;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] .public-store-link {min-width:0;white-space:normal;text-align:left;overflow-wrap:anywhere;font:500 12px/1.4 "Segoe UI",Arial,sans-serif;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] > .public-product-grid {grid-template-columns:minmax(0,1fr) !important;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .public-product-tile {flex-direction:row;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .public-product-media {width:160px;height:auto;min-height:150px;border-bottom:0;border-right:1px solid #e8eff3;}
.marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .public-product-footer {flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;}
@media(max-width:600px) {
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view] > .public-product-grid {gap:12px;}
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .public-product-media {width:72px;min-height:90px;padding:8px;}
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .public-product-media > span {width:52px;height:52px;font-size:22px;}
  .marketplace-catalog-view[data-marketplace-layout-key][data-catalog-view="list"] .public-product-body {padding:12px;}
}

/* Dedicated B2B public entry; independent of retail catalog styling and routes. */
.public-b2b-shell {min-height:100vh;background:#f5f8fb;color:#183142;font-family:"Segoe UI",Arial,sans-serif;}
.public-b2b-topbar {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1400px)/2));background:#fff;border-bottom:1px solid #e1e9ef;}
.public-b2b-brand {display:flex;align-items:center;gap:12px;text-decoration:none;color:#183142;}
.public-b2b-brand>svg {width:44px;height:44px;padding:10px;background:#dbe5f5;color:#0647c2;border-radius:10px;}
.public-b2b-brand strong {display:block;font-size:19px;}.public-b2b-brand small {display:block;font-size:12px;color:#61748a;margin-top:3px;}
.public-b2b-topbar nav,.public-b2b-access-actions {display:flex;flex-wrap:wrap;gap:10px;}
.public-b2b-shell :is(.small-button,.primary-button) {display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:40px;padding:9px 16px;text-decoration:none;font:600 13px/1.4 "Segoe UI",Arial,sans-serif;border-radius:8px;box-shadow:none;}
.public-b2b-shell .primary-button {background:#0647c2;color:#fff;border:1px solid #0647c2;}
.public-b2b-shell .small-button {background:#fff;color:#345164;border:1px solid #d7e4eb;}
.public-b2b-shell :is(a,button,input,select):focus-visible {outline:2px solid #0647c2;outline-offset:3px;}
.public-b2b-page {max-width:1448px;padding:32px 24px 48px;margin:auto;}
.public-b2b-hero {margin-bottom:26px;}.public-b2b-hero h1 {font:700 32px/1.2 "Segoe UI",Arial,sans-serif;margin:10px 0 12px;}.public-b2b-hero p {font-size:15px;color:#61748a;margin:0;}
.public-b2b-access {max-width:760px;padding:30px;background:#fff;border:1px solid #dce7ed;border-radius:14px;}
.public-b2b-access-icon {display:grid;place-items:center;width:48px;height:48px;background:#dbe5f5;color:#0647c2;border-radius:10px;}.public-b2b-access h2 {font-size:22px;margin:18px 0 12px;}.public-b2b-access p {font:400 14px/1.65 "Segoe UI",Arial,sans-serif;color:#61748a;}.public-b2b-access-actions {margin-top:22px;}
.public-b2b-catalog {padding:22px;background:#fff;border:1px solid #dce7ed;border-radius:12px;min-width:0;}
.public-b2b-catalog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}.public-b2b-catalog-head h2 {margin:0;font-size:22px;}.public-b2b-catalog-head p {font-size:13px;color:#61748a;margin:6px 0 0;}
.public-b2b-filters {display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto auto;gap:12px;align-items:end;}.public-b2b-filters label {display:grid;gap:6px;min-width:0;font-size:12px;color:#526780;}.public-b2b-filters :is(input,select) {width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid #d7e4eb;border-radius:7px;background:#fff;color:#183142;font:400 13px "Segoe UI",Arial,sans-serif;}
.public-b2b-result-count {font-size:12px;color:#61748a;margin:14px 0;}.public-b2b-empty {padding:24px;border:1px dashed #d7e4eb;border-radius:8px;color:#61748a;}
.public-b2b-offer-facts {display:flex;gap:14px;flex-wrap:wrap;margin:0;font-size:12px;}.public-b2b-offer-facts div {min-width:0;}.public-b2b-offer-facts dt {color:#61748a;margin-bottom:4px;}.public-b2b-offer-facts dd {margin:0;font-weight:600;}
@media(max-width:760px){.public-b2b-topbar {flex-wrap:wrap;padding:16px;}.public-b2b-page{padding:24px 16px;}.public-b2b-hero h1{font-size:26px;}.public-b2b-access,.public-b2b-catalog{padding:18px;}.public-b2b-catalog-head{align-items:start;flex-direction:column;}.public-b2b-filters{grid-template-columns:repeat(2,minmax(0,1fr));}.public-b2b-filters label{grid-column:1/-1;}}

/* Keep the Wholesale/Retail labels readable in narrow partner/company sidebars. */
.app-shell:is(.wholesale-shell,.company-shell) .sidebar .portal-switcher {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:8px;
}
.app-shell:is(.wholesale-shell,.company-shell) .sidebar .portal-switcher button:is([data-portal="commerce"],[data-portal="marketplace"]) {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto;
  justify-items:center;
  align-content:center;
  gap:7px;
  min-height:96px;
  height:auto;
  padding:10px 6px;
  text-align:center;
  overflow:visible;
}
.app-shell:is(.wholesale-shell,.company-shell) .sidebar .portal-switcher button:is([data-portal="commerce"],[data-portal="marketplace"]) svg {
  width:30px;
  height:30px;
  padding:6px;
  margin:0;
}
.app-shell:is(.wholesale-shell,.company-shell) .sidebar .portal-switcher button:is([data-portal="commerce"],[data-portal="marketplace"]) span {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
  min-height:2.7em;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
}

/* Retail reseller catalog pages: presentation only, isolated from company/client views. */
.reseller-retail-categories,.reseller-retail-stores {font-family:"Segoe UI",Arial,sans-serif;color:#1e3446;}
.wholesale-shell .marketplace-module-page:has(.reseller-retail-categories,.reseller-retail-stores)>.marketplace-head {padding:22px 24px;background:#fff;border:1px solid #dee7ee;border-radius:14px;box-shadow:none;min-height:0;}
.wholesale-shell .marketplace-module-page:has(.reseller-retail-categories,.reseller-retail-stores)>.marketplace-head h2 {font:700 28px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-.6px;margin:10px 0 8px;}
.wholesale-shell .marketplace-module-page:has(.reseller-retail-categories,.reseller-retail-stores)>.marketplace-head p {font:400 14px/1.6 "Segoe UI",Arial,sans-serif;margin:0;color:#64758a;}
.wholesale-shell .marketplace-module-page:has(.reseller-retail-categories,.reseller-retail-stores)>.marketplace-subnav {display:flex!important;flex-wrap:wrap;gap:8px;margin:16px 0;min-height:0;}
.wholesale-shell .marketplace-module-page:has(.reseller-retail-categories,.reseller-retail-stores)>.marketplace-subnav .quick-action {display:inline-flex!important;align-items:center;justify-content:center;gap:8px;flex:1 1 125px;width:auto;min-width:0;min-height:42px;height:auto;padding:10px 14px;font:600 13px/1.4 "Segoe UI",Arial,sans-serif;border-radius:9px;box-shadow:none;}
.wholesale-shell .marketplace-module-page:has(.reseller-retail-categories,.reseller-retail-stores)>.marketplace-subnav svg {width:18px;height:18px;}
.reseller-retail-categories {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px;width:100%;max-width:none;}
.reseller-retail-categories>* {grid-column:1/-1;min-width:0;margin:0;}
.reseller-retail-categories>.panel {padding:24px;border:1px solid #dee7ee;border-radius:14px;background:#fff;box-shadow:0 4px 18px #18354b04;}
.reseller-retail-categories .retail-category-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.retail-category-metric {display:flex;align-items:flex-start;gap:13px;padding:18px;background:#fff;border:1px solid #dee7ee;border-radius:12px;min-width:0;}
.retail-metric-icon {display:grid;place-items:center;flex:0 0 38px;height:38px;background:#e8f0ff;border-radius:10px;color:#0647c2;}.retail-metric-icon svg {width:19px;height:19px;}
.retail-category-metric>div {min-width:0;}.retail-metric-label {display:block;font-size:12px;line-height:1.45;font-weight:600;color:#526780;}
.retail-category-metric strong {display:block;font:700 28px/1.15 "Segoe UI",Arial,sans-serif;margin:6px 0;color:#183447;}
.retail-category-metric small {display:block;font:400 11px/1.5 "Segoe UI",Arial,sans-serif;color:#7a899b;}
.retail-section-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;}.retail-section-heading h3 {font:650 21px/1.35 "Segoe UI",Arial,sans-serif;margin:3px 0 6px;letter-spacing:-.3px;}.retail-section-heading p {font:400 13px/1.6 "Segoe UI",Arial,sans-serif;color:#64758a;margin:0;}.retail-section-heading .eyebrow {font:700 10px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.8px;color:#0647c2;}
.retail-section-label {display:inline-flex;align-items:center;flex-shrink:0;padding:6px 10px;border-radius:6px;background:#f1f5f9;color:#526780;font:600 11px/1.4 "Segoe UI",Arial,sans-serif;}
.reseller-retail-categories .retail-category-form {display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;margin:0;}
.retail-category-main-fields {display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:16px;}.retail-category-seo-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;}
.reseller-retail-categories .retail-category-form label {display:grid;align-content:start;gap:7px;margin:0;min-width:0;}.retail-category-form label b {font:600 12px/1.5 "Segoe UI",Arial,sans-serif;color:#324a60;}.retail-category-form label b span {font-weight:400;color:#8190a2;}
.reseller-retail-categories .retail-category-form :is(input,select,textarea) {display:block;width:100%;min-width:0;border:1px solid #d8e2ed;border-radius:8px;background:#fff;color:#243d50;font:400 14px/1.5 "Segoe UI",Arial,sans-serif;box-shadow:none;box-sizing:border-box;}
.reseller-retail-categories .retail-category-form :is(input,select) {height:42px;min-height:42px;padding:8px 12px;}.reseller-retail-categories .retail-category-form textarea {min-height:78px;padding:10px 12px;resize:vertical;}.retail-category-form :is(input,select,textarea):focus {border-color:#0647c2;outline:2px solid #0647c220;outline-offset:1px;}
.retail-category-seo {border:1px solid #e1e9f0;background:#fafcfd;padding:13px 16px;border-radius:9px;}.retail-category-seo summary {display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font:600 13px/1.5 "Segoe UI",Arial,sans-serif;color:#3b5369;}.retail-category-seo summary::-webkit-details-marker{display:none;}.retail-category-seo summary>svg{width:16px;height:16px;}.retail-category-seo summary>span{font-size:11px;font-weight:400;color:#8795a5;}.retail-category-seo summary:after{content:"+";margin-left:auto;font-size:18px;font-weight:400;}.retail-category-seo[open] summary:after{content:"−";}
.retail-category-form-footer {display:flex;align-items:center;justify-content:space-between;gap:16px;}.retail-category-form-footer>small{font-size:12px;color:#7b8b9d;}
.reseller-retail-categories :is(.small-button,.primary-button),.reseller-retail-stores .marketplace-store-actions .primary-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:38px;padding:8px 13px;font:600 12px/1.5 "Segoe UI",Arial,sans-serif;border-radius:8px;box-shadow:none;}
.reseller-retail-categories .retail-category-form-footer .primary-button {min-height:42px;padding:10px 19px;background:#0647c2;color:#fff;border:1px solid #0647c2;}.reseller-retail-categories :is(button,summary):focus-visible,.reseller-retail-stores button:focus-visible {outline:2px solid #0647c2;outline-offset:3px;}
.retail-register-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.reseller-retail-categories .marketplace-table {border:1px solid #e4ebf2;border-radius:9px;overflow-x:auto;}.reseller-retail-categories .marketplace-table :is(.table-head,.table-row){display:grid;grid-template-columns:var(--cols);gap:16px;min-width:760px;padding:14px 16px;align-items:center;}.reseller-retail-categories .marketplace-table .table-head{background:#f6f9fb;font:600 11px/1.5 "Segoe UI",Arial,sans-serif;color:#697d90;}.reseller-retail-categories .marketplace-table .table-row{border-top:1px solid #edf1f5;font:400 12px/1.5 "Segoe UI",Arial,sans-serif;background:#fff;}.reseller-retail-categories .table-row>span{min-width:0;overflow-wrap:anywhere;}.reseller-retail-categories .table-row strong{display:block;font-size:12px;font-weight:600;color:#2a4357;}.reseller-retail-categories .table-row small{display:block;font-size:11px;line-height:1.6;color:#7c8c9d;margin-top:4px;}.retail-category-type{font-size:11px;color:#49677c;}.retail-category-help>summary{cursor:pointer;padding:4px 0;font:500 13px/1.5 "Segoe UI",Arial,sans-serif;color:#667e90;}
.reseller-retail-stores .marketplace-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px;align-items:stretch;}
.reseller-retail-stores .reseller-retail-store-card{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0;padding:20px;border:1px solid #dce6ee;border-radius:13px;background:#fff;box-shadow:0 3px 14px #12364804;transition:border-color .15s,box-shadow .15s;}.reseller-retail-stores .reseller-retail-store-card:hover{border-color:#9fbef6;box-shadow:0 6px 20px #1236480a;}
.retail-store-card-head{display:flex;align-items:center;gap:13px;min-width:0;}.retail-store-card-head>div{min-width:0;}.reseller-retail-stores .retail-store-card-head .marketplace-avatar{flex:0 0 50px;width:50px;height:50px;border-radius:12px;background:#dbe5f5;color:#0647c2;font:700 17px/1 "Segoe UI",Arial,sans-serif;}.reseller-retail-stores .retail-store-card-head h4{font:650 18px/1.35 "Segoe UI",Arial,sans-serif;margin:0;overflow-wrap:anywhere;letter-spacing:-.25px;}.reseller-retail-stores .retail-store-card-head small{font:400 11px/1.5 "Segoe UI",Arial,sans-serif;margin-top:5px;color:#7b8ca0;overflow-wrap:anywhere;}
.reseller-retail-stores .retail-store-description{margin:0;color:#62768a;font:400 13px/1.65 "Segoe UI",Arial,sans-serif;min-height:43px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.retail-store-location{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#74869a;}.retail-store-location svg{width:14px;height:14px;}.retail-store-rating{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:#456075;white-space:nowrap;}.retail-store-rating svg{color:#d59a2c;}
.retail-store-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0;border-block:1px solid #edf1f5;}.retail-store-stats>div{display:flex;align-items:center;gap:7px;font-size:12px;color:#6c7f93;}.retail-store-stats svg{width:16px;height:16px;color:#0755ed;}.retail-store-stats strong{font-size:15px;font-weight:650;color:#2a465a;}
.reseller-retail-stores .reseller-retail-store-card .marketplace-card-badges{display:flex;flex-wrap:wrap;gap:7px;align-items:start;}.reseller-retail-stores .reseller-retail-store-card .marketplace-trust-badge{display:inline-flex;flex-wrap:wrap;gap:5px;max-width:100%;min-width:0;padding:6px 8px;font:600 10px/1.5 "Segoe UI",Arial,sans-serif;}.reseller-retail-stores .reseller-retail-store-card .marketplace-trust-badge svg{width:14px;height:14px;}.reseller-retail-stores .reseller-retail-store-card .marketplace-trust-badge small{margin:0;font-size:10px;line-height:1.5;}
.reseller-retail-stores .marketplace-store-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:2px;}.reseller-retail-stores .marketplace-store-actions .primary-button{background:#0647c2;color:#fff;border:1px solid #0647c2;min-height:40px;}
.reseller-retail-stores .marketplace-store-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding:20px;background:#f7fbfa;border:1px solid #dbe5f5;border-radius:12px;}.reseller-retail-stores .marketplace-meta-row{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;}.reseller-retail-stores .marketplace-store-hero>.small-button{width:auto;min-height:38px;font-size:12px;box-shadow:none;}
@media(max-width:1080px){.reseller-retail-categories .retail-category-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.retail-category-main-fields{grid-template-columns:repeat(2,minmax(0,1fr));}.retail-category-main-fields>label:first-child{grid-column:1/-1;}.retail-section-heading{align-items:start;flex-wrap:wrap;}}
@media(max-width:640px){.reseller-retail-categories>.panel{padding:18px;}.reseller-retail-categories .retail-category-metrics{gap:10px;}.retail-category-metric{padding:13px;gap:9px;flex-direction:column;}.retail-category-metric strong{font-size:25px;}.retail-category-metric small{font-size:10px;}.retail-metric-icon{flex-basis:32px;width:32px;height:32px;}.retail-category-main-fields,.retail-category-seo-fields{grid-template-columns:minmax(0,1fr);}.retail-section-heading h3{font-size:19px;}.retail-category-form-footer{align-items:start;flex-direction:column;}.reseller-retail-categories .retail-category-form-footer .primary-button{width:100%;}.reseller-retail-stores .marketplace-store-hero{grid-template-columns:auto minmax(0,1fr);}.reseller-retail-stores .marketplace-store-hero>.small-button{grid-column:1/-1;justify-self:start;}.retail-register-actions{gap:8px;}.reseller-retail-categories .export-format-actions{display:flex;flex-wrap:wrap;gap:6px;}}

/* Scoped reseller invoicing workspace. */
.partner-billing{--pb-ink:#18314b;--pb-muted:#64788e;--pb-border:#dce5ee;color:var(--pb-ink);min-width:0}
.partner-billing .pb-head,.partner-billing .pb-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.partner-billing .pb-head{padding:24px 28px;background:#fff;border:1px solid var(--pb-border);border-radius:16px;margin-bottom:18px}
.partner-billing .pb-head h2{font-size:28px;margin:5px 0 7px}.partner-billing .pb-eyebrow{font-size:11px;letter-spacing:.09em;font-weight:750;color:#0647c2}
.partner-billing p{color:var(--pb-muted);line-height:1.55;margin:6px 0 12px}.partner-billing h3{font-size:20px;margin:0 0 5px}.partner-billing h4{font-size:14px;margin:22px 0 14px}
.partner-billing .pb-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.partner-billing .pb-tabs>.pb-button{flex:1 1 130px;min-height:46px}
.partner-billing .pb-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;border:1px solid #cedde8;border-radius:9px;background:#fff!important;box-shadow:none!important;color:#23445d!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;cursor:pointer;text-align:center;white-space:normal}
.partner-billing .pb-button:hover{border-color:#0647c2;background:#e8f0ff!important}.partner-billing .pb-button.pb-primary{background:#0647c2!important;border-color:#0647c2;color:white!important}.partner-billing .pb-button.pb-active{background:#dbe5f5!important;border-color:#77a7f4;color:#0647c2!important}.partner-billing .pb-button:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}
.partner-billing .pb-panel{background:#fff;padding:24px;border:1px solid var(--pb-border);border-radius:15px;min-width:0}.partner-billing .pb-section-head{margin-bottom:20px}.partner-billing .pb-type-switch,.partner-billing .pb-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.partner-billing .pb-actions{justify-content:flex-end;margin-top:18px}.partner-billing .pb-type-switch .pb-button{min-width:95px}
.partner-billing .pb-form{display:block;margin:0}.partner-billing .pb-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.partner-billing .pb-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}.partner-billing .pb-field>span{font-size:12px;font-weight:650;color:#4f657b;line-height:1.4}.partner-billing .pb-field input,.partner-billing .pb-field textarea,.partner-billing .pb-field select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #d9e4ed;border-radius:8px;font:inherit;font-size:14px;line-height:1.4;background:#fff;color:#243e55;box-shadow:none}.partner-billing .pb-field textarea{resize:vertical;min-height:70px}.partner-billing .pb-field input:focus,.partner-billing .pb-field textarea:focus,.partner-billing .pb-field select:focus{outline:2px solid #9fbef6;outline-offset:1px}.partner-billing .pb-wide{grid-column:span 2}
.partner-billing .pb-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.partner-billing .pb-series fieldset{min-width:0;margin:0;padding:16px;border:1px solid #dce5ee;border-radius:10px;background:#fafcfe;display:grid;grid-template-columns:1fr 1fr;gap:12px}.partner-billing .pb-series legend{font-size:13px;font-weight:700;padding:0 6px}
.partner-billing .pb-lines{display:grid;gap:14px}.partner-billing .pb-line{display:grid;grid-template-columns:24px minmax(0,3fr) minmax(75px,1fr) minmax(115px,1.5fr) minmax(65px,.8fr);gap:12px;align-items:end;padding:15px;background:#f8fafc;border:1px solid #e4ebf2;border-radius:10px}.partner-billing .pb-line-number{padding-bottom:12px;font-size:12px;color:#6b8298}
.partner-billing .pb-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-top:18px;line-height:1.5}.partner-billing .pb-check input{width:17px;height:17px;flex:0 0 auto;margin:2px 0;accent-color:#0647c2}.partner-billing .pb-notice{padding:14px 18px;margin-bottom:16px;border:1px solid #9fbef6;border-radius:10px;background:#e8f0ff;font-size:14px;line-height:1.5}.partner-billing .pb-notice .pb-button{margin-left:10px}.partner-billing .pb-hint{color:var(--pb-muted);font-size:12px}.partner-billing .pb-chip{display:inline-flex;width:auto;background:#e8f0ff;color:#0647c2;font-size:12px;font-weight:700;padding:8px 12px;border-radius:20px}
.partner-billing .pb-table-wrap{overflow-x:auto;max-width:100%}.partner-billing .pb-table{width:100%;border-collapse:collapse;font-size:13px}.partner-billing .pb-table th{text-align:left;background:#f6f8fb;color:#60768c;font-weight:650;padding:12px 14px;border-bottom:1px solid #e0e7ef;white-space:nowrap}.partner-billing .pb-table td{padding:14px;border-bottom:1px solid #e6edf3;vertical-align:middle;overflow-wrap:anywhere}.partner-billing .pb-table small{display:block;color:#7890a3;margin-top:5px}.partner-billing .pb-table .pb-button{padding:8px 12px!important;min-height:34px}.partner-billing .pb-empty{padding:42px 20px;text-align:center;background:#f8fbfd;border:1px dashed #d5e2ec;border-radius:12px;color:#6a8197}
.partner-billing .pb-document{max-width:950px;margin:0 auto;padding:32px;border:1px solid #dce5ee;background:#fff;border-radius:8px}.partner-billing .pb-document header{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid #0647c2}.partner-billing .pb-document header h2{font-size:23px;margin:8px 0;overflow-wrap:anywhere}.partner-billing .pb-document-parties{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:20px}.partner-billing .pb-document-parties h4{color:#668093;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.partner-billing .pb-document-parties p{font-size:13px;overflow-wrap:anywhere}.partner-billing .pb-document-total{margin:24px 0 24px auto;max-width:330px}.partner-billing .pb-document-total p{display:flex;justify-content:space-between;gap:20px}.partner-billing .pb-document-total .pb-grand-total{font-size:18px;border-top:1px solid #d9e5ee;padding-top:14px;color:#193c50}.partner-billing .pb-document-note,.partner-billing .pb-document footer{white-space:pre-wrap;font-size:12px;overflow-wrap:anywhere}.partner-billing .pb-document footer{border-top:1px solid #e1e9f0;margin-top:28px;padding-top:14px;color:#657f94}.partner-billing .pb-collections{margin-top:24px;padding-top:24px;border-top:1px solid #e0e8ef}.partner-billing .pb-payment-history{font-size:13px;color:#597488;padding-left:20px;line-height:1.8}
@media(max-width:1100px){.partner-billing .pb-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-billing .pb-series{grid-template-columns:1fr}.partner-billing .pb-head{padding:20px}.partner-billing .pb-panel{padding:20px}}
@media(max-width:650px){.partner-billing .pb-head,.partner-billing .pb-panel{padding:16px}.partner-billing .pb-head h2{font-size:23px}.partner-billing .pb-tabs>.pb-button{flex-basis:120px;font-size:12px}.partner-billing .pb-form-grid{grid-template-columns:1fr}.partner-billing .pb-wide{grid-column:auto}.partner-billing .pb-line{grid-template-columns:1fr 1fr}.partner-billing .pb-line-number{display:none}.partner-billing .pb-line>.pb-field:first-of-type{grid-column:1/-1}.partner-billing .pb-type-switch{width:100%;gap:6px}.partner-billing .pb-type-switch .pb-button{flex:1;min-width:0}.partner-billing .pb-document{padding:16px}.partner-billing .pb-document header{flex-direction:column;gap:8px}.partner-billing .pb-document-parties{grid-template-columns:1fr;gap:0}.partner-billing .pb-document .pb-table{min-width:480px}}
@media print{body:has(.partner-billing .pb-document) *{visibility:hidden!important}body:has(.partner-billing .pb-document) .pb-document,body:has(.partner-billing .pb-document) .pb-document *{visibility:visible!important}.partner-billing .pb-document{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;padding:8mm;box-sizing:border-box;color:#000}.partner-billing .pb-document header,.partner-billing .pb-document-parties,.partner-billing .pb-document-total{break-inside:avoid}.partner-billing .pb-document .pb-table-wrap{overflow:visible}.partner-billing .pb-document .pb-table{min-width:0}.partner-billing .pb-document .pb-table tr{break-inside:avoid}.partner-billing .pb-document-parties{grid-template-columns:1fr 1fr}.partner-billing .pb-document header{flex-direction:row}}
@media print{body:has(.partner-billing .pb-document) *:not(:has(.pb-document)):not(.pb-document):not(.pb-document *){display:none!important}body:has(.partner-billing .pb-document),body:has(.partner-billing .pb-document) *:has(.pb-document){display:block!important;position:static!important;overflow:visible!important;min-height:0!important;height:auto!important;max-height:none!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:white!important}.partner-billing .pb-document{position:static!important;overflow:visible!important;width:100%!important}.partner-billing .pb-document .pb-table{table-layout:auto}.partner-billing .pb-document .pb-table th{white-space:normal}}

.promotion-workspace{--pm-border:#dce6ee;--pm-muted:#677f93;min-width:0;color:#1b354b}.promotion-workspace .pm-head{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:24px;border:1px solid var(--pm-border);border-radius:15px;margin-bottom:18px}.promotion-workspace .pm-head h2{margin:6px 0;font-size:28px}.promotion-workspace .pm-eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;color:#0647c2}.promotion-workspace p{line-height:1.5;color:var(--pm-muted);margin:8px 0 14px}.promotion-workspace h3{font-size:20px;margin:0 0 8px}.promotion-workspace h4{margin:14px 0;font-size:16px}.promotion-workspace .pm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.promotion-workspace .pm-kpis>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--pm-border);border-radius:12px;padding:17px 20px}.promotion-workspace .pm-kpis span{font-size:12px;color:var(--pm-muted)}.promotion-workspace .pm-kpis strong{font-size:24px;color:#0647c2}.promotion-workspace .pm-tabs,.promotion-workspace .pm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.promotion-workspace .pm-tabs{margin:0 0 18px}.promotion-workspace .pm-tabs>.pm-button{flex:1 1 150px}.promotion-workspace .pm-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;color:#204158!important;background:#fff!important;border:1px solid #d4e1eb;border-radius:9px;box-shadow:none!important;cursor:pointer;white-space:normal}.promotion-workspace .pm-button:hover{border-color:#0647c2}.promotion-workspace .pm-button:focus-visible{outline:3px solid #9fbef6;outline-offset:2px}.promotion-workspace .pm-button.pm-primary{background:#0647c2!important;color:white!important;border-color:#0647c2}.promotion-workspace .pm-button.pm-active{background:#dbe5f5!important;color:#0647c2!important;border-color:#9fbef6}.promotion-workspace .pm-panel{background:#fff;border:1px solid var(--pm-border);border-radius:14px;padding:24px;min-width:0}.promotion-workspace .pm-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.promotion-workspace .pm-actions{justify-content:flex-end}.promotion-workspace .pm-form{display:block}.promotion-workspace .pm-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.promotion-workspace .pm-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.promotion-workspace .pm-field>span{font-size:12px;color:#557087;font-weight:650}.promotion-workspace .pm-field input,.promotion-workspace .pm-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;color:#244155}.promotion-workspace .pm-wide{grid-column:span 2}.promotion-workspace .pm-form .pm-actions{margin-top:18px}.promotion-workspace .pm-hint{font-size:12px;margin-top:20px}.promotion-workspace .pm-notice{padding:14px 18px;margin-bottom:18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.5}.promotion-workspace .pm-state{display:inline-block;border-radius:18px;padding:6px 10px;background:#eef5f8;font-size:12px;color:#4a677b}.promotion-workspace .pm-table-wrap{max-width:100%;overflow-x:auto}.promotion-workspace .pm-table{border-collapse:collapse;width:100%;font-size:13px}.promotion-workspace .pm-table th{text-align:left;background:#f6f9fc;padding:12px;color:#5c768a;font-size:12px;white-space:nowrap}.promotion-workspace .pm-table td{padding:14px 12px;border-bottom:1px solid #e5edf3;vertical-align:middle}.promotion-workspace .pm-table small{display:block;margin-top:5px;color:#7790a3}.promotion-workspace .pm-empty{padding:36px 20px;background:#f8fbfd;border:1px dashed #d8e5ed;border-radius:12px;text-align:center;color:#627d91}.promotion-workspace .pm-targets,.promotion-workspace .pm-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promotion-workspace .pm-targets>article,.promotion-workspace .pm-detail-grid>article{padding:20px;border:1px solid #dce6ee;border-radius:12px;min-width:0;overflow-wrap:anywhere}.promotion-workspace .pm-targets .pm-button{margin-top:12px}.promotion-workspace .pm-detail-grid small{color:#6d8598;line-height:1.5}
@media(max-width:1100px){.promotion-workspace .pm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-workspace .pm-targets,.promotion-workspace .pm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.promotion-workspace .pm-head,.promotion-workspace .pm-panel{padding:16px}.promotion-workspace .pm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.promotion-workspace .pm-form-grid{grid-template-columns:1fr}.promotion-workspace .pm-wide{grid-column:auto}.promotion-workspace .pm-targets,.promotion-workspace .pm-detail-grid{grid-template-columns:1fr}.promotion-workspace .pm-tabs{gap:8px}.promotion-workspace .pm-tabs>.pm-button{flex-basis:120px}.promotion-workspace .pm-head h2{font-size:25px}}
.promotion-ad-slot{min-width:0;display:flex;flex-direction:column;gap:6px}.promotion-ad-slot>.public-product-tile{flex:1}.promotion-ad-label{font-size:11px;color:#0647c2;padding:2px 8px}.promotion-admin-payment{font-size:12px;min-width:180px}.promotion-admin-payment form{display:grid;gap:10px;padding:12px;background:#f5faf8;border:1px solid #d8e7e1;border-radius:8px}.promotion-admin-payment input:not([type=checkbox]){width:100%;min-width:0}.promotion-admin-payment input[type=checkbox]{width:auto}
.promotion-workspace .pm-tabs{align-items:stretch}

/* Cereri de oferta: workspace compact, scoped to RFQ. */
.rfq-workspace{--rq-border:#dce6ee;--rq-muted:#677f93;min-width:0;color:#1b354b}.rfq-workspace .rq-head{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:24px;border:1px solid var(--rq-border);border-radius:15px;margin-bottom:18px}.rfq-workspace .rq-head h2{margin:6px 0;font-size:28px}.rfq-workspace .rq-eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;color:#0647c2}.rfq-workspace p{line-height:1.5;color:var(--rq-muted);margin:8px 0 14px}.rfq-workspace h3{font-size:20px;margin:0 0 8px}.rfq-workspace h4{margin:14px 0;font-size:16px}.rfq-workspace .rq-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.rfq-workspace .rq-kpis>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--rq-border);border-radius:12px;padding:17px 20px}.rfq-workspace .rq-kpis span{font-size:12px;color:var(--rq-muted)}.rfq-workspace .rq-kpis strong{font-size:24px;color:#0647c2}.rfq-workspace .rq-tabs,.rfq-workspace .rq-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rfq-workspace .rq-tabs{margin:0 0 18px}.rfq-workspace .rq-tabs>.rq-button{flex:1 1 150px}.rfq-workspace .rq-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;color:#204158!important;background:#fff!important;border:1px solid #d4e1eb;border-radius:9px;box-shadow:none!important;cursor:pointer;white-space:normal}.rfq-workspace .rq-button:hover{border-color:#0647c2}.rfq-workspace .rq-button:focus-visible{outline:3px solid #9fbef6;outline-offset:2px}.rfq-workspace .rq-button.rq-primary{background:#0647c2!important;color:white!important;border-color:#0647c2}.rfq-workspace .rq-button.rq-active{background:#dbe5f5!important;color:#0647c2!important;border-color:#9fbef6}.rfq-workspace .rq-panel{background:#fff;border:1px solid var(--rq-border);border-radius:14px;padding:24px;min-width:0}.rfq-workspace .rq-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.rfq-workspace .rq-actions{justify-content:flex-end}.rfq-workspace .rq-form{display:block}.rfq-workspace .rq-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.rfq-workspace .rq-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.rfq-workspace .rq-field>span{font-size:12px;color:#557087;font-weight:650}.rfq-workspace .rq-field input,.rfq-workspace .rq-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;color:#244155}.rfq-workspace .rq-wide{grid-column:span 2}.rfq-workspace .rq-form .rq-actions{margin-top:18px}.rfq-workspace .rq-hint{font-size:12px;margin-top:20px}.rfq-workspace .rq-notice{padding:14px 18px;margin-bottom:18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.5}.rfq-workspace .rq-state{display:inline-block;border-radius:18px;padding:6px 10px;background:#eef5f8;font-size:12px;color:#4a677b}.rfq-workspace .rq-table-wrap{max-width:100%;overflow-x:auto}.rfq-workspace .rq-table{border-collapse:collapse;width:100%;font-size:13px}.rfq-workspace .rq-table th{text-align:left;background:#f6f9fc;padding:12px;color:#5c768a;font-size:12px;white-space:nowrap}.rfq-workspace .rq-table td{padding:14px 12px;border-bottom:1px solid #e5edf3;vertical-align:middle}.rfq-workspace .rq-table small{display:block;margin-top:5px;color:#7790a3}.rfq-workspace .rq-empty{padding:36px 20px;background:#f8fbfd;border:1px dashed #d8e5ed;border-radius:12px;text-align:center;color:#627d91}.rfq-workspace .rq-targets,.rfq-workspace .rq-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rfq-workspace .rq-targets>article,.rfq-workspace .rq-detail-grid>article{padding:20px;border:1px solid #dce6ee;border-radius:12px;min-width:0;overflow-wrap:anywhere}.rfq-workspace .rq-targets .rq-button{margin-top:12px}.rfq-workspace .rq-detail-grid small{color:#6d8598;line-height:1.5}
@media(max-width:1100px){.rfq-workspace .rq-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rfq-workspace .rq-targets,.rfq-workspace .rq-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.rfq-workspace .rq-head,.rfq-workspace .rq-panel{padding:16px}.rfq-workspace .rq-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rfq-workspace .rq-form-grid{grid-template-columns:1fr}.rfq-workspace .rq-wide{grid-column:auto}.rfq-workspace .rq-targets,.rfq-workspace .rq-detail-grid{grid-template-columns:1fr}.rfq-workspace .rq-tabs{gap:8px}.rfq-workspace .rq-tabs>.rq-button{flex-basis:120px}.rfq-workspace .rq-head h2{font-size:25px}}

.rfq-workspace .rq-tabs{align-items:stretch}.rfq-workspace .rq-field textarea{box-sizing:border-box;min-width:0;width:100%;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;font:inherit;resize:vertical}.rfq-workspace .rq-preserve{white-space:pre-wrap}.rfq-workspace .rq-thread{display:grid;gap:12px;margin:16px 0}.rfq-workspace .rq-thread>article{border:1px solid #dce6ee;border-radius:10px;padding:16px;background:#f9fcfd}.rfq-workspace .rq-thread .rq-button{margin:6px 8px 0 0}
.rfq-workspace .rq-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.rfq-workspace .rq-detail-grid{grid-template-columns:1fr}}
/* Reseller marketplace account, isolated styles. */
.marketplace-account-workspace{--ma-border:#dce6ee;--ma-muted:#677f93;min-width:0;color:#1b354b}.marketplace-account-workspace .ma-head{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:24px;border:1px solid var(--ma-border);border-radius:15px;margin-bottom:18px}.marketplace-account-workspace .ma-head h2{margin:6px 0;font-size:28px}.marketplace-account-workspace .ma-eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;color:#0647c2}.marketplace-account-workspace p{line-height:1.5;color:var(--ma-muted);margin:8px 0 14px}.marketplace-account-workspace h3{font-size:20px;margin:0 0 8px}.marketplace-account-workspace h4{margin:14px 0;font-size:16px}.marketplace-account-workspace .ma-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.marketplace-account-workspace .ma-kpis>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--ma-border);border-radius:12px;padding:17px 20px}.marketplace-account-workspace .ma-kpis span{font-size:12px;color:var(--ma-muted)}.marketplace-account-workspace .ma-kpis strong{font-size:24px;color:#0647c2}.marketplace-account-workspace .ma-tabs,.marketplace-account-workspace .ma-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.marketplace-account-workspace .ma-tabs{margin:0 0 18px}.marketplace-account-workspace .ma-tabs>.ma-button{flex:1 1 150px}.marketplace-account-workspace .ma-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;color:#204158!important;background:#fff!important;border:1px solid #d4e1eb;border-radius:9px;box-shadow:none!important;cursor:pointer;white-space:normal}.marketplace-account-workspace .ma-button:hover{border-color:#0647c2}.marketplace-account-workspace .ma-button:focus-visible{outline:3px solid #9fbef6;outline-offset:2px}.marketplace-account-workspace .ma-button.ma-primary{background:#0647c2!important;color:white!important;border-color:#0647c2}.marketplace-account-workspace .ma-button.ma-active{background:#dbe5f5!important;color:#0647c2!important;border-color:#9fbef6}.marketplace-account-workspace .ma-panel{background:#fff;border:1px solid var(--ma-border);border-radius:14px;padding:24px;min-width:0}.marketplace-account-workspace .ma-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.marketplace-account-workspace .ma-actions{justify-content:flex-end}.marketplace-account-workspace .ma-form{display:block}.marketplace-account-workspace .ma-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.marketplace-account-workspace .ma-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.marketplace-account-workspace .ma-field>span{font-size:12px;color:#557087;font-weight:650}.marketplace-account-workspace .ma-field input,.marketplace-account-workspace .ma-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;color:#244155}.marketplace-account-workspace .ma-wide{grid-column:span 2}.marketplace-account-workspace .ma-form .ma-actions{margin-top:18px}.marketplace-account-workspace .ma-hint{font-size:12px;margin-top:20px}.marketplace-account-workspace .ma-notice{padding:14px 18px;margin-bottom:18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.5}.marketplace-account-workspace .ma-state{display:inline-block;border-radius:18px;padding:6px 10px;background:#eef5f8;font-size:12px;color:#4a677b}.marketplace-account-workspace .ma-table-wrap{max-width:100%;overflow-x:auto}.marketplace-account-workspace .ma-table{border-collapse:collapse;width:100%;font-size:13px}.marketplace-account-workspace .ma-table th{text-align:left;background:#f6f9fc;padding:12px;color:#5c768a;font-size:12px;white-space:nowrap}.marketplace-account-workspace .ma-table td{padding:14px 12px;border-bottom:1px solid #e5edf3;vertical-align:middle}.marketplace-account-workspace .ma-table small{display:block;margin-top:5px;color:#7790a3}.marketplace-account-workspace .ma-empty{padding:36px 20px;background:#f8fbfd;border:1px dashed #d8e5ed;border-radius:12px;text-align:center;color:#627d91}.marketplace-account-workspace .ma-targets,.marketplace-account-workspace .ma-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marketplace-account-workspace .ma-targets>article,.marketplace-account-workspace .ma-detail-grid>article{padding:20px;border:1px solid #dce6ee;border-radius:12px;min-width:0;overflow-wrap:anywhere}.marketplace-account-workspace .ma-targets .ma-button{margin-top:12px}.marketplace-account-workspace .ma-detail-grid small{color:#6d8598;line-height:1.5}
@media(max-width:1100px){.marketplace-account-workspace .ma-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplace-account-workspace .ma-targets,.marketplace-account-workspace .ma-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.marketplace-account-workspace .ma-head,.marketplace-account-workspace .ma-panel{padding:16px}.marketplace-account-workspace .ma-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketplace-account-workspace .ma-form-grid{grid-template-columns:1fr}.marketplace-account-workspace .ma-wide{grid-column:auto}.marketplace-account-workspace .ma-targets,.marketplace-account-workspace .ma-detail-grid{grid-template-columns:1fr}.marketplace-account-workspace .ma-tabs{gap:8px}.marketplace-account-workspace .ma-tabs>.ma-button{flex-basis:120px}.marketplace-account-workspace .ma-head h2{font-size:25px}}

.marketplace-account-workspace .ma-tabs{align-items:stretch}.marketplace-account-workspace [hidden]{display:none!important}.marketplace-account-workspace .ma-head p{margin-bottom:0}.marketplace-account-workspace .ma-detail-grid{margin:20px 0}.marketplace-account-workspace .ma-field input:focus,.marketplace-account-workspace .ma-field select:focus{outline:2px solid #9fbef6;outline-offset:1px}.marketplace-account-workspace .ma-notice{overflow-wrap:anywhere}
/* Wholesale B2B compact dashboard; no other module styles overridden. */
.wholesale-hub{--wh-border:#dce6ee;--wh-muted:#677f93;min-width:0;color:#1b354b}.wholesale-hub .wh-head{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:24px;border:1px solid var(--wh-border);border-radius:15px;margin-bottom:18px}.wholesale-hub .wh-head h2{margin:6px 0;font-size:28px}.wholesale-hub .wh-eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;color:#0647c2}.wholesale-hub p{line-height:1.5;color:var(--wh-muted);margin:8px 0 14px}.wholesale-hub h3{font-size:20px;margin:0 0 8px}.wholesale-hub h4{margin:14px 0;font-size:16px}.wholesale-hub .wh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.wholesale-hub .wh-kpis>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--wh-border);border-radius:12px;padding:17px 20px}.wholesale-hub .wh-kpis span{font-size:12px;color:var(--wh-muted)}.wholesale-hub .wh-kpis strong{font-size:24px;color:#0647c2}.wholesale-hub .wh-tabs,.wholesale-hub .wh-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wholesale-hub .wh-tabs{margin:0 0 18px}.wholesale-hub .wh-tabs>.wh-button{flex:1 1 150px}.wholesale-hub .wh-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;color:#204158!important;background:#fff!important;border:1px solid #d4e1eb;border-radius:9px;box-shadow:none!important;cursor:pointer;white-space:normal}.wholesale-hub .wh-button:hover{border-color:#0647c2}.wholesale-hub .wh-button:focus-visible{outline:3px solid #9fbef6;outline-offset:2px}.wholesale-hub .wh-button.wh-primary{background:#0647c2!important;color:white!important;border-color:#0647c2}.wholesale-hub .wh-button.wh-active{background:#dbe5f5!important;color:#0647c2!important;border-color:#9fbef6}.wholesale-hub .wh-panel{background:#fff;border:1px solid var(--wh-border);border-radius:14px;padding:24px;min-width:0}.wholesale-hub .wh-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.wholesale-hub .wh-actions{justify-content:flex-end}.wholesale-hub .wh-form{display:block}.wholesale-hub .wh-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.wholesale-hub .wh-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.wholesale-hub .wh-field>span{font-size:12px;color:#557087;font-weight:650}.wholesale-hub .wh-field input,.wholesale-hub .wh-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;color:#244155}.wholesale-hub .wh-wide{grid-column:span 2}.wholesale-hub .wh-form .wh-actions{margin-top:18px}.wholesale-hub .wh-hint{font-size:12px;margin-top:20px}.wholesale-hub .wh-notice{padding:14px 18px;margin-bottom:18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.5}.wholesale-hub .wh-state{display:inline-block;border-radius:18px;padding:6px 10px;background:#eef5f8;font-size:12px;color:#4a677b}.wholesale-hub .wh-table-wrap{max-width:100%;overflow-x:auto}.wholesale-hub .wh-table{border-collapse:collapse;width:100%;font-size:13px}.wholesale-hub .wh-table th{text-align:left;background:#f6f9fc;padding:12px;color:#5c768a;font-size:12px;white-space:nowrap}.wholesale-hub .wh-table td{padding:14px 12px;border-bottom:1px solid #e5edf3;vertical-align:middle}.wholesale-hub .wh-table small{display:block;margin-top:5px;color:#7790a3}.wholesale-hub .wh-empty{padding:36px 20px;background:#f8fbfd;border:1px dashed #d8e5ed;border-radius:12px;text-align:center;color:#627d91}.wholesale-hub .wh-targets,.wholesale-hub .wh-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wholesale-hub .wh-targets>article,.wholesale-hub .wh-detail-grid>article{padding:20px;border:1px solid #dce6ee;border-radius:12px;min-width:0;overflow-wrap:anywhere}.wholesale-hub .wh-targets .wh-button{margin-top:12px}.wholesale-hub .wh-detail-grid small{color:#6d8598;line-height:1.5}
@media(max-width:1100px){.wholesale-hub .wh-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-hub .wh-targets,.wholesale-hub .wh-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wholesale-hub .wh-head,.wholesale-hub .wh-panel{padding:16px}.wholesale-hub .wh-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wholesale-hub .wh-form-grid{grid-template-columns:1fr}.wholesale-hub .wh-wide{grid-column:auto}.wholesale-hub .wh-targets,.wholesale-hub .wh-detail-grid{grid-template-columns:1fr}.wholesale-hub .wh-tabs{gap:8px}.wholesale-hub .wh-tabs>.wh-button{flex-basis:120px}.wholesale-hub .wh-head h2{font-size:25px}}

.wholesale-hub .wh-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}.wholesale-hub .wh-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wholesale-hub .wh-module-grid .wh-button{justify-content:flex-start;min-height:60px}.wholesale-hub .wh-spaced{margin-top:20px}.wholesale-hub .wh-head p{margin-bottom:0}.wholesale-hub .wh-notice{overflow-wrap:anywhere}.wholesale-hub-context{align-items:center!important}.wholesale-hub-context .wholesale-context-actions{display:flex;flex-wrap:wrap;gap:8px}.wholesale-hub-context button{width:auto!important;min-height:38px;white-space:normal!important}@media(max-width:1100px){.wholesale-hub .wh-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.wholesale-hub .wh-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.wholesale-hub .wh-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.wholesale-hub .wh-module-grid{grid-template-columns:1fr}}
/* Partner balances only. */
.partner-balances{--pb-border:#dce6ee;--pb-muted:#677f93;min-width:0;color:#1b354b}.partner-balances .pb-head{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:24px;border:1px solid var(--pb-border);border-radius:15px;margin-bottom:18px}.partner-balances .pb-head h2{margin:6px 0;font-size:28px}.partner-balances .pb-eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;color:#0647c2}.partner-balances p{line-height:1.5;color:var(--pb-muted);margin:8px 0 14px}.partner-balances h3{font-size:20px;margin:0 0 8px}.partner-balances h4{margin:14px 0;font-size:16px}.partner-balances .pb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.partner-balances .pb-kpis>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--pb-border);border-radius:12px;padding:17px 20px}.partner-balances .pb-kpis span{font-size:12px;color:var(--pb-muted)}.partner-balances .pb-kpis strong{font-size:24px;color:#0647c2}.partner-balances .pb-tabs,.partner-balances .pb-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.partner-balances .pb-tabs{margin:0 0 18px}.partner-balances .pb-tabs>.pb-button{flex:1 1 150px}.partner-balances .pb-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;color:#204158!important;background:#fff!important;border:1px solid #d4e1eb;border-radius:9px;box-shadow:none!important;cursor:pointer;white-space:normal}.partner-balances .pb-button:hover{border-color:#0647c2}.partner-balances .pb-button:focus-visible{outline:3px solid #9fbef6;outline-offset:2px}.partner-balances .pb-button.pb-primary{background:#0647c2!important;color:white!important;border-color:#0647c2}.partner-balances .pb-button.pb-active{background:#dbe5f5!important;color:#0647c2!important;border-color:#9fbef6}.partner-balances .pb-panel{background:#fff;border:1px solid var(--pb-border);border-radius:14px;padding:24px;min-width:0}.partner-balances .pb-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.partner-balances .pb-actions{justify-content:flex-end}.partner-balances .pb-form{display:block}.partner-balances .pb-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.partner-balances .pb-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.partner-balances .pb-field>span{font-size:12px;color:#557087;font-weight:650}.partner-balances .pb-field input,.partner-balances .pb-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;color:#244155}.partner-balances .pb-wide{grid-column:span 2}.partner-balances .pb-form .pb-actions{margin-top:18px}.partner-balances .pb-hint{font-size:12px;margin-top:20px}.partner-balances .pb-notice{padding:14px 18px;margin-bottom:18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.5}.partner-balances .pb-state{display:inline-block;border-radius:18px;padding:6px 10px;background:#eef5f8;font-size:12px;color:#4a677b}.partner-balances .pb-table-wrap{max-width:100%;overflow-x:auto}.partner-balances .pb-table{border-collapse:collapse;width:100%;font-size:13px}.partner-balances .pb-table th{text-align:left;background:#f6f9fc;padding:12px;color:#5c768a;font-size:12px;white-space:nowrap}.partner-balances .pb-table td{padding:14px 12px;border-bottom:1px solid #e5edf3;vertical-align:middle}.partner-balances .pb-table small{display:block;margin-top:5px;color:#7790a3}.partner-balances .pb-empty{padding:36px 20px;background:#f8fbfd;border:1px dashed #d8e5ed;border-radius:12px;text-align:center;color:#627d91}.partner-balances .pb-targets,.partner-balances .pb-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.partner-balances .pb-targets>article,.partner-balances .pb-detail-grid>article{padding:20px;border:1px solid #dce6ee;border-radius:12px;min-width:0;overflow-wrap:anywhere}.partner-balances .pb-targets .pb-button{margin-top:12px}.partner-balances .pb-detail-grid small{color:#6d8598;line-height:1.5}
@media(max-width:1100px){.partner-balances .pb-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-balances .pb-targets,.partner-balances .pb-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.partner-balances .pb-head,.partner-balances .pb-panel{padding:16px}.partner-balances .pb-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partner-balances .pb-form-grid{grid-template-columns:1fr}.partner-balances .pb-wide{grid-column:auto}.partner-balances .pb-targets,.partner-balances .pb-detail-grid{grid-template-columns:1fr}.partner-balances .pb-tabs{gap:8px}.partner-balances .pb-tabs>.pb-button{flex-basis:120px}.partner-balances .pb-head h2{font-size:25px}}
.partner-balances .pb-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.partner-balances .pb-section{margin-top:22px;min-width:0}.partner-balances .pb-spaced{margin-top:26px}.partner-balances .pb-currency{display:flex;gap:10px;align-items:center;font-size:13px;min-width:170px}.partner-balances .pb-currency select{width:auto;min-width:100px;height:40px;padding:8px;border:1px solid #d4e1eb;border-radius:8px;background:white;color:#204158}.partner-balances .pb-button:disabled{opacity:.5;cursor:not-allowed}.partner-balances .pb-table td{overflow-wrap:anywhere;max-width:340px}.partner-balances .pb-table{min-width:580px}.partner-balances .pb-kpis strong{font-size:22px;overflow-wrap:anywhere}.partner-balances .pb-muted{max-width:640px;font-size:13px}.partner-balances .pb-notice{overflow-wrap:anywhere}.partner-balances ul.pb-notice{padding-left:35px}@media(max-width:900px){.partner-balances .pb-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-balances .pb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.partner-balances .pb-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-balances .pb-detail-grid{grid-template-columns:1fr}.partner-balances .pb-head,.partner-balances .pb-panel{padding:16px}.partner-balances .pb-kpis{gap:8px}.partner-balances .pb-kpis>div{padding:12px}.partner-balances .pb-kpis strong{font-size:19px}}
/* Reseller Catalog B2B only. */
.b2b-catalog{--bc-border:#dce6ee;--bc-muted:#677f93;min-width:0;color:#1b354b}.b2b-catalog .bc-head{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:24px;border:1px solid var(--bc-border);border-radius:15px;margin-bottom:18px}.b2b-catalog .bc-head h2{margin:6px 0;font-size:28px}.b2b-catalog .bc-eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;color:#0647c2}.b2b-catalog p{line-height:1.5;color:var(--bc-muted);margin:8px 0 14px}.b2b-catalog h3{font-size:20px;margin:0 0 8px}.b2b-catalog h4{margin:14px 0;font-size:16px}.b2b-catalog .bc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.b2b-catalog .bc-kpis>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--bc-border);border-radius:12px;padding:17px 20px}.b2b-catalog .bc-kpis span{font-size:12px;color:var(--bc-muted)}.b2b-catalog .bc-kpis strong{font-size:24px;color:#0647c2}.b2b-catalog .bc-tabs,.b2b-catalog .bc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.b2b-catalog .bc-tabs{margin:0 0 18px}.b2b-catalog .bc-tabs>.bc-button{flex:1 1 150px}.b2b-catalog .bc-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0;min-height:40px;height:auto;padding:10px 15px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;color:#204158!important;background:#fff!important;border:1px solid #d4e1eb;border-radius:9px;box-shadow:none!important;cursor:pointer;white-space:normal}.b2b-catalog .bc-button:hover{border-color:#0647c2}.b2b-catalog .bc-button:focus-visible{outline:3px solid #9fbef6;outline-offset:2px}.b2b-catalog .bc-button.bc-primary{background:#0647c2!important;color:white!important;border-color:#0647c2}.b2b-catalog .bc-button.bc-active{background:#dbe5f5!important;color:#0647c2!important;border-color:#9fbef6}.b2b-catalog .bc-panel{background:#fff;border:1px solid var(--bc-border);border-radius:14px;padding:24px;min-width:0}.b2b-catalog .bc-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.b2b-catalog .bc-actions{justify-content:flex-end}.b2b-catalog .bc-form{display:block}.b2b-catalog .bc-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.b2b-catalog .bc-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.b2b-catalog .bc-field>span{font-size:12px;color:#557087;font-weight:650}.b2b-catalog .bc-field input,.b2b-catalog .bc-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #d7e3ec;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;color:#244155}.b2b-catalog .bc-wide{grid-column:span 2}.b2b-catalog .bc-form .bc-actions{margin-top:18px}.b2b-catalog .bc-hint{font-size:12px;margin-top:20px}.b2b-catalog .bc-notice{padding:14px 18px;margin-bottom:18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.5}.b2b-catalog .bc-state{display:inline-block;border-radius:18px;padding:6px 10px;background:#eef5f8;font-size:12px;color:#4a677b}.b2b-catalog .bc-table-wrap{max-width:100%;overflow-x:auto}.b2b-catalog .bc-table{border-collapse:collapse;width:100%;font-size:13px}.b2b-catalog .bc-table th{text-align:left;background:#f6f9fc;padding:12px;color:#5c768a;font-size:12px;white-space:nowrap}.b2b-catalog .bc-table td{padding:14px 12px;border-bottom:1px solid #e5edf3;vertical-align:middle}.b2b-catalog .bc-table small{display:block;margin-top:5px;color:#7790a3}.b2b-catalog .bc-empty{padding:36px 20px;background:#f8fbfd;border:1px dashed #d8e5ed;border-radius:12px;text-align:center;color:#627d91}.b2b-catalog .bc-targets,.b2b-catalog .bc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.b2b-catalog .bc-targets>article,.b2b-catalog .bc-detail-grid>article{padding:20px;border:1px solid #dce6ee;border-radius:12px;min-width:0;overflow-wrap:anywhere}.b2b-catalog .bc-targets .bc-button{margin-top:12px}.b2b-catalog .bc-detail-grid small{color:#6d8598;line-height:1.5}
@media(max-width:1100px){.b2b-catalog .bc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-catalog .bc-targets,.b2b-catalog .bc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.b2b-catalog .bc-head,.b2b-catalog .bc-panel{padding:16px}.b2b-catalog .bc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.b2b-catalog .bc-form-grid{grid-template-columns:1fr}.b2b-catalog .bc-wide{grid-column:auto}.b2b-catalog .bc-targets,.b2b-catalog .bc-detail-grid{grid-template-columns:1fr}.b2b-catalog .bc-tabs{gap:8px}.b2b-catalog .bc-tabs>.bc-button{flex-basis:120px}.b2b-catalog .bc-head h2{font-size:25px}}
.b2b-catalog .bc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.b2b-catalog .bc-section{margin-top:22px;min-width:0}.b2b-catalog .bc-spaced{margin-top:26px}.b2b-catalog .bc-currency{display:flex;gap:10px;align-items:center;font-size:13px;min-width:170px}.b2b-catalog .bc-currency select{width:auto;min-width:100px;height:40px;padding:8px;border:1px solid #d4e1eb;border-radius:8px;background:white;color:#204158}.b2b-catalog .bc-button:disabled{opacity:.5;cursor:not-allowed}.b2b-catalog .bc-table td{overflow-wrap:anywhere;max-width:340px}.b2b-catalog .bc-table{min-width:580px}.b2b-catalog .bc-kpis strong{font-size:22px;overflow-wrap:anywhere}.b2b-catalog .bc-muted{max-width:640px;font-size:13px}.b2b-catalog .bc-notice{overflow-wrap:anywhere}.b2b-catalog ul.bc-notice{padding-left:35px}@media(max-width:900px){.b2b-catalog .bc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.b2b-catalog .bc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.b2b-catalog .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-catalog .bc-detail-grid{grid-template-columns:1fr}.b2b-catalog .bc-head,.b2b-catalog .bc-panel{padding:16px}.b2b-catalog .bc-kpis{gap:8px}.b2b-catalog .bc-kpis>div{padding:12px}.b2b-catalog .bc-kpis strong{font-size:19px}}
.b2b-catalog label{font-size:13px;display:flex;flex-direction:column;gap:7px;min-width:0}.b2b-catalog input,.b2b-catalog select{font:inherit;box-sizing:border-box;width:100%;min-width:0;height:42px;border:1px solid #d4e1eb;border-radius:8px;padding:9px 11px;background:#fff;color:#204158}.b2b-catalog .bc-search{display:flex;align-items:flex-end;gap:10px;margin:0 0 16px}.b2b-catalog .bc-search label{flex:1}.b2b-catalog .bc-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.b2b-catalog .bc-offers.bc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.b2b-catalog .bc-offer{border:1px solid #dce6ee;border-radius:12px;background:#fff;min-width:0;overflow:hidden;display:flex;flex-direction:column}.b2b-catalog .bc-offer-icon{height:88px;background:linear-gradient(125deg,#e8f0ff,#f0f6fc);display:flex;align-items:center;justify-content:center;color:#0647c2;font-size:30px;font-weight:700;flex-shrink:0}.b2b-catalog .bc-offer-body{padding:18px;display:flex;flex-direction:column;flex:1;min-width:0}.b2b-catalog .bc-offer h3{font-size:17px;line-height:1.4;margin:10px 0;overflow-wrap:anywhere}.b2b-catalog .bc-offer small{display:block}.b2b-catalog .bc-offer .bc-actions{margin-top:auto;padding-top:16px;justify-content:flex-start}.b2b-catalog .bc-price{font-size:22px;color:#0647c2}.b2b-catalog .bc-offer .bc-state{align-self:flex-start}.b2b-catalog .bc-list{display:flex;flex-direction:column;gap:12px}.b2b-catalog .bc-list .bc-offer{flex-direction:row}.b2b-catalog .bc-list .bc-offer-icon{width:120px;height:auto}.b2b-catalog .bc-list .bc-offer-body{display:grid;grid-template-columns:2fr 1fr;column-gap:20px}.b2b-catalog .bc-list .bc-offer-body h3{grid-column:1}.b2b-catalog .bc-detail-grid .bc-button{margin-top:10px}.b2b-catalog .bc-section-head>label{min-width:240px}.b2b-catalog .bc-tabs{margin-top:8px}.b2b-catalog .bc-section-head .bc-actions label{min-width:180px}@media(max-width:1100px){.b2b-catalog .bc-offers.bc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.b2b-catalog .bc-offers.bc-grid{grid-template-columns:1fr}.b2b-catalog .bc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-catalog .bc-search{flex-wrap:wrap}.b2b-catalog .bc-search label{flex-basis:100%}.b2b-catalog .bc-list .bc-offer-icon{width:52px}.b2b-catalog .bc-list .bc-offer-body{display:flex}.b2b-catalog .bc-section-head>label{min-width:0;width:100%}.b2b-catalog .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.b2b-catalog .bc-head{padding:16px 20px;margin-bottom:12px}.b2b-catalog .bc-head h2{font-size:25px;line-height:1.25;margin:4px 0}.b2b-catalog .bc-head p{font-size:13px;margin:4px 0 0}.b2b-catalog .bc-panel{padding:20px}.b2b-catalog .bc-section{margin-top:16px}.b2b-catalog .bc-section-head{margin-bottom:12px}.b2b-catalog .bc-filters{margin-bottom:12px}.b2b-catalog .bc-detail-grid form>label+label{margin-top:12px}.b2b-catalog .bc-offer-image{width:100%;height:100%;object-fit:contain}
/* Reseller Products only */
.reseller-products .bc-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.reseller-products .rp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reseller-products .rp-wide{grid-column:1/-1}.reseller-products textarea{width:100%;box-sizing:border-box;border:1px solid #d4e1eb;border-radius:8px;padding:12px;font:inherit;color:#204158;resize:vertical}.reseller-products input:read-only,.reseller-products textarea:read-only{background:#f5f8fa;color:#617487}.reseller-products .bc-list .bc-offer-body .bc-actions{grid-column:1/-1;justify-content:flex-start}.reseller-products .bc-offer .bc-actions{gap:8px}.reseller-products .bc-offer .bc-actions .bc-button{padding:8px 10px!important;font-size:12px}.reseller-products .bc-table{min-width:700px}@media(max-width:650px){.reseller-products .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-products .rp-form{grid-template-columns:1fr}}
.b2b-catalog .bc-update-note{padding:12px 15px;margin:0 0 12px;border:1px solid #dce6ee;border-radius:9px;background:#f5f8fa;color:#486476;font-size:13px;line-height:1.5}.b2b-catalog .bc-import-blocked{padding:12px 14px;border:1px solid #e8c682;border-radius:9px;background:#fff8e9;color:#78531b;line-height:1.5}.b2b-catalog .bc-request-note{font-size:13px}.b2b-catalog #bc-import-vat-help{display:block;margin-top:9px;font-size:12px;line-height:1.5}
/* Reseller services only */
.reseller-services .bc-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.reseller-services .rp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reseller-services .rp-wide{grid-column:1/-1}.reseller-services textarea{width:100%;box-sizing:border-box;border:1px solid #d4e1eb;border-radius:8px;padding:12px;font:inherit;color:#204158;resize:vertical}.reseller-services input:read-only,.reseller-services textarea:read-only{background:#f5f8fa;color:#617487}.reseller-services .bc-list .bc-offer-body .bc-actions{grid-column:1/-1;justify-content:flex-start}.reseller-services .bc-offer .bc-actions{gap:8px}.reseller-services .bc-offer .bc-actions .bc-button{padding:8px 10px!important;font-size:12px}.reseller-services .bc-table{min-width:700px}@media(max-width:650px){.reseller-services .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-services .rp-form{grid-template-columns:1fr}}
.reseller-services .bc-hint{font-size:13px;color:#617487}.reseller-services select:disabled{background:#f5f8fa;color:#617487;opacity:1}
/* Partner workspace only */
.partner-workspace .bc-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.partner-workspace .pw-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.partner-workspace .pw-kpis article{background:#fff;border:1px solid #d8e4ee;border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.partner-workspace .pw-kpis strong{font-size:28px;color:#0647c2}.partner-workspace .pw-kpis span{color:#577184;font-size:14px}
.partner-workspace .pw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.partner-workspace .pw-fields .ma-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.partner-workspace .pw-fields input{width:100%;box-sizing:border-box}
.partner-workspace .pw-hint{color:#647d91;font-size:13px;margin:18px 0}
.partner-workspace .pw-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.partner-workspace .pw-card{border:1px solid #d8e4ee;background:#fff;border-radius:12px;padding:20px;min-width:0}
.partner-workspace .pw-card h3,.partner-workspace .pw-card h4{margin:0;font-size:18px;color:#17354b;overflow-wrap:anywhere}
.partner-workspace .pw-card p{overflow-wrap:anywhere}.partner-workspace .pw-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:20px 0;font-size:14px}
.partner-workspace .pw-card dt{color:#62798b}.partner-workspace .pw-card dd{margin:0;text-align:right;overflow-wrap:anywhere}
.partner-workspace .pw-state{display:inline-flex;border-radius:20px;background:#dbe5f5;color:#0647c2;font-size:12px;padding:6px 10px;white-space:normal}
.partner-workspace .pw-issues{padding-left:22px;line-height:1.7}.partner-workspace .bc-table{min-width:680px}
.partner-workspace .bc-actions{flex-wrap:wrap}.partner-workspace [hidden]{display:none!important}
@media(max-width:850px){.partner-workspace .bc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-workspace .pw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.partner-workspace .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-workspace .pw-fields,.partner-workspace .pw-cards{grid-template-columns:1fr}.partner-workspace .pw-kpis article{padding:14px}.partner-workspace .pw-card{padding:16px}}

/* Partner stores workspace */
.partner-stores .bc-head{align-items:center;gap:16px}.partner-stores .bc-head h2{font-size:28px;margin:8px 0}.partner-stores .bc-head p{margin:8px 0}
.partner-stores .ps-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.partner-stores .ps-kpis article{background:#fff;border:1px solid #dce7ef;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.partner-stores .ps-kpis span{font-size:13px;color:#62798b}.partner-stores .ps-kpis strong{font-size:28px;color:#123b4a}
.partner-stores .bc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.partner-stores .bc-tabs .bc-button{min-width:0;min-height:46px;white-space:normal;line-height:1.35;padding:10px}
.partner-stores .ps-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.partner-stores .ps-card{min-width:0;border:1px solid #dce7ef;border-radius:12px;background:#fff;padding:20px}.partner-stores .ps-card h3{font-size:19px;margin:0;color:#17354b;overflow-wrap:anywhere}.partner-stores .ps-card p{font-size:14px;color:#62798b;line-height:1.65;overflow-wrap:anywhere}.partner-stores .ps-state{font-size:12px;background:#dbe5f5;border-radius:20px;padding:6px 10px;color:#0647c2;white-space:normal}.partner-stores .ps-counts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.partner-stores .ps-counts span{background:#f2f6fa;border-radius:6px;padding:6px 9px;font-size:12px}
.partner-stores .bc-actions{display:flex;flex-wrap:wrap;gap:8px}.partner-stores .bc-button{width:auto;min-height:42px;white-space:normal;line-height:1.35}.partner-stores .bc-section-head{align-items:center;gap:12px}.partner-stores .ps-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.partner-stores .ps-form label{display:grid;gap:7px;font-size:14px;color:#34546a;min-width:0}.partner-stores .ps-form input,.partner-stores .ps-form textarea{width:100%;box-sizing:border-box}.partner-stores .ps-wide{grid-column:1/-1}.partner-stores .ps-hint{font-size:13px;color:#62798b;line-height:1.6}.partner-stores [hidden]{display:none!important}
@media(max-width:1050px){.partner-stores .bc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-stores .bc-head{flex-wrap:wrap}.partner-stores .ps-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.partner-stores .ps-cards,.partner-stores .ps-form{grid-template-columns:1fr}.partner-stores .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-stores .ps-card{padding:16px}.partner-stores .bc-search{flex-wrap:wrap}.partner-stores .bc-search label{min-width:0;width:100%}.partner-stores .bc-head h2{font-size:24px}}

.partner-stores .ps-fieldset{display:contents;border:0;margin:0;padding:0;min-width:0}

/* Reseller import workspace */
.reseller-import{display:block;min-width:0;color:#182d43}.reseller-import>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.reseller-import h2{font-size:28px;margin:6px 0}.reseller-import h3{font-size:20px;margin:0 0 8px}.reseller-import h4{font-size:17px;margin:0;overflow-wrap:anywhere}.reseller-import p{margin:8px 0 16px;line-height:1.6}.reseller-import small{display:block;line-height:1.5;color:#60788d}.reseller-import .import-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reseller-import button,.reseller-import .bc-button{width:auto;min-height:40px;padding:10px 15px;white-space:normal;line-height:1.3;font-size:14px;box-shadow:none}.reseller-import button:disabled{cursor:not-allowed;opacity:.55}.reseller-import button:focus-visible,.reseller-import a:focus-visible{outline:3px solid #0755ed;outline-offset:3px}.reseller-import .import-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.reseller-import .import-kpis article{border:1px solid #d6e3ee;background:#fff;padding:18px;border-radius:12px;display:flex;align-items:center;gap:14px}.reseller-import .import-kpis strong{font-size:28px;color:#0647c2}.reseller-import .import-kpis span{font-size:14px;line-height:1.4}.reseller-import .import-store{display:flex;align-items:center;gap:22px;background:#fff;padding:16px 20px;border:1px solid #d6e3ee;border-radius:12px;margin:16px 0}.reseller-import .import-store label{min-width:250px;max-width:450px;flex:1}.reseller-import label{display:block;font-size:14px;font-weight:600}.reseller-import input,.reseller-import select,.reseller-import textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:7px;min-width:0;font-size:14px}.reseller-import input[type=file]{background:#f5f8fb;padding:12px}.reseller-import textarea{font-family:ui-monospace,monospace;min-height:150px;resize:vertical}.reseller-import nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.reseller-import nav button{border:1px solid #cedfeb;border-radius:10px;background:#fff;color:#183e51;min-height:50px;font-weight:600}.reseller-import nav button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.reseller-import .import-notice{padding:13px 17px;border:1px solid #9fbef6;border-radius:10px;background:#e8f0ff;margin:12px 0;line-height:1.5}.reseller-import .import-error{color:#a4440b}.reseller-import .import-notice.import-error{background:#fff7eb;border-color:#eec797}.reseller-import .import-body{display:block;padding:24px;min-width:0;overflow:hidden}.reseller-import .import-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.reseller-import .import-section-head>div{flex:1}.reseller-import .import-section-head>button{flex-shrink:0}.reseller-import .import-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reseller-import .import-cards article{background:#fff;border:1px solid #d8e5ee;border-radius:12px;padding:18px;min-width:0}.reseller-import .import-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reseller-import .soft-badge{width:auto;max-width:100%;white-space:normal;line-height:1.4;font-size:12px;flex-shrink:0}.reseller-import .import-cards .import-actions{margin-top:14px}.reseller-import fieldset{border:0;padding:0;margin:0;min-width:0}.reseller-import fieldset>label{margin:14px 0}.reseller-import .import-preview{border-top:1px solid #d9e5ef;padding-top:22px;margin-top:24px}.reseller-import .import-table-scroll{overflow:auto;max-height:430px;margin-bottom:16px;border:1px solid #dbe6ee;border-radius:10px}.reseller-import table{width:100%;border-collapse:collapse;font-size:14px}.reseller-import th,.reseller-import td{padding:12px 14px;vertical-align:top;text-align:left;border-bottom:1px solid #e5edf4;min-width:140px;overflow-wrap:anywhere}.reseller-import th{background:#f3f8fb;position:sticky;top:0}.reseller-import .import-filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}.reseller-import .import-filters label{flex:1}.reseller-import .import-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px}.reseller-import .import-history article{padding:16px 0;border-bottom:1px solid #e1ebf1}.reseller-import .import-history span{display:block;color:#667c90;font-size:13px;margin-top:5px}.reseller-import .import-history p{margin:8px 0}.reseller-import .bc-button{display:inline-flex;border:1px solid #cbdce8;border-radius:8px;text-decoration:none;align-items:center}
.reseller-import input:not([type=file]),.reseller-import select,.reseller-import textarea{border:1px solid #cedfeb;border-radius:8px;background:#fff;color:#26485f;padding:11px 12px;min-height:43px}.reseller-import input:focus,.reseller-import select:focus,.reseller-import textarea:focus{outline:2px solid #77a7f4;outline-offset:1px}
@media(max-width:1100px){.reseller-import nav{grid-template-columns:repeat(3,minmax(0,1fr))}.reseller-import .import-card-head{display:block}.reseller-import .soft-badge{display:inline-block;margin-top:8px}.reseller-import .import-kpis article{padding:14px;gap:10px}.reseller-import .import-section-head{flex-wrap:wrap}}
@media(max-width:700px){.reseller-import>header,.reseller-import .import-store,.reseller-import .import-section-head{display:block}.reseller-import>header>.import-actions{margin-top:14px}.reseller-import nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reseller-import .import-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-import .import-kpis article{align-items:flex-start;flex-direction:column;gap:4px}.reseller-import .import-store label{min-width:0;max-width:none;margin-bottom:10px}.reseller-import .import-cards{grid-template-columns:minmax(0,1fr)}.reseller-import .import-body{padding:16px}.reseller-import .import-filters{flex-wrap:wrap}.reseller-import .import-filters label{flex:1 1 100%}.reseller-import .import-pagination{flex-wrap:wrap}.reseller-import h2{font-size:25px}}

/* Reseller prices workspace */
.reseller-pricing{min-width:0;color:#18344b}.reseller-pricing>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.reseller-pricing h2{font-size:28px;margin:6px 0}.reseller-pricing h3{font-size:20px;margin:0 0 10px}.reseller-pricing h4{font-size:17px;margin:0;overflow-wrap:anywhere}.reseller-pricing p{line-height:1.6;margin:8px 0 16px}.reseller-pricing small,.reseller-pricing .rp-help{font-size:13px;line-height:1.5;color:#657d91}.reseller-pricing small{display:block}.reseller-pricing .rp-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reseller-pricing button,.reseller-pricing .bc-button{width:auto;min-height:42px;padding:10px 14px;font-size:14px;line-height:1.35;white-space:normal;box-shadow:none}.reseller-pricing button:disabled{opacity:.55;cursor:not-allowed}.reseller-pricing button:focus-visible,.reseller-pricing .bc-button:focus-visible{outline:3px solid #77a7f4;outline-offset:3px}.reseller-pricing .rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.reseller-pricing .rp-kpis article{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #d6e2ed;border-radius:12px;padding:18px}.reseller-pricing .rp-kpis strong{font-size:28px;color:#0647c2}.reseller-pricing .rp-kpis span{font-size:14px;line-height:1.4}.reseller-pricing label{display:block;font-weight:600;font-size:14px;min-width:0}.reseller-pricing input,.reseller-pricing select{display:block;width:100%;box-sizing:border-box;min-width:0;margin-top:7px;padding:11px 12px;min-height:44px;border:1px solid #d0e0ec;border-radius:8px;font-size:14px;color:#21425a;background:#fff}.reseller-pricing input:focus,.reseller-pricing select:focus{outline:2px solid #77a7f4;outline-offset:1px}.reseller-pricing input:read-only,.reseller-pricing input:disabled{background:#f1f6f9;color:#627589}.reseller-pricing .rp-store{max-width:440px;margin:16px 0}.reseller-pricing nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.reseller-pricing nav button{border:1px solid #d0dfeb;border-radius:10px;background:#fff;color:#254254;min-height:50px;font-weight:600}.reseller-pricing nav button[aria-pressed=true]{background:#dbe5f5;color:#0647c2;border-color:#77a7f4}.reseller-pricing .rp-body{display:block;min-width:0;padding:24px;overflow:hidden}.reseller-pricing .rp-notice{border:1px solid #9fbef6;border-radius:10px;padding:14px 16px;background:#e8f0ff;line-height:1.5;margin:12px 0}.reseller-pricing .rp-loss{color:#a24417!important}.reseller-pricing .rp-notice.rp-loss{background:#fff7ed;border-color:#edc597}.reseller-pricing .rp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.reseller-pricing .rp-section-head>div{flex:1}.reseller-pricing .rp-section-head>button{flex-shrink:0}.reseller-pricing .rp-filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.reseller-pricing .rp-filters label{flex:1}.reseller-pricing .rp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reseller-pricing .rp-cards article{border:1px solid #d7e4ee;border-radius:12px;padding:18px;min-width:0;background:#fff}.reseller-pricing .rp-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.reseller-pricing .soft-badge{width:auto;max-width:100%;white-space:normal;line-height:1.4;flex-shrink:0;font-size:12px}.reseller-pricing .rp-card-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 20px}.reseller-pricing .rp-card-values strong{display:block;margin-top:5px;font-size:16px;overflow-wrap:anywhere}.reseller-pricing .rp-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:13px}.reseller-pricing fieldset{border:0;padding:0;margin:0;min-width:0}.reseller-pricing .rp-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.reseller-pricing .rp-calculation{margin-top:26px;padding:20px;background:#f4faf8;border:1px solid #bed4f7;border-radius:12px}.reseller-pricing dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.reseller-pricing dt{font-size:13px;color:#617787}.reseller-pricing dd{font-size:18px;font-weight:700;margin:6px 0 0;overflow-wrap:anywhere}.reseller-pricing .rp-calculation p{font-size:13px;margin-bottom:0}.reseller-pricing .rp-history article{padding:18px 0;border-bottom:1px solid #dae6ef}.reseller-pricing .bc-button{display:inline-flex;align-items:center;border:1px solid #ccddea;border-radius:8px;text-decoration:none}
@media(max-width:1100px){.reseller-pricing nav{grid-template-columns:repeat(3,minmax(0,1fr))}.reseller-pricing .rp-form-grid,.reseller-pricing dl{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-pricing .rp-card-head{display:block}.reseller-pricing .soft-badge{display:inline-block;margin-top:8px}.reseller-pricing .rp-kpis article{padding:14px;gap:10px}}
@media(max-width:700px){.reseller-pricing>header,.reseller-pricing .rp-section-head{display:block}.reseller-pricing header>.rp-actions{margin-top:14px}.reseller-pricing nav,.reseller-pricing .rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-pricing .rp-kpis article{display:block}.reseller-pricing .rp-kpis strong,.reseller-pricing .rp-kpis span{display:block}.reseller-pricing .rp-kpis span{margin-top:6px}.reseller-pricing .rp-cards,.reseller-pricing .rp-form-grid{grid-template-columns:minmax(0,1fr)}.reseller-pricing .rp-body{padding:16px}.reseller-pricing .rp-filters{flex-wrap:wrap}.reseller-pricing .rp-filters label{flex-basis:100%}.reseller-pricing .rp-pagination{flex-wrap:wrap}.reseller-pricing h2{font-size:25px}}

/* Reseller supplier workspace */
.reseller-suppliers {display:block;min-width:0;color:var(--text,#182438)}
.reseller-suppliers>header,.reseller-suppliers>.rs-kpis,.reseller-suppliers>.rs-store,.reseller-suppliers>nav,.reseller-suppliers>.rs-notice {margin-bottom:20px}
.reseller-suppliers>header,.reseller-suppliers .rs-section-head,.reseller-suppliers .rs-card-head {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.reseller-suppliers h2 {margin:4px 0;font-size:28px;line-height:1.2}
.reseller-suppliers h3 {margin:0 0 10px;font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.reseller-suppliers h4 {margin:0 0 12px;font-size:16px}
.reseller-suppliers p {margin:8px 0 16px;line-height:1.6;overflow-wrap:anywhere}
.reseller-suppliers .rs-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.reseller-suppliers .rs-kpis article {display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #dce6ed;border-radius:12px;background:#fff}
.reseller-suppliers .rs-kpis strong {font-size:28px;color:#0647c2}.reseller-suppliers .rs-kpis span {font-size:14px;color:#496176}
.reseller-suppliers label {display:grid;gap:7px;min-width:0;font-size:14px;font-weight:600}
.reseller-suppliers input,.reseller-suppliers select,.reseller-suppliers textarea {width:100%;box-sizing:border-box;min-width:0;min-height:44px;background:#fff;color:#2f4b60;border:1px solid #d7e3ed;border-radius:9px;padding:10px 12px;font:inherit}
.reseller-suppliers textarea {resize:vertical}.reseller-suppliers .rs-store {width:100%;max-width:460px}
.reseller-suppliers>nav {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.reseller-suppliers>nav button {width:100%;min-height:50px;padding:12px 14px;border:1px solid #d7e3ed;border-radius:10px;background:white;color:#2f4b60;white-space:normal;line-height:1.3;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit}
.reseller-suppliers>nav button[aria-pressed=true] {background:#dbe5f5;border-color:#77a7f4;color:#0647c2}
.reseller-suppliers .rs-body {display:block;padding:24px;margin:0;min-width:0}
.reseller-suppliers .rs-cards,.reseller-suppliers .rs-details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.reseller-suppliers .rs-cards>article,.reseller-suppliers .rs-details>article,.reseller-suppliers .rs-request {min-width:0;padding:20px;border:1px solid #dce6ed;border-radius:12px;background:white}
.reseller-suppliers .rs-card-head {align-items:flex-start}.reseller-suppliers .rs-card-head h3 {flex:1;min-width:140px}
.reseller-suppliers dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.reseller-suppliers dl div {min-width:0}.reseller-suppliers dt {font-size:13px;font-weight:400;color:#688098;margin:0 0 5px}.reseller-suppliers dd {margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.reseller-suppliers .rs-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.reseller-suppliers .rs-actions button,.reseller-suppliers .rs-filters button {min-height:42px;width:auto;white-space:normal;line-height:1.35;margin:0;padding:10px 14px;box-shadow:none}
.reseller-suppliers .rs-state {display:inline-flex;padding:6px 10px;border-radius:20px;background:#f0f4f8;font-size:12px;font-weight:600}
.reseller-suppliers .rs-state.success {background:#dcfce7;color:#166534}.reseller-suppliers .rs-state.warning,.reseller-suppliers .rs-state.pending {background:#fff4df;color:#83520c}
.reseller-suppliers .rs-notice {padding:14px 18px;border:1px solid #9fbef6;border-radius:10px;background:#e8f0ff;margin:0}.reseller-suppliers .rs-notice.warning {background:#fff8ea;border-color:#e8c680;color:#80530e}
.reseller-suppliers .rs-filters {display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:22px}.reseller-suppliers .rs-filters label {flex:1;min-width:180px}
.reseller-suppliers .rs-pagination {display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:22px}
.reseller-suppliers fieldset {display:grid;gap:14px;border:0;padding:0;margin:0;min-width:0}.reseller-suppliers .rs-request {background:#e8f0ff;border-color:#9fbef6;margin-bottom:22px}
.reseller-suppliers button:focus-visible,.reseller-suppliers input:focus-visible,.reseller-suppliers textarea:focus-visible,.reseller-suppliers select:focus-visible {outline:2px solid #0647c2;outline-offset:3px}
@media(max-width:1100px){.reseller-suppliers>nav {grid-template-columns:repeat(3,minmax(0,1fr))}.reseller-suppliers .rs-kpis {grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-suppliers .rs-details {grid-template-columns:1fr}}
@media(max-width:700px){.reseller-suppliers>nav {grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-suppliers .rs-cards {grid-template-columns:1fr}.reseller-suppliers .rs-kpis article {padding:14px;gap:10px;flex-wrap:wrap}.reseller-suppliers .rs-body {padding:16px}.reseller-suppliers .rs-filters label {min-width:100%}.reseller-suppliers dl {grid-template-columns:1fr}.reseller-suppliers .rs-cards>article {padding:16px}}

/* Partner orders workspace */
.reseller-orders{display:block!important;min-width:0;padding:24px;background:#fff;color:#17364c;border-radius:16px}.reseller-orders *{box-sizing:border-box}.reseller-orders h2{font-size:28px;margin:8px 0}.reseller-orders h3{font-size:20px;margin:8px 0;overflow-wrap:anywhere}.reseller-orders h4{font-size:17px;margin:12px 0}.reseller-orders p{font-size:14px;line-height:1.6;color:#607e93}.reseller-orders .ro-head,.reseller-orders .ro-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.reseller-orders .ro-head{margin-bottom:22px}.reseller-orders .ro-head>div{min-width:0}.reseller-orders .ro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.reseller-orders button{width:auto;min-width:0;max-width:100%;min-height:42px;white-space:normal;overflow-wrap:anywhere;padding:10px 16px;font:inherit;font-size:14px}.reseller-orders button:disabled{opacity:.5;cursor:not-allowed}.reseller-orders .ro-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.reseller-orders .ro-kpis>div{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #d8e8ec;background:#f5fbfa;border-radius:12px;min-width:0}.reseller-orders .ro-kpis strong{font-size:25px;color:#0647c2;overflow-wrap:anywhere}.reseller-orders .ro-kpis span{font-size:13px;color:#486776}.reseller-orders .ro-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.reseller-orders .ro-tabs button{border:1px solid #d3e2eb;border-radius:9px;background:white;color:#264b62}.reseller-orders .ro-tabs button[aria-pressed=true]{border-color:#77a7f4;background:#dbe5f5;color:#0647c2;font-weight:700}.reseller-orders .ro-filters{display:grid;grid-template-columns:1.2fr 1.5fr 1fr .6fr auto auto;align-items:end;gap:12px;background:#f8fafc;border:1px solid #e4edf2;border-radius:12px;padding:16px;margin:20px 0}.reseller-orders label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px}.reseller-orders input,.reseller-orders select{width:100%;min-width:0;height:42px;padding:10px;border:1px solid #d5e3ed;border-radius:8px;background:#fff;color:#23475d;font:inherit}.reseller-orders .ro-grid,.reseller-orders .ro-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.reseller-orders article{min-width:0;padding:20px;border:1px solid #d9e6ee;border-radius:12px;background:#fff;overflow-wrap:anywhere}.reseller-orders .ro-chip{background:#e8f0ff;color:#0647c2;padding:6px 12px;border-radius:20px;font-size:12px;flex-shrink:0}.reseller-orders .ro-price{font-size:22px}.reseller-orders dl{margin:14px 0;display:flex;flex-direction:column;gap:10px}.reseller-orders dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eef3f6;padding-bottom:8px;font-size:13px}.reseller-orders dt{color:#688294}.reseller-orders dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.reseller-orders .ro-notice{padding:16px 18px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:10px;line-height:1.6}.reseller-orders .ro-warning{color:#9b5a12}.reseller-orders .ro-notice.warning{background:#fff8ea;border-color:#ecd299;color:#8c5815}.reseller-orders .ro-table{max-width:100%;overflow-x:auto}.reseller-orders table{width:100%;border-collapse:collapse;min-width:520px;font-size:14px}.reseller-orders td,.reseller-orders th{padding:12px;text-align:left;border-bottom:1px solid #e5edf3}.reseller-orders li{line-height:1.7;font-size:14px;overflow-wrap:anywhere}.reseller-orders button:focus-visible,.reseller-orders input:focus-visible,.reseller-orders select:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}@media(max-width:1200px){.reseller-orders .ro-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.reseller-orders .ro-head{flex-wrap:wrap}.reseller-orders .ro-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.reseller-orders{padding:16px}.reseller-orders .ro-grid,.reseller-orders .ro-details{grid-template-columns:1fr}.reseller-orders .ro-kpis,.reseller-orders .ro-tabs,.reseller-orders .ro-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-orders .ro-kpis>div{padding:14px}.reseller-orders .ro-kpis strong{font-size:21px}.reseller-orders .ro-card-head{align-items:flex-start;flex-wrap:wrap}.reseller-orders .ro-card-head h3{font-size:18px}.reseller-orders article{padding:16px}.reseller-orders .ro-head>div{width:100%}.reseller-orders .ro-head button{flex:1}.reseller-orders .ro-filters button{width:100%}}
.reseller-orders .ro-fulfillment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.reseller-orders .ro-fulfillment-card{padding:22px;border:1px solid #dce8ed;box-shadow:0 4px 16px #17364c05}.reseller-orders .ro-fulfillment-card h4{margin:6px 0 0;font-size:19px}.reseller-orders .ro-fulfillment-card .ro-card-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.reseller-orders .ro-chip{max-width:100%;white-space:normal}.reseller-orders .ro-state-waiting{background:#fff4df;color:#946218}.reseller-orders .ro-state-partial,.reseller-orders .ro-state-timed_out{background:#fff0dd;color:#945917}.reseller-orders .ro-state-rejected{background:#fff0ed;color:#a14031}.reseller-orders .ro-suborder-meta{display:flex;justify-content:space-between;gap:15px;margin:20px 0;color:#5f7b8e;font-size:13px}.reseller-orders .ro-suborder-meta strong{font-size:18px;color:#17364c}.reseller-orders .ro-fulfillment-lines{list-style:none;margin:0;padding:0}.reseller-orders .ro-fulfillment-lines li{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #edf2f5;padding:12px 0}.reseller-orders .ro-fulfillment-lines small{color:#648095;text-align:right;flex-shrink:0}.reseller-orders .ro-fulfillment-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #e9eff2;padding-top:16px}.reseller-orders .ro-fulfillment-actions button{width:100%;padding:9px 8px}.reseller-orders .ro-action-hint,.reseller-orders .ro-history{font-size:12px;line-height:1.5}.reseller-orders .ro-history{border-left:3px solid #bed4f7;padding-left:12px}.reseller-orders .ro-fulfillment-review{padding:22px;background:#e8f0ff;border:1px solid #9fbef6;border-radius:12px;display:grid;gap:14px;margin:18px 0}.reseller-orders .ro-fulfillment-review fieldset{border:1px solid #bed4f7;border-radius:8px;background:#fff;padding:16px}.reseller-orders .ro-fulfillment-review legend{font-size:14px;padding:0 8px}.reseller-orders .ro-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px}.reseller-orders .ro-check input{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:#0647c2}.reseller-orders .ro-check small{display:block;margin-top:4px;color:#648095}.reseller-orders textarea{width:100%;padding:12px;border:1px solid #cfdee6;border-radius:8px;font:inherit;resize:vertical}.reseller-orders .ro-deadline{font-size:13px}@media(max-width:1050px){.reseller-orders .ro-fulfillment-grid{grid-template-columns:1fr}}@media(max-width:700px){.reseller-orders .ro-fulfillment-review,.reseller-orders .ro-fulfillment-card{padding:16px}.reseller-orders .ro-suborder-meta{flex-wrap:wrap}.reseller-orders .ro-fulfillment-lines li{flex-wrap:wrap}}

.rs-workspace{background:#fff;border:1px solid #d9e4ef;border-radius:18px;padding:26px;margin:24px 0;min-width:0;color:#182b40}.rs-heading,.rs-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.rs-heading h2{font-size:28px;margin:8px 0}.rs-heading p{margin:8px 0 12px;color:#657a91}.rs-heading small{color:#0647c2}.rs-workspace button{width:auto;min-width:0;white-space:normal}.rs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.rs-kpis>div{border:1px solid #dce9ef;border-radius:12px;background:#f7fbfc;padding:18px}.rs-kpis strong{display:block;font-size:27px}.rs-kpis span{display:block;color:#5e7287;margin-top:5px}.rs-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.rs-tabs button{flex:1 1 140px;padding:13px;border:1px solid #cfdfeb;border-radius:9px;background:white;color:#284157;font-weight:700}.rs-tabs button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.rs-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px;background:#f7fafc;border-radius:12px;margin:20px 0}.rs-filters label{flex:1 1 165px}.rs-workspace label{display:block;color:#425e78;font-size:14px}.rs-workspace input:not([type=checkbox]),.rs-workspace select,.rs-workspace textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #ccddec;border-radius:8px;background:white;color:#18354d;min-width:0}.rs-workspace textarea{min-height:82px}.rs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rs-card{border:1px solid #d8e5ee;border-radius:13px;padding:20px;min-width:0}.rs-card h3{margin:6px 0 10px;font-size:19px;overflow-wrap:anywhere}.rs-card p{color:#60778f;line-height:1.5}.rs-card small{color:#668198}.rs-chip{border-radius:20px;background:#edf5f8;color:#30556b;padding:7px 11px;font-size:12px;line-height:1.4;font-weight:700;flex-shrink:0;max-width:45%}.rs-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.rs-card dt{color:#60778f;font-size:12px}.rs-card dd{margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}.rs-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 0}.rs-workspace .primary-button,.rs-workspace .secondary-button{padding:11px 15px;min-height:42px;box-shadow:none;font-size:14px}.rs-workspace button:disabled{opacity:.55;cursor:not-allowed}.rs-workspace button:focus-visible,.rs-workspace a:focus-visible{outline:3px solid #0755ed;outline-offset:3px}.rs-warning,.rs-notice{padding:13px 16px;background:#fff8e9;border:1px solid #edcd89;border-radius:9px;color:#825717;line-height:1.5}.rs-notice{background:#e8f0ff;border-color:#9fbef6;color:#0647c2}.rs-empty{padding:35px;color:#637c91;border:1px dashed #cbdce7;border-radius:12px;grid-column:1/-1;text-align:center}.rs-lines{overflow:auto;margin:22px 0}.rs-lines table{border-collapse:collapse;width:100%;text-align:left}.rs-lines th,.rs-lines td{padding:13px;border-bottom:1px solid #e2eaf0;white-space:normal}.rs-lines th{font-size:13px;color:#5e788c;background:#f7fafc}.rs-editor{margin:20px 0;padding:22px;border:1px solid #77a7f4;background:#e8f0ff;border-radius:13px}.rs-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.rs-confirm{display:flex!important;gap:10px;align-items:center;margin-top:16px}.rs-confirm input{width:18px;height:18px;flex-shrink:0}.rs-footnote{font-size:13px;color:#667e92;margin-top:24px;line-height:1.6}.rs-history article{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid #e1ebf2}.rs-history time{color:#6f8398;font-size:13px}.rs-history p{margin:6px 0;color:#60778f;overflow-wrap:anywhere}.rs-check{padding:16px 0;border-bottom:1px solid #e1ebf2}@media(max-width:1000px){.rs-grid{grid-template-columns:1fr}.rs-fields{grid-template-columns:1fr}.rs-heading{flex-wrap:wrap}}@media(max-width:600px){.rs-workspace{padding:16px}.rs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-heading h2{font-size:23px}.rs-card-head{flex-wrap:wrap}.rs-chip{max-width:100%}.rs-history article{grid-template-columns:1fr}.rs-card dl{grid-template-columns:1fr}.rs-actions button{flex:1 1 140px}}

.rpm-workspace{background:#fff;border:1px solid #dbe5ef;border-radius:18px;padding:26px;color:#173348;min-width:0}.rpm-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.rpm-heading h2{font-size:28px;margin:8px 0}.rpm-heading h3{font-size:19px;margin:6px 0;overflow-wrap:anywhere}.rpm-heading small{color:#0647c2;font-weight:700}.rpm-heading p,.rpm-card p{line-height:1.6;margin:10px 0;color:#577087;overflow-wrap:anywhere}.rpm-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rpm-workspace button{width:auto;min-height:42px;padding:10px 16px;white-space:normal;line-height:1.35;max-width:100%;overflow-wrap:anywhere}.rpm-workspace button:disabled{opacity:.5;cursor:not-allowed}.rpm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.rpm-kpis>div{background:#f4f8fa;border:1px solid #e5edf1;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.rpm-kpis strong{font-size:27px;color:#0647c2}.rpm-kpis span{font-size:14px;color:#52687b}.rpm-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e5edf1;padding-bottom:16px;margin-bottom:22px}.rpm-tabs button{background:#fff;color:#27465c;border:1px solid #dbe5ef;border-radius:9px;flex:1}.rpm-tabs button[aria-pressed=true]{color:#0647c2;background:#dbe5f5;border-color:#77a7f4}.rpm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rpm-card,.rpm-editor,.rpm-empty{min-width:0;border:1px solid #dce7ee;border-radius:13px;padding:22px;background:white}.rpm-empty{grid-column:1/-1;text-align:center;padding:34px}.rpm-empty h3{margin:0 0 12px}.rpm-chip{background:#f0f4f8;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.rpm-active{background:#dbe5f5;color:#0647c2}.rpm-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid #edf2f5;padding-top:16px}.rpm-card dt{font-size:12px;color:#677e91;margin-bottom:5px}.rpm-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}.rpm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.rpm-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.rpm-fields input,.rpm-fields select,.rpm-fields textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #d5e2ec;background:#fff;border-radius:8px;min-height:44px;padding:11px 12px;color:#243e53;font:inherit}.rpm-fields input:disabled{background:#f4f7fa}.rpm-wide{grid-column:1/-1}.rpm-note{font-size:13px;color:#637c90;line-height:1.6}.rpm-notice,.rpm-warning{padding:14px 18px;border-radius:10px;margin:16px 0;line-height:1.6;background:#eaf8f3;border:1px solid #b3dfd1}.rpm-warning{background:#fff8e9;border-color:#edc982;color:#80581c}.rpm-history article{display:flex;gap:20px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #e8eef3;flex-wrap:wrap}.rpm-history article>div{flex:1;min-width:180px}.rpm-history time{font-size:13px;color:#61788b}.rpm-history p{margin:6px 0;font-size:14px}.rpm-workspace button:focus-visible,.rpm-workspace input:focus-visible,.rpm-workspace select:focus-visible,.rpm-workspace textarea:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}@media(max-width:1000px){.rpm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rpm-grid{grid-template-columns:1fr}}@media(max-width:560px){.rpm-workspace{padding:16px}.rpm-fields{grid-template-columns:1fr}.rpm-heading h2{font-size:24px}.rpm-tabs button{flex:1 1 40%}.rpm-card,.rpm-editor{padding:16px}.rpm-actions{width:100%}.rpm-actions button{flex:1}.rpm-kpis{gap:8px}.rpm-kpis>div{padding:12px}.rpm-card dl{grid-template-columns:1fr}.rpm-wide{grid-column:auto}}

.rpm-payment-details{margin-top:10px;min-width:0;max-width:100%;font-size:13px}.rpm-payment-details summary{cursor:pointer;color:#0647c2;font-weight:600;white-space:normal}.rpm-payment-details dl{margin:12px 0;display:grid;gap:10px}.rpm-payment-details dt{font-size:11px;color:#607a8e}.rpm-payment-details dd{margin:3px 0;overflow-wrap:anywhere;white-space:normal}.rpm-payment-details p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.rpm-payment-details small{display:block;white-space:normal;color:#607a8e}

.prc-workspace{padding:26px;background:#fff;border:1px solid #dce5ed;border-radius:18px;min-width:0;color:#182b40}.prc-heading,.prc-row-head,.prc-row-foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.prc-heading h2{font-size:28px;margin:9px 0}.prc-workspace small{color:#617b8c}.prc-workspace p{line-height:1.5;overflow-wrap:anywhere}.prc-workspace h3{font-size:17px;margin:8px 0;overflow-wrap:anywhere}.prc-heading>div{min-width:0}.prc-heading>small,.prc-heading>div>small{color:#0647c2;font-weight:700;letter-spacing:.06em}.prc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0}.prc-kpis article{padding:20px;background:#f5f9fa;border:1px solid #e1ebed;border-radius:12px}.prc-kpis strong{font-size:24px;display:block;overflow-wrap:anywhere}.prc-kpis span{display:block;color:#617b8c;margin-top:6px}.prc-tabs{display:flex;gap:8px;border-bottom:1px solid #e1e9ef;padding:0 0 14px;margin-bottom:20px;flex-wrap:wrap}.prc-tabs button{border:1px solid #d4e3e9;border-radius:9px;background:#fff;color:#315668;padding:12px 22px;font-weight:600;cursor:pointer}.prc-tabs button[aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.prc-actions{display:flex;gap:8px;flex-wrap:wrap}.prc-workspace .primary-button,.prc-workspace .secondary-button{width:auto;min-height:42px;padding:10px 17px;white-space:normal;overflow-wrap:anywhere;flex:none}.prc-workspace button:disabled{opacity:.5;cursor:not-allowed}.prc-filters,.prc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-bottom:20px}.prc-workspace label{display:grid;gap:7px;font-size:13px;color:#36566d;font-weight:600}.prc-workspace input,.prc-workspace select,.prc-workspace textarea{width:100%;box-sizing:border-box;min-width:0;border:1px solid #cfdee7;border-radius:8px;padding:11px;background:#fff;color:#213c51;font:inherit}.prc-list{display:grid;gap:15px}.prc-row{border:1px solid #dce7ec;padding:22px;border-radius:12px;min-width:0}.prc-row-head{align-items:flex-start}.prc-row-head p{margin:5px 0;font-size:13px;color:#617b8c}.prc-row-head>div{min-width:0}.prc-chip{padding:7px 12px;border-radius:20px;background:#f0f4f8;color:#486379;font-size:12px;font-weight:600;flex-shrink:0}.prc-ok{color:#166534;background:#dcfce7}.prc-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;background:#f7fafb;padding:18px;border-radius:10px;margin:18px 0}.prc-values strong{display:block;font-size:17px;margin-top:7px;overflow-wrap:anywhere}.prc-row-foot{align-items:flex-end}.prc-row-foot>div:first-child{max-width:50%;font-size:13px;min-width:0}.prc-row-foot p{margin:0 0 5px}.prc-empty{border:1px dashed #d9e4e9;border-radius:12px;padding:40px;text-align:center;color:#617b8c}.prc-info,.prc-warning{border:1px solid #b8e3db;border-radius:9px;padding:14px 17px;background:#f0faf7;font-size:14px}.prc-warning{border-color:#efcf97;background:#fff9ed;color:#775318}.prc-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prc-editor{max-width:950px}.prc-wide{grid-column:1/-1}.prc-workspace .prc-confirm{display:flex;align-items:center;gap:10px;margin:18px 0}.prc-confirm input{width:19px;height:19px;flex-shrink:0}.prc-balance{padding:20px;border:1px solid #9fbef6;border-radius:12px;background:#e8f0ff;margin:15px 0}.prc-balance small{line-height:1.5;color:#557468}
@media(max-width:1000px){.prc-row-foot{align-items:stretch;flex-direction:column}.prc-row-foot>div:first-child{max-width:100%}.prc-checks{grid-template-columns:1fr}.prc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.prc-filters,.prc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.prc-workspace{padding:16px}.prc-heading{align-items:flex-start;flex-direction:column}.prc-kpis{grid-template-columns:1fr 1fr;gap:8px}.prc-kpis article{padding:12px}.prc-kpis strong{font-size:18px}.prc-values{grid-template-columns:1fr 1fr;padding:13px}.prc-filters,.prc-fields{grid-template-columns:1fr}.prc-tabs button{flex:1 1 42%;padding:12px 8px}.prc-row{padding:15px}.prc-row-head{flex-direction:column;gap:10px}.prc-chip{max-width:100%;box-sizing:border-box}.prc-actions{align-items:stretch}.prc-workspace .prc-actions button{flex:1 1 120px}.prc-empty{padding:24px 15px}}

.pwl-workspace{padding:28px;background:#fff;border:1px solid #d7e2ed;border-radius:18px;color:#193349;min-width:0}.pwl-heading,.pwl-toolbar,.pwl-row-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.pwl-heading{margin-bottom:24px}.pwl-heading small{color:#0647c2;font-weight:700;letter-spacing:.07em}.pwl-heading h2{font-size:30px;margin:10px 0}.pwl-workspace p{line-height:1.6;color:#5b7185}.pwl-toolbar{border-top:1px solid #edf1f5;padding:18px 0}.pwl-toolbar label{display:grid;gap:6px;min-width:230px}.pwl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;border-bottom:1px solid #e0e8ef;padding-bottom:14px}.pwl-tabs button{flex:1 1 140px;min-height:46px;padding:12px 16px;border:1px solid #d4e0eb;background:#fff;border-radius:9px;color:#344e65;font-weight:650}.pwl-tabs button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.pwl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}.pwl-card{padding:24px;border:1px solid #dce7ed;border-radius:14px;min-width:0;background:#fff}.pwl-card h3{margin:4px 0 8px;font-size:20px}.pwl-main-amount{display:grid;gap:5px;padding:20px 0}.pwl-main-amount strong{font-size:30px;letter-spacing:-.5px}.pwl-main-amount span{font-size:14px;color:#5b7185}.pwl-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.pwl-values>div{padding:12px;background:#f5f8fa;border-radius:9px}.pwl-values dt{font-size:13px;color:#5b7185}.pwl-values dd{margin:7px 0 0;font-weight:650;overflow-wrap:anywhere}.pwl-chip{padding:7px 10px;border-radius:20px;background:#eff3f7;color:#52677d;font-size:12px;font-weight:650;white-space:normal}.pwl-ok{color:#166534;background:#eaf8f1}.pwl-review{background:#fff4df;color:#936311}.pwl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pwl-workspace button{width:auto;max-width:100%;white-space:normal}.pwl-workspace button:disabled{opacity:.55;cursor:not-allowed}.pwl-workspace button:focus-visible,.pwl-workspace input:focus-visible,.pwl-workspace select:focus-visible{outline:3px solid #0755ed;outline-offset:2px}.pwl-workspace .primary-button,.pwl-workspace .secondary-button{min-height:44px;padding:11px 17px}.pwl-list{display:grid;gap:14px}.pwl-empty{padding:35px;border:1px dashed #c9dce5;border-radius:12px;text-align:center;grid-column:1/-1;background:#f9fbfc}.pwl-info,.pwl-warning{padding:14px 17px;background:#edf8f5;border:1px solid #b5e2d8;border-radius:9px}.pwl-workspace .pwl-warning{background:#fff7e7;border-color:#f0cf93;color:#81540b}.pwl-editor{padding:24px;background:#f9fbfc;border:1px solid #d6e5eb;border-radius:12px}.pwl-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pwl-form-grid label{display:grid;gap:8px}.pwl-full{grid-column:1/-1}.pwl-workspace input:not([type=checkbox]),.pwl-workspace select{width:100%;min-width:0;min-height:44px;border:1px solid #ccdce8;border-radius:8px;background:#fff;padding:10px 12px;color:#234258;font:inherit;box-sizing:border-box}.pwl-confirm{display:flex;align-items:start;gap:10px;margin:22px 0;line-height:1.5}.pwl-confirm input{width:18px;height:18px;flex-shrink:0}.pwl-table-wrap{max-width:100%;overflow:auto;margin-top:18px}.pwl-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.pwl-table-wrap th{background:#f5f8fa;color:#5a7081;font-size:13px}.pwl-table-wrap th,.pwl-table-wrap td{padding:14px 12px;border-bottom:1px solid #e6edf3;overflow-wrap:anywhere}.pwl-table-wrap small{display:block;color:#5b7185;margin-top:5px}.pwl-wallet-link{padding:24px;margin:20px 0;border:1px solid #9fbef6;border-radius:14px;background:#e8f0ff}.pwl-workspace *{box-sizing:border-box}.pwl-card p,.pwl-workspace strong,.pwl-workspace h3{overflow-wrap:anywhere}@media(max-width:650px){.pwl-workspace{padding:17px}.pwl-heading,.pwl-toolbar,.pwl-row-head{align-items:start;flex-direction:column;gap:12px}.pwl-heading h2{font-size:25px}.pwl-toolbar label{min-width:0;width:100%}.pwl-card,.pwl-editor{padding:17px}.pwl-main-amount strong{font-size:25px}.pwl-form-grid{grid-template-columns:1fr}.pwl-tabs button{flex-basis:125px}.pwl-actions>*{flex:1 1 150px}.pwl-table-wrap td,.pwl-table-wrap th{padding:10px 7px;font-size:12px}}

.ptx-workspace{padding:26px;background:#fff;border:1px solid #d9e5ed;border-radius:17px;color:#193349;min-width:0}.ptx-workspace *{box-sizing:border-box}.ptx-heading,.ptx-row-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.ptx-heading h2{font-size:29px;margin:10px 0}.ptx-heading small{color:#0647c2;font-weight:700;letter-spacing:.06em}.ptx-workspace p{color:#5b7185;line-height:1.6}.ptx-kpis,.ptx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:13px;margin:22px 0}.ptx-kpis article,.ptx-steps article{padding:18px;background:#f5f8fa;border:1px solid #e8eef3;border-radius:11px}.ptx-kpis strong{display:block;font-size:27px}.ptx-kpis span{display:block;margin-top:6px;color:#567084;font-size:13px}.ptx-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e0e8ee;padding-bottom:15px;margin:20px 0}.ptx-tabs button{flex:1 1 145px;min-height:45px;padding:12px;border:1px solid #d6e2eb;border-radius:9px;background:#fff;color:#304e63;font-weight:650}.ptx-tabs button[aria-pressed=true]{background:#dbe5f5;color:#0647c2;border-color:#77a7f4}.ptx-list{display:grid;gap:15px}.ptx-card,.ptx-editor{padding:23px;border:1px solid #dbe6ee;border-radius:12px;min-width:0}.ptx-card h3{font-size:20px;margin:5px 0 10px;overflow-wrap:anywhere}.ptx-chip{padding:7px 11px;border-radius:20px;background:#f0f4f8;color:#4f697e;font-size:12px;font-weight:650;white-space:normal}.ptx-held{background:#fff2dc;color:#8c5d14}.ptx-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}.ptx-values>div{padding:12px;background:#f7fafb;border-radius:8px}.ptx-values small{display:block;color:#60798b}.ptx-values strong{display:block;margin-top:7px;font-size:18px;overflow-wrap:anywhere}.ptx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.ptx-workspace button{width:auto;max-width:100%;white-space:normal}.ptx-workspace .primary-button,.ptx-workspace .secondary-button{padding:11px 16px;min-height:44px}.ptx-workspace button:disabled{opacity:.5;cursor:not-allowed}.ptx-workspace button:focus-visible,.ptx-workspace input:focus-visible,.ptx-workspace select:focus-visible,.ptx-workspace textarea:focus-visible{outline:3px solid #0755ed;outline-offset:2px}.ptx-filters{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin:20px 0}.ptx-filters label{flex:1 1 220px;display:grid;gap:7px}.ptx-workspace select,.ptx-workspace input:not([type=checkbox]),.ptx-workspace textarea{width:100%;min-width:0;border:1px solid #ccdce7;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;color:#29475a;min-height:44px}.ptx-editor{background:#f8fbfc}.ptx-editor>label{display:grid;gap:8px;margin:18px 0}.ptx-editor .ptx-confirm{display:flex;align-items:start;gap:10px;line-height:1.5}.ptx-confirm input{width:18px;height:18px;flex-shrink:0}.ptx-step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4eaf0;color:#566b7c;font-weight:700}.ptx-step-ok{background:#dcfce7;color:#166534}.ptx-steps h4{margin:12px 0 6px}.ptx-info,.ptx-warning{padding:13px 16px;border:1px solid #b9e2d8;border-radius:9px;background:#eff9f6}.ptx-workspace .ptx-warning{background:#fff7e9;border-color:#edd29c;color:#84570d}.ptx-empty{padding:32px;text-align:center;border:1px dashed #cbdde7;border-radius:12px;background:#f9fbfc}.ptx-workspace p{overflow-wrap:anywhere}@media(max-width:650px){.ptx-workspace{padding:16px}.ptx-heading,.ptx-row-head{flex-direction:column;align-items:start;gap:12px}.ptx-heading h2{font-size:25px}.ptx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ptx-kpis article{padding:13px}.ptx-card,.ptx-editor{padding:16px}.ptx-values{grid-template-columns:1fr;gap:8px}.ptx-values>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.ptx-values strong{margin:0;font-size:16px}.ptx-actions>*{flex:1 1 145px}.ptx-tabs button{flex-basis:125px}}

.srt-workspace{padding:26px;background:#fff;border:1px solid #d9e5ed;border-radius:17px;color:#193349;min-width:0}.srt-workspace *{box-sizing:border-box}.srt-heading,.srt-row-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.srt-heading h2{font-size:29px;margin:10px 0}.srt-heading small{color:#0647c2;font-weight:700;letter-spacing:.06em}.srt-workspace p{color:#5b7185;line-height:1.6}.srt-kpis,.srt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:13px;margin:22px 0}.srt-kpis article,.srt-steps article{padding:18px;background:#f5f8fa;border:1px solid #e8eef3;border-radius:11px}.srt-kpis strong{display:block;font-size:27px}.srt-kpis span{display:block;margin-top:6px;color:#567084;font-size:13px}.srt-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e0e8ee;padding-bottom:15px;margin:20px 0}.srt-tabs button{flex:1 1 145px;min-height:45px;padding:12px;border:1px solid #d6e2eb;border-radius:9px;background:#fff;color:#304e63;font-weight:650}.srt-tabs button[aria-pressed=true]{background:#dbe5f5;color:#0647c2;border-color:#77a7f4}.srt-list{display:grid;gap:15px}.srt-card,.srt-editor{padding:23px;border:1px solid #dbe6ee;border-radius:12px;min-width:0}.srt-card h3{font-size:20px;margin:5px 0 10px;overflow-wrap:anywhere}.srt-chip{padding:7px 11px;border-radius:20px;background:#f0f4f8;color:#4f697e;font-size:12px;font-weight:650;white-space:normal}.srt-held{background:#fff2dc;color:#8c5d14}.srt-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}.srt-values>div{padding:12px;background:#f7fafb;border-radius:8px}.srt-values small{display:block;color:#60798b}.srt-values strong{display:block;margin-top:7px;font-size:18px;overflow-wrap:anywhere}.srt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.srt-workspace button{width:auto;max-width:100%;white-space:normal}.srt-workspace .primary-button,.srt-workspace .secondary-button{padding:11px 16px;min-height:44px}.srt-workspace button:disabled{opacity:.5;cursor:not-allowed}.srt-workspace button:focus-visible,.srt-workspace input:focus-visible,.srt-workspace select:focus-visible,.srt-workspace textarea:focus-visible{outline:3px solid #0755ed;outline-offset:2px}.srt-filters{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin:20px 0}.srt-filters label{flex:1 1 220px;display:grid;gap:7px}.srt-workspace select,.srt-workspace input:not([type=checkbox]),.srt-workspace textarea{width:100%;min-width:0;border:1px solid #ccdce7;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;color:#29475a;min-height:44px}.srt-editor{background:#f8fbfc}.srt-editor>label{display:grid;gap:8px;margin:18px 0}.srt-editor .srt-confirm{display:flex;align-items:start;gap:10px;line-height:1.5}.srt-confirm input{width:18px;height:18px;flex-shrink:0}.srt-step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4eaf0;color:#566b7c;font-weight:700}.srt-step-ok{background:#dcfce7;color:#166534}.srt-steps h4{margin:12px 0 6px}.srt-info,.srt-warning{padding:13px 16px;border:1px solid #b9e2d8;border-radius:9px;background:#eff9f6}.srt-workspace .srt-warning{background:#fff7e9;border-color:#edd29c;color:#84570d}.srt-empty{padding:32px;text-align:center;border:1px dashed #cbdde7;border-radius:12px;background:#f9fbfc}.srt-workspace p{overflow-wrap:anywhere}@media(max-width:650px){.srt-workspace{padding:16px}.srt-heading,.srt-row-head{flex-direction:column;align-items:start;gap:12px}.srt-heading h2{font-size:25px}.srt-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.srt-kpis article{padding:13px}.srt-card,.srt-editor{padding:16px}.srt-values{grid-template-columns:1fr;gap:8px}.srt-values>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.srt-values strong{margin:0;font-size:16px}.srt-actions>*{flex:1 1 145px}.srt-tabs button{flex-basis:125px}}

.srt-lines{list-style:none;padding:0;margin:16px 0}.srt-lines li{display:flex;gap:16px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f6}.srt-lines li span{overflow-wrap:anywhere;min-width:0}.srt-lines strong{white-space:nowrap}.srt-quantities,.srt-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.srt-quantities small{display:block;margin:4px 0}

.dsp-workspace{padding:26px;background:#fff;border:1px solid #d9e5ed;border-radius:17px;color:#193349;min-width:0}.dsp-workspace *{box-sizing:border-box}.dsp-heading,.dsp-row-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.dsp-heading h2{font-size:29px;margin:10px 0}.dsp-heading small{color:#0647c2;font-weight:700;letter-spacing:.06em}.dsp-workspace p{color:#5b7185;line-height:1.6}.dsp-kpis,.dsp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:13px;margin:22px 0}.dsp-kpis article,.dsp-steps article{padding:18px;background:#f5f8fa;border:1px solid #e8eef3;border-radius:11px}.dsp-kpis strong{display:block;font-size:27px}.dsp-kpis span{display:block;margin-top:6px;color:#567084;font-size:13px}.dsp-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e0e8ee;padding-bottom:15px;margin:20px 0}.dsp-tabs button{flex:1 1 145px;min-height:45px;padding:12px;border:1px solid #d6e2eb;border-radius:9px;background:#fff;color:#304e63;font-weight:650}.dsp-tabs button[aria-pressed=true]{background:#dbe5f5;color:#0647c2;border-color:#77a7f4}.dsp-list{display:grid;gap:15px}.dsp-card,.dsp-editor{padding:23px;border:1px solid #dbe6ee;border-radius:12px;min-width:0}.dsp-card h3{font-size:20px;margin:5px 0 10px;overflow-wrap:anywhere}.dsp-chip{padding:7px 11px;border-radius:20px;background:#f0f4f8;color:#4f697e;font-size:12px;font-weight:650;white-space:normal}.dsp-held{background:#fff2dc;color:#8c5d14}.dsp-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}.dsp-values>div{padding:12px;background:#f7fafb;border-radius:8px}.dsp-values small{display:block;color:#60798b}.dsp-values strong{display:block;margin-top:7px;font-size:18px;overflow-wrap:anywhere}.dsp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.dsp-workspace button{width:auto;max-width:100%;white-space:normal}.dsp-workspace .primary-button,.dsp-workspace .secondary-button{padding:11px 16px;min-height:44px}.dsp-workspace button:disabled{opacity:.5;cursor:not-allowed}.dsp-workspace button:focus-visible,.dsp-workspace input:focus-visible,.dsp-workspace select:focus-visible,.dsp-workspace textarea:focus-visible{outline:3px solid #0755ed;outline-offset:2px}.dsp-filters{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin:20px 0}.dsp-filters label{flex:1 1 220px;display:grid;gap:7px}.dsp-workspace select,.dsp-workspace input:not([type=checkbox]),.dsp-workspace textarea{width:100%;min-width:0;border:1px solid #ccdce7;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;color:#29475a;min-height:44px}.dsp-editor{background:#f8fbfc}.dsp-editor>label{display:grid;gap:8px;margin:18px 0}.dsp-editor .dsp-confirm{display:flex;align-items:start;gap:10px;line-height:1.5}.dsp-confirm input{width:18px;height:18px;flex-shrink:0}.dsp-step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4eaf0;color:#566b7c;font-weight:700}.dsp-step-ok{background:#dcfce7;color:#166534}.dsp-steps h4{margin:12px 0 6px}.dsp-info,.dsp-warning{padding:13px 16px;border:1px solid #b9e2d8;border-radius:9px;background:#eff9f6}.dsp-workspace .dsp-warning{background:#fff7e9;border-color:#edd29c;color:#84570d}.dsp-empty{padding:32px;text-align:center;border:1px dashed #cbdde7;border-radius:12px;background:#f9fbfc}.dsp-workspace p{overflow-wrap:anywhere}@media(max-width:650px){.dsp-workspace{padding:16px}.dsp-heading,.dsp-row-head{flex-direction:column;align-items:start;gap:12px}.dsp-heading h2{font-size:25px}.dsp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dsp-kpis article{padding:13px}.dsp-card,.dsp-editor{padding:16px}.dsp-values{grid-template-columns:1fr;gap:8px}.dsp-values>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.dsp-values strong{margin:0;font-size:16px}.dsp-actions>*{flex:1 1 145px}.dsp-tabs button{flex-basis:125px}}

.dsp-lines{list-style:none;padding:0;margin:16px 0}.dsp-lines li{display:flex;gap:16px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f6}.dsp-lines li span{overflow-wrap:anywhere;min-width:0}.dsp-lines strong{white-space:nowrap}.dsp-quantities,.dsp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dsp-quantities small{display:block;margin:4px 0}

.ppf-workspace{display:grid;gap:20px;min-width:0;color:#173c51}.ppf-workspace *{box-sizing:border-box}.ppf-workspace h2{font-size:32px;margin:10px 0}.ppf-workspace h3{font-size:19px;margin:0 0 14px}.ppf-workspace p{line-height:1.65}.ppf-heading,.ppf-card{background:#fff;border:1px solid #d9e4ed;border-radius:16px;padding:26px;min-width:0}.ppf-heading,.ppf-row-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.ppf-heading small{color:#0647c2}.ppf-filters{display:grid;grid-template-columns:140px minmax(180px,1fr) 180px 180px auto;gap:14px;align-items:end}.ppf-workspace label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}.ppf-workspace input,.ppf-workspace select{width:100%;min-width:0;padding:12px;border:1px solid #cbdde6;border-radius:9px;background:#fff;color:inherit;min-height:46px;font:inherit}.ppf-workspace button{min-height:44px;white-space:normal;cursor:pointer;max-width:100%}.ppf-workspace button:disabled{opacity:.6;cursor:wait}.ppf-workspace button:focus-visible,.ppf-workspace select:focus-visible,.ppf-workspace input:focus-visible{outline:3px solid #078f91;outline-offset:3px}.ppf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ppf-kpis article{display:grid;gap:10px;background:white;border:1px solid #d9e4ed;border-radius:13px;padding:22px;min-width:0}.ppf-kpis strong{font-size:25px;overflow-wrap:anywhere}.ppf-kpis span,.ppf-workspace small{font-size:13px;line-height:1.5;color:#587187}.ppf-tabs{display:flex;gap:8px;flex-wrap:wrap;background:#eaf0f4;padding:7px;border-radius:12px}.ppf-tabs button{flex:1 1 140px;background:transparent;border:1px solid transparent;border-radius:9px;padding:12px;color:inherit;font-weight:650}.ppf-tabs button[aria-pressed=true]{background:#fff;border-color:#9fbef6;color:#0647c2;box-shadow:0 2px 6px #163e5110}.ppf-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ppf-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.ppf-actions label{min-width:200px}.ppf-note,.ppf-warning{background:#fff8e9;border:1px solid #ead7b4;padding:14px 18px;border-radius:10px;margin:0}.ppf-list{display:grid;gap:14px;margin-top:18px}.ppf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.ppf-metrics div{display:grid;gap:8px}.ppf-metrics strong{overflow-wrap:anywhere}.ppf-chip{background:#dbe5f5;color:#0647c2;border-radius:20px;padding:8px 12px;font-size:13px}.ppf-review{background:#fff4dd;color:#8a5920}.ppf-workspace dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e6edf1;padding:14px 0}.ppf-workspace dd{margin:0;text-align:right;white-space:nowrap;font-weight:650}.ppf-result{font-weight:700}.ppf-empty{padding:24px;border:1px dashed #c4d8e1;border-radius:12px;background:#fff}.ppf-table-wrap{overflow:auto;background:#fff;border:1px solid #d9e4ed;border-radius:12px;max-width:100%}.ppf-workspace table{width:100%;min-width:700px;border-collapse:collapse}.ppf-workspace th,.ppf-workspace td{padding:16px;text-align:left;border-bottom:1px solid #e5edf2}.ppf-workspace th{background:#eef4f7;font-size:13px}.ppf-workspace td small{display:block;margin-top:6px}.ppf-workspace li{margin:9px 0;line-height:1.55}.ppf-card p,.ppf-card h3{overflow-wrap:anywhere}@media(max-width:1100px){.ppf-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ppf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ppf-columns{grid-template-columns:1fr}.ppf-heading,.ppf-card{padding:18px}.ppf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ppf-workspace h2{font-size:27px}.ppf-kpis article{padding:16px}.ppf-kpis strong{font-size:21px}.ppf-workspace dl div{flex-wrap:wrap}.ppf-workspace dd{white-space:normal}.ppf-tabs button{flex-basis:120px}.ppf-filters{grid-template-columns:1fr}.ppf-heading>button{width:100%}}
.ppf-workspace{grid-template-columns:minmax(0,1fr)}.ppf-workspace>*,.ppf-workspace [data-partner-profit-section]{min-width:0}

.pint-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;color:#173b50}.pint-workspace *{box-sizing:border-box}.pint-workspace>*{min-width:0}.pint-heading,.pint-card{background:#fff;border:1px solid #d7e5ec;border-radius:16px;padding:26px}.pint-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.pint-heading h2{margin:12px 0;font-size:32px}.pint-heading small{color:#0647c2;letter-spacing:.04em}.pint-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pint-kpis article{display:grid;gap:9px;background:white;border:1px solid #d7e5ec;border-radius:12px;padding:22px}.pint-kpis strong{font-size:28px}.pint-kpis span{font-size:14px;color:#587185}.pint-tabs{display:flex;gap:8px;flex-wrap:wrap}.pint-tabs button,.pint-workspace .secondary-button{width:auto;white-space:normal;min-width:0;line-height:1.35;padding:12px 16px;border:1px solid #c9dce4;border-radius:10px;background:#fff;color:#173b50;box-shadow:none}.pint-tabs button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.pint-workspace button:disabled{opacity:.55;cursor:not-allowed}.pint-workspace button:focus-visible,.pint-workspace input:focus-visible,.pint-workspace select:focus-visible,.pint-workspace textarea:focus-visible{outline:3px solid #0755ed;outline-offset:2px}.pint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pint-card{min-width:0}.pint-card h3{margin:16px 0 10px;font-size:22px}.pint-card p{line-height:1.65;color:#526f83}.pint-card small{color:#60788a}.pint-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.pint-icon{display:grid;place-items:center;font-size:26px;width:46px;height:46px;background:#dbe5f5;border-radius:12px;color:#0647c2}.pint-chip{display:inline-block;background:#f1f4f7;border-radius:20px;padding:7px 11px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.pint-chip.pint-ok{color:#166534;background:#dcfce7}.pint-actions,.pint-presets{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:20px}.pint-actions label{max-width:360px;flex:1}.pint-workspace label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}.pint-workspace input,.pint-workspace select,.pint-workspace textarea{width:100%;min-width:0;background:#fff;color:#19394c;border:1px solid #cbdde6;border-radius:9px;padding:13px;font:inherit;font-weight:400}.pint-workspace textarea{resize:vertical;line-height:1.6}.pint-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.pint-wide{grid-column:1/-1}.pint-note,.pint-warning,.pint-empty{padding:18px 22px;border-radius:12px;line-height:1.6;background:#eef9f6;border:1px solid #bee3db;overflow-wrap:anywhere}.pint-warning{background:#fff8e9;border-color:#efd292}.pint-empty{background:white;border-color:#d7e5ec}.pint-table-wrap{max-width:100%;overflow:auto;margin-top:20px}.pint-workspace table{width:100%;min-width:650px;border-collapse:collapse;font-size:14px}.pint-workspace th,.pint-workspace td{text-align:left;padding:16px 12px;border-bottom:1px solid #e6edf1}.pint-workspace th{background:#f5f8fa;color:#4d687a}.pint-workspace a{color:#0647c2;text-decoration:underline}.pint-card>label{margin:18px 0}.pint-workspace p,.pint-workspace h3{overflow-wrap:anywhere}@media(max-width:1050px){.pint-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pint-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.pint-heading{align-items:start;flex-direction:column}.pint-heading,.pint-card{padding:20px}.pint-heading h2{font-size:27px}.pint-form{grid-template-columns:minmax(0,1fr)}.pint-actions>*{flex:1 1 140px}.pint-tabs button{flex:1 1 120px}.pint-kpis article{padding:16px}.pint-workspace{gap:16px}}

.bpromo-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;color:#17374a;font:15px/1.55 system-ui,sans-serif}.bpromo-workspace>*{min-width:0}.bpromo-heading,.bpromo-card,.bpromo-empty{background:#fff;border:1px solid #d9e5ee;border-radius:16px;padding:26px}.bpromo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.bpromo-heading h2{font-size:30px;margin:6px 0}.bpromo-heading small,.bpromo-public header>small,.bpromo-card-head small{color:#0647c2;font-weight:700;letter-spacing:.05em}.bpromo-workspace h3,.bpromo-public h3{font-size:20px;line-height:1.35;margin:12px 0}.bpromo-workspace p,.bpromo-public p{margin:10px 0}.bpromo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bpromo-kpis article{background:#fff;border:1px solid #d9e5ee;border-radius:12px;padding:20px;display:grid}.bpromo-kpis strong{font-size:28px}.bpromo-kpis span,.bpromo-muted{color:#627585}.bpromo-tabs{display:flex;gap:8px;flex-wrap:wrap}.bpromo-tabs button{border:1px solid #d4e2eb;padding:12px 22px;border-radius:10px;background:white;color:#17374a;font:600 15px system-ui;cursor:pointer}.bpromo-tabs button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.bpromo-note,.bpromo-warning{padding:16px 20px;border-radius:10px;background:#eef8f6;border:1px solid #bbded6}.bpromo-warning{background:#fff8e9;border-color:#f0d091}.bpromo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:18px}.bpromo-grid>.bpromo-card{min-width:0;display:flex;flex-direction:column}.bpromo-card-head,.bpromo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bpromo-card-head{justify-content:space-between}.bpromo-chip{font:600 13px system-ui;padding:7px 12px;border-radius:20px;background:#edf1f6;white-space:normal}.bpromo-active{background:#dff4e7;color:#17663c}.bpromo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-block:1px solid #edf1f5;margin:10px 0}.bpromo-metrics span{display:grid;color:#627585;font-size:13px}.bpromo-metrics b{color:#17374a;font-size:22px}.bpromo-actions{margin-top:14px}.bpromo-grid .bpromo-actions{margin-top:auto;padding-top:16px}.bpromo-workspace .secondary-button,.bpromo-workspace .primary-button,.bpromo-public a{width:auto!important;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:11px 16px;min-height:44px;font:600 14px/1.4 system-ui;text-decoration:none}.bpromo-workspace button:disabled{opacity:.5;cursor:default}.bpromo-workspace label{display:grid;gap:7px;font-weight:600;min-width:0}.bpromo-workspace input,.bpromo-workspace select,.bpromo-workspace textarea{width:100%;box-sizing:border-box;min-width:0;padding:12px;border:1px solid #cddde7;border-radius:9px;font:400 15px system-ui;color:#17374a;background:#fff}.bpromo-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bpromo-wide{grid-column:1/-1}.bpromo-preview{border-left:4px solid #0647c2;background:#f3faf8;padding:20px;margin:20px 0;overflow-wrap:anywhere}.bpromo-preview small{font-size:11px;letter-spacing:.08em;color:#0647c2}.bpromo-target{overflow-wrap:anywhere}.bpromo-table-wrap{overflow:auto;min-width:0}.bpromo-table-wrap table{border-collapse:collapse;width:100%;min-width:640px}.bpromo-table-wrap td,.bpromo-table-wrap th{text-align:left;padding:14px 12px;border-bottom:1px solid #e5edf2}.bpromo-public{margin:24px 0;padding:24px;background:#e8f0ff;border:1px solid #bed4f7;border-radius:16px}.bpromo-public .bpromo-grid{margin-top:20px}.bpromo-public .bpromo-card{box-shadow:none}.bpromo-public a{align-self:flex-start;margin-top:auto}.bpromo-workspace button:focus-visible,.bpromo-workspace a:focus-visible{outline:3px solid #2786d8;outline-offset:3px}@media(max-width:700px){.bpromo-heading{align-items:flex-start;flex-direction:column}.bpromo-heading,.bpromo-card,.bpromo-empty{padding:18px}.bpromo-heading h2{font-size:25px}.bpromo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bpromo-kpis article{padding:14px}.bpromo-form{grid-template-columns:minmax(0,1fr)}.bpromo-public{padding:14px}.bpromo-tabs button{flex:1;padding:11px}.bpromo-actions>label{width:100%}}

.pai-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;color:#183448}.pai-workspace *{box-sizing:border-box}.pai-workspace>*{min-width:0}.pai-heading,.pai-card,.pai-toolbar{padding:26px;background:#fff;border:1px solid #d9e5ed;border-radius:18px}.pai-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pai-heading h2{margin:12px 0;font-size:32px}.pai-heading small{color:#0647c2}.pai-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pai-kpis article{display:grid;gap:8px;padding:22px;background:#fff;border:1px solid #d9e5ed;border-radius:14px}.pai-kpis strong{font-size:28px;color:#0647c2}.pai-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pai-tabs button{padding:16px 12px;border:1px solid #cddfe8;border-radius:12px;background:#fff;color:inherit;white-space:normal;font-weight:700}.pai-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.pai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pai-card{min-width:0;overflow-wrap:anywhere}.pai-card h3{margin:0 0 14px}.pai-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.pai-chip{display:inline-block;background:#edf4f8;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:700}.pai-card dl{margin:10px 0}.pai-card dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f5}.pai-card dt{color:#536c7f}.pai-card dd{margin:0;font-size:19px;font-weight:700;text-align:right;white-space:nowrap}.pai-muted,.pai-card small{color:#657d8e;line-height:1.55}.pai-note,.pai-warning{padding:18px;border:1px solid #a7dcd4;background:#eef9f6;border-radius:12px;overflow-wrap:anywhere}.pai-warning,.pai-alert{background:#fff5e6;border-color:#efd296;color:#7b5312}.pai-workspace label{display:grid;gap:8px;font-weight:600;min-width:0}.pai-workspace select,.pai-workspace textarea{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #cddfea;border-radius:10px;color:inherit;background:#fff}.pai-card>label{margin:20px 0}.pai-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.pai-toolbar>div{flex:1;min-width:220px}.pai-toolbar h3{margin:0}.pai-actions,.pai-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pai-workspace button{white-space:normal;overflow-wrap:anywhere;min-width:0}.pai-workspace button:disabled{opacity:.5;cursor:not-allowed}.pai-workspace button:focus-visible,.pai-workspace summary:focus-visible{outline:3px solid #0755ed;outline-offset:3px}.pai-stack{display:grid;gap:16px}.pai-pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.65;font:inherit;max-height:600px;overflow:auto}.pai-answer{border-left:4px solid #0755ed}.pai-answer small{display:block;margin:10px 0 20px}.pai-workspace details{margin:20px 0;background:#f4f8fa;padding:16px;border-radius:12px}.pai-workspace summary{cursor:pointer;font-weight:700}.pai-workspace .secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 16px}
@media(max-width:1100px){.pai-grid{grid-template-columns:minmax(0,1fr)}.pai-kpis,.pai-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pai-heading{align-items:stretch;flex-direction:column}.pai-heading,.pai-card,.pai-toolbar{padding:18px}.pai-heading h2{font-size:26px}.pai-kpis article{padding:16px}.pai-kpis strong{font-size:24px}.pai-card dl div{flex-wrap:wrap;gap:5px}.pai-card dd{white-space:normal;text-align:left}.pai-toolbar>div{min-width:0;flex-basis:100%}.pai-actions>*{flex:1 1 140px}.pai-suggestions>*{width:100%}}

.pbt-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;color:#183448}.pbt-workspace *{box-sizing:border-box}.pbt-workspace>*{min-width:0}.pbt-heading,.pbt-card,.pbt-toolbar{padding:26px;background:#fff;border:1px solid #d9e5ed;border-radius:18px}.pbt-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pbt-heading h2{margin:12px 0;font-size:32px}.pbt-heading small{color:#0647c2}.pbt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pbt-kpis article{display:grid;gap:8px;padding:22px;background:#fff;border:1px solid #d9e5ed;border-radius:14px}.pbt-kpis strong{font-size:28px;color:#0647c2}.pbt-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pbt-tabs button{padding:16px 12px;border:1px solid #cddfe8;border-radius:12px;background:#fff;color:inherit;white-space:normal;font-weight:700}.pbt-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.pbt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pbt-card{min-width:0;overflow-wrap:anywhere}.pbt-card h3{margin:0 0 14px}.pbt-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.pbt-chip{display:inline-block;background:#edf4f8;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:700}.pbt-card dl{margin:10px 0}.pbt-card dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f5}.pbt-card dt{color:#536c7f}.pbt-card dd{margin:0;font-size:19px;font-weight:700;text-align:right;white-space:nowrap}.pbt-muted,.pbt-card small{color:#657d8e;line-height:1.55}.pbt-note,.pbt-warning{padding:18px;border:1px solid #a7dcd4;background:#eef9f6;border-radius:12px;overflow-wrap:anywhere}.pbt-warning,.pbt-alert{background:#fff5e6;border-color:#efd296;color:#7b5312}.pbt-workspace label{display:grid;gap:8px;font-weight:600;min-width:0}.pbt-workspace select,.pbt-workspace textarea{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #cddfea;border-radius:10px;color:inherit;background:#fff}.pbt-card>label{margin:20px 0}.pbt-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.pbt-toolbar>div{flex:1;min-width:220px}.pbt-toolbar h3{margin:0}.pbt-actions,.pbt-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pbt-workspace button{white-space:normal;overflow-wrap:anywhere;min-width:0}.pbt-workspace button:disabled{opacity:.5;cursor:not-allowed}.pbt-workspace button:focus-visible,.pbt-workspace summary:focus-visible{outline:3px solid #0755ed;outline-offset:3px}.pbt-stack{display:grid;gap:16px}.pbt-pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.65;font:inherit;max-height:600px;overflow:auto}.pbt-answer{border-left:4px solid #0755ed}.pbt-answer small{display:block;margin:10px 0 20px}.pbt-workspace details{margin:20px 0;background:#f4f8fa;padding:16px;border-radius:12px}.pbt-workspace summary{cursor:pointer;font-weight:700}.pbt-workspace .secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 16px}
@media(max-width:1100px){.pbt-grid{grid-template-columns:minmax(0,1fr)}.pbt-kpis,.pbt-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pbt-heading{align-items:stretch;flex-direction:column}.pbt-heading,.pbt-card,.pbt-toolbar{padding:18px}.pbt-heading h2{font-size:26px}.pbt-kpis article{padding:16px}.pbt-kpis strong{font-size:24px}.pbt-card dl div{flex-wrap:wrap;gap:5px}.pbt-card dd{white-space:normal;text-align:left}.pbt-toolbar>div{min-width:0;flex-basis:100%}.pbt-actions>*{flex:1 1 140px}.pbt-suggestions>*{width:100%}}

.pbt-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.pbt-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pbt-form .pbt-wide{grid-column:1/-1}.pbt-workspace input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #cddfea;border-radius:10px;padding:12px;font:inherit;background:#fff;color:inherit}.pbt-card dd{white-space:pre-wrap;text-align:left;font-size:15px;font-weight:500;overflow-wrap:anywhere}.pbt-card dl div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr)}.pbt-check{display:flex!important;align-items:flex-start;gap:10px;margin:18px 0}.pbt-check input{width:18px;height:18px;flex:none;margin-top:3px}.pbt-review{padding:18px;margin-top:18px;border:1px solid #cddfea;border-radius:12px;background:#f7fafb}.pbt-table-wrap{overflow:auto;margin-top:22px;max-width:100%}.pbt-table-wrap table{width:100%;min-width:640px;border-collapse:collapse}.pbt-table-wrap td,.pbt-table-wrap th{padding:14px;text-align:left;border-bottom:1px solid #e4edf2;vertical-align:top}.pbt-table-wrap td{max-width:380px;overflow-wrap:anywhere}.pbt-workspace label small{font-weight:400;line-height:1.5}.pbt-editor{border-left:4px solid #0647c2;margin:20px 0}.pbt-toolbar{justify-content:space-between}.pbt-toolbar label{min-width:240px}@media(max-width:1100px){.pbt-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.pbt-tabs,.pbt-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pbt-form>*{grid-column:1/-1}.pbt-card dl div{grid-template-columns:minmax(0,1fr);gap:4px}.pbt-toolbar label{min-width:0;width:100%}}
.pcc-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;color:#183448}.pcc-workspace *{box-sizing:border-box}.pcc-workspace>*{min-width:0}.pcc-heading,.pcc-card,.pcc-toolbar{padding:26px;background:#fff;border:1px solid #d9e5ed;border-radius:18px}.pcc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pcc-heading h2{margin:12px 0;font-size:32px}.pcc-heading small{color:#0647c2}.pcc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pcc-kpis article{display:grid;gap:8px;padding:22px;background:#fff;border:1px solid #d9e5ed;border-radius:14px}.pcc-kpis strong{font-size:28px;color:#0647c2}.pcc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pcc-tabs button{padding:16px 12px;border:1px solid #cddfe8;border-radius:12px;background:#fff;color:inherit;white-space:normal;font-weight:700}.pcc-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.pcc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pcc-card{min-width:0;overflow-wrap:anywhere}.pcc-card h3{margin:0 0 14px}.pcc-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.pcc-chip{display:inline-block;background:#edf4f8;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:700}.pcc-card dl{margin:10px 0}.pcc-card dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f5}.pcc-card dt{color:#536c7f}.pcc-card dd{margin:0;font-size:19px;font-weight:700;text-align:right;white-space:nowrap}.pcc-muted,.pcc-card small{color:#657d8e;line-height:1.55}.pcc-note,.pcc-warning{padding:18px;border:1px solid #a7dcd4;background:#eef9f6;border-radius:12px;overflow-wrap:anywhere}.pcc-warning,.pcc-alert{background:#fff5e6;border-color:#efd296;color:#7b5312}.pcc-workspace label{display:grid;gap:8px;font-weight:600;min-width:0}.pcc-workspace select,.pcc-workspace textarea{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #cddfea;border-radius:10px;color:inherit;background:#fff}.pcc-card>label{margin:20px 0}.pcc-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.pcc-toolbar>div{flex:1;min-width:220px}.pcc-toolbar h3{margin:0}.pcc-actions,.pcc-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pcc-workspace button{white-space:normal;overflow-wrap:anywhere;min-width:0}.pcc-workspace button:disabled{opacity:.5;cursor:not-allowed}.pcc-workspace button:focus-visible,.pcc-workspace summary:focus-visible{outline:3px solid #0755ed;outline-offset:3px}.pcc-stack{display:grid;gap:16px}.pcc-pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.65;font:inherit;max-height:600px;overflow:auto}.pcc-answer{border-left:4px solid #0755ed}.pcc-answer small{display:block;margin:10px 0 20px}.pcc-workspace details{margin:20px 0;background:#f4f8fa;padding:16px;border-radius:12px}.pcc-workspace summary{cursor:pointer;font-weight:700}.pcc-workspace .secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 16px}
@media(max-width:1100px){.pcc-grid{grid-template-columns:minmax(0,1fr)}.pcc-kpis,.pcc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pcc-heading{align-items:stretch;flex-direction:column}.pcc-heading,.pcc-card,.pcc-toolbar{padding:18px}.pcc-heading h2{font-size:26px}.pcc-kpis article{padding:16px}.pcc-kpis strong{font-size:24px}.pcc-card dl div{flex-wrap:wrap;gap:5px}.pcc-card dd{white-space:normal;text-align:left}.pcc-toolbar>div{min-width:0;flex-basis:100%}.pcc-actions>*{flex:1 1 140px}.pcc-suggestions>*{width:100%}}

.pcc-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.pcc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pcc-form .pcc-wide{grid-column:1/-1}.pcc-workspace input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #cddfea;border-radius:10px;padding:12px;font:inherit;background:#fff;color:inherit}.pcc-card dd{white-space:pre-wrap;text-align:left;font-size:15px;font-weight:500;overflow-wrap:anywhere}.pcc-card dl div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr)}.pcc-check{display:flex!important;align-items:flex-start;gap:10px;margin:18px 0}.pcc-check input{width:18px;height:18px;flex:none;margin-top:3px}.pcc-review{padding:18px;margin-top:18px;border:1px solid #cddfea;border-radius:12px;background:#f7fafb}.pcc-table-wrap{overflow:auto;margin-top:22px;max-width:100%}.pcc-table-wrap table{width:100%;min-width:640px;border-collapse:collapse}.pcc-table-wrap td,.pcc-table-wrap th{padding:14px;text-align:left;border-bottom:1px solid #e4edf2;vertical-align:top}.pcc-table-wrap td{max-width:380px;overflow-wrap:anywhere}.pcc-workspace label small{font-weight:400;line-height:1.5}.pcc-editor{border-left:4px solid #0647c2;margin:20px 0}.pcc-toolbar{justify-content:space-between}.pcc-toolbar label{min-width:240px}@media(max-width:1100px){.pcc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.pcc-tabs,.pcc-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pcc-form>*{grid-column:1/-1}.pcc-card dl div{grid-template-columns:minmax(0,1fr);gap:4px}.pcc-toolbar label{min-width:0;width:100%}}
.pcc-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.pcc-step{padding:20px;border:1px solid #d9e5ed;border-radius:14px;background:#f8fafb}.pcc-step h4{margin:12px 0}.pcc-module{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e4edf2}.pcc-card-head h3{margin-top:14px}.pcc-pre{max-height:none}.pcc-heading h2{font-size:32px}@media(max-width:700px){.pcc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.pcc-module{flex-direction:column;gap:4px}}
.pst-workspace{display:grid;gap:22px;color:#16364c;min-width:0}.pst-workspace *{box-sizing:border-box}.pst-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border:1px solid #d5e2ec;border-radius:16px;padding:28px}.pst-heading h2{font-size:32px;letter-spacing:-.6px;margin:8px 0 12px}.pst-heading small{color:#55748a}.pst-heading p,.pst-card p{line-height:1.6}.pst-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pst-kpis article{display:grid;gap:8px;background:#fff;border:1px solid #d5e2ec;border-radius:12px;padding:20px}.pst-kpis strong{font-size:28px}.pst-kpis span{font-size:14px;color:#587085}.pst-tabs,.pst-actions{display:flex;flex-wrap:wrap;gap:10px}.pst-tabs{padding:7px;border:1px solid #d5e2ec;border-radius:14px;background:#fff}.pst-tabs button{flex:1;min-width:145px;padding:13px 16px;border:0;border-radius:9px;background:transparent;color:#36546b;font-weight:700}.pst-tabs button[aria-pressed=true]{background:#dbe5f5;color:#0647c2}.pst-workspace button{cursor:pointer;white-space:normal;overflow-wrap:anywhere;min-height:44px}.pst-workspace button:disabled{opacity:.55;cursor:not-allowed}.pst-workspace button:focus-visible,.pst-workspace input:focus-visible,.pst-workspace select:focus-visible,.pst-workspace textarea:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}.pst-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pst-card{min-width:0;background:#fff;border:1px solid #d5e2ec;border-radius:14px;padding:24px}.pst-card h3{font-size:21px;line-height:1.35;margin:12px 0;overflow-wrap:anywhere}.pst-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.pst-chip{display:inline-block;border-radius:20px;padding:6px 11px;background:#edf3f7;color:#45627a;font-size:12px;font-weight:700}.pst-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.pst-form label,.pst-block{display:grid;gap:8px;min-width:0;font-size:14px;font-weight:600}.pst-form input,.pst-form textarea,.pst-form select,.pst-block textarea{width:100%;min-width:0;padding:12px;border:1px solid #cbdce9;border-radius:9px;font:inherit;color:#16364c;background:#fff;line-height:1.5}.pst-wide{grid-column:1/-1}.pst-note,.pst-warning{border:1px solid #b6e1d8;padding:16px 18px;border-radius:10px;background:#f0faf7;line-height:1.6}.pst-warning{background:#fff8eb;border-color:#ecd29c;color:#795316}.pst-review{margin:24px 0;padding:20px 0;border-top:1px solid #dbe5ed}.pst-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.6}.pst-check input{width:auto;flex:0 0 auto;margin-top:5px}.pst-actions{margin-top:18px}.pst-table-wrap{overflow:auto;margin-top:20px}.pst-table-wrap table{border-collapse:collapse;min-width:600px;width:100%;text-align:left}.pst-table-wrap th,.pst-table-wrap td{padding:14px 12px;border-bottom:1px solid #e1e9ef;vertical-align:top;overflow-wrap:anywhere}.pst-table-wrap th{background:#f6f9fb;font-size:13px}.pst-card details{margin-top:20px}.pst-card summary{cursor:pointer;font-weight:700;padding:12px 0}.pst-card dt{font-weight:600;font-size:13px}.pst-card dd{margin:5px 0 14px;overflow-wrap:anywhere}.pst-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pst-card small{color:#5d778b}@media(max-width:850px){.pst-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pst-grid{grid-template-columns:1fr}}@media(max-width:520px){.pst-heading,.pst-card{padding:18px}.pst-heading,.pst-card-head{flex-direction:column}.pst-form{grid-template-columns:1fr}.pst-heading h2{font-size:26px}.pst-kpis{gap:10px}.pst-kpis article{padding:14px}.pst-actions button{flex:1 1 160px}.pst-tabs button{min-width:130px}}

.pst-content{display:grid;gap:22px;padding:0;margin:0;min-width:0;border:0}

.pms-workspace{display:grid;gap:22px;color:#16364c;min-width:0}.pms-workspace *{box-sizing:border-box}.pms-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border:1px solid #d5e2ec;border-radius:16px;padding:28px}.pms-heading h2{font-size:32px;letter-spacing:-.6px;margin:8px 0 12px}.pms-heading small{color:#55748a}.pms-heading p,.pms-card p{line-height:1.6}.pms-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pms-kpis article{display:grid;gap:8px;background:#fff;border:1px solid #d5e2ec;border-radius:12px;padding:20px}.pms-kpis strong{font-size:28px}.pms-kpis span{font-size:14px;color:#587085}.pms-tabs,.pms-actions{display:flex;flex-wrap:wrap;gap:10px}.pms-tabs{padding:7px;border:1px solid #d5e2ec;border-radius:14px;background:#fff}.pms-tabs button{flex:1;min-width:145px;padding:13px 16px;border:0;border-radius:9px;background:transparent;color:#36546b;font-weight:700}.pms-tabs button[aria-pressed=true]{background:#dbe5f5;color:#0647c2}.pms-workspace button{cursor:pointer;white-space:normal;overflow-wrap:anywhere;min-height:44px}.pms-workspace button:disabled{opacity:.55;cursor:not-allowed}.pms-workspace button:focus-visible,.pms-workspace input:focus-visible,.pms-workspace select:focus-visible,.pms-workspace textarea:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}.pms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pms-card{min-width:0;background:#fff;border:1px solid #d5e2ec;border-radius:14px;padding:24px}.pms-card h3{font-size:21px;line-height:1.35;margin:12px 0;overflow-wrap:anywhere}.pms-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.pms-chip{display:inline-block;border-radius:20px;padding:6px 11px;background:#edf3f7;color:#45627a;font-size:12px;font-weight:700}.pms-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.pms-form label,.pms-block{display:grid;gap:8px;min-width:0;font-size:14px;font-weight:600}.pms-form input,.pms-form textarea,.pms-form select,.pms-block textarea{width:100%;min-width:0;padding:12px;border:1px solid #cbdce9;border-radius:9px;font:inherit;color:#16364c;background:#fff;line-height:1.5}.pms-wide{grid-column:1/-1}.pms-note,.pms-warning{border:1px solid #b6e1d8;padding:16px 18px;border-radius:10px;background:#f0faf7;line-height:1.6}.pms-warning{background:#fff8eb;border-color:#ecd29c;color:#795316}.pms-review{margin:24px 0;padding:20px 0;border-top:1px solid #dbe5ed}.pms-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.6}.pms-check input{width:auto;flex:0 0 auto;margin-top:5px}.pms-actions{margin-top:18px}.pms-table-wrap{overflow:auto;margin-top:20px}.pms-table-wrap table{border-collapse:collapse;min-width:600px;width:100%;text-align:left}.pms-table-wrap th,.pms-table-wrap td{padding:14px 12px;border-bottom:1px solid #e1e9ef;vertical-align:top;overflow-wrap:anywhere}.pms-table-wrap th{background:#f6f9fb;font-size:13px}.pms-card details{margin-top:20px}.pms-card summary{cursor:pointer;font-weight:700;padding:12px 0}.pms-card dt{font-weight:600;font-size:13px}.pms-card dd{margin:5px 0 14px;overflow-wrap:anywhere}.pms-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pms-card small{color:#5d778b}@media(max-width:850px){.pms-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pms-grid{grid-template-columns:1fr}}@media(max-width:520px){.pms-heading,.pms-card{padding:18px}.pms-heading,.pms-card-head{flex-direction:column}.pms-form{grid-template-columns:1fr}.pms-heading h2{font-size:26px}.pms-kpis{gap:10px}.pms-kpis article{padding:14px}.pms-actions button{flex:1 1 160px}.pms-tabs button{min-width:130px}}

.pms-content{display:grid;gap:22px;padding:0;margin:0;min-width:0;border:0}

.pms-detail{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:28px}.pms-preview{display:block;max-width:100%;max-height:520px;object-fit:contain;margin:16px auto;border:1px solid #d9e5ec;border-radius:12px;background:repeating-conic-gradient(#f2f5f7 0% 25%,#fff 0% 50%) 50% / 20px 20px}.pms-thumb,.pms-placeholder{display:block;width:100%;height:210px;object-fit:contain;border-radius:12px;background:#f4f8fa;margin-bottom:18px}.pms-placeholder{display:grid;place-items:center;color:#567083}.pms-upload{border:1px dashed #91bdbe;padding:20px;border-radius:12px;margin:20px 0}.pms-asset h3{margin-top:14px}.pms-content{min-width:0}.pms-workspace img{box-sizing:border-box}.pms-detail>*,.pms-form>*{min-width:0}.pms-block{display:block;margin:18px 0}.pms-form select,.pms-form input{max-width:100%}@media(max-width:900px){.pms-detail{grid-template-columns:1fr}.pms-preview{max-height:360px}}

.pseo-workspace{display:grid;gap:22px;color:#183349}.pseo-workspace h2{font-size:30px;margin:8px 0 12px}.pseo-workspace h3{font-size:21px;margin:6px 0 12px}.pseo-workspace p{line-height:1.6}.pseo-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.pseo-head>div{min-width:0}.pseo-workspace>header,.pseo-card{padding:28px;background:#fff;border:1px solid #d6e3ed;border-radius:16px}.pseo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pseo-kpis article{display:grid;gap:8px;border:1px solid #d6e3ed;border-radius:12px;background:#fff;padding:22px}.pseo-kpis strong{font-size:29px;color:#0647c2}.pseo-kpis span,.pseo-workspace small{font-size:13px;color:#62768b}.pseo-workspace nav,.pseo-actions{display:flex;flex-wrap:wrap;gap:10px}.pseo-workspace button{min-height:44px;white-space:normal}.pseo-workspace nav button{padding:13px 20px;border:1px solid #d6e3ed;border-radius:9px;background:#fff;color:#183349;font-weight:650}.pseo-workspace nav button[aria-pressed=true]{background:#dbe5f5;color:#0647c2;border-color:#9fbef6}.pseo-workspace button:disabled{opacity:.5;cursor:not-allowed}.pseo-workspace label{display:grid;gap:8px;margin:14px 0;font-size:14px;font-weight:600}.pseo-workspace input,.pseo-workspace textarea,.pseo-workspace select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbdce8;border-radius:8px;font:inherit;color:inherit;background:#fff}.pseo-workspace textarea{resize:vertical}.pseo-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}.pseo-preview{align-self:start;margin-top:14px;padding:24px;background:#f6f9fc;border:1px solid #d9e5ed;border-radius:12px;overflow-wrap:anywhere}.pseo-preview h4{font-size:22px;color:#195ab0;margin:12px 0}.pseo-url{font-size:13px;color:#647589}.pseo-table{overflow:auto;margin-top:20px}.pseo-table table{width:100%;border-collapse:collapse}.pseo-table th{text-align:left;font-size:13px;padding:14px;background:#f3f7fa}.pseo-table td{padding:17px 14px;border-bottom:1px solid #e4edf3;vertical-align:middle}.pseo-table td small{display:block;margin-top:7px}.pseo-chip{display:inline-flex;padding:5px 9px;background:#edf5f6;border-radius:6px;font-size:12px;white-space:normal}.pseo-review,.pseo-checks{margin-top:24px;padding:22px;border:1px solid #d5e6e9;border-radius:10px}.pseo-workspace .pseo-check{display:flex;align-items:flex-start;gap:10px}.pseo-check input{width:18px;height:18px;flex-shrink:0}.pseo-warning,.pseo-notice{padding:16px 20px;border:1px solid #e6bc74;border-radius:10px;background:#fff8eb}.pseo-notice{background:#e8f0ff;border-color:#9fbef6}.pseo-note{font-size:13px;color:#5e7387}.pseo-workspace a{color:#077d7e;text-underline-offset:3px}.pseo-workspace :focus-visible{outline:3px solid #77a7f4;outline-offset:3px}@media(max-width:1000px){.pseo-editor{grid-template-columns:1fr}.pseo-head{align-items:flex-start;flex-direction:column}.pseo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pseo-workspace>header,.pseo-card{padding:18px}.pseo-workspace h2{font-size:25px}.pseo-kpis{gap:10px}.pseo-kpis article{padding:16px}.pseo-actions>*{flex:1 1 100%}}

.pseo-content{min-width:0;border:0;padding:0;margin:0}

.psc-workspace{display:grid;gap:22px;color:#16334b}.psc-workspace *{box-sizing:border-box}.psc-workspace .eyebrow{color:#0647c2;font-weight:750;font-size:12px;letter-spacing:.05em}.psc-workspace h2{font-size:30px;margin:9px 0}.psc-workspace h3{font-size:22px;margin:10px 0}.psc-workspace h4{font-size:17px;margin:12px 0}.psc-workspace p{line-height:1.6}.psc-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.psc-workspace>header,.psc-card{background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:28px}.psc-head p{color:#587187;margin:8px 0}.psc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.psc-kpis article{background:white;border:1px solid #dce6ef;border-radius:12px;padding:20px;display:grid;gap:6px}.psc-kpis strong{font-size:29px;color:#0647c2}.psc-kpis span{font-size:14px;color:#587187}.psc-workspace nav{display:flex;gap:8px;flex-wrap:wrap}.psc-workspace button{min-height:42px;border:1px solid #cbdde7;border-radius:9px;background:#fff;color:#17384f;padding:10px 16px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.psc-workspace button:hover{background:#e8f0ff;border-color:#77a7f4}.psc-workspace button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.psc-workspace button:disabled{opacity:.5;cursor:not-allowed}.psc-workspace button:focus-visible,.psc-workspace input:focus-visible,.psc-workspace textarea:focus-visible,.psc-workspace select:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}.psc-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.psc-content{padding:0;margin:0;border:0;min-width:0}.psc-content:disabled{opacity:.75}.psc-table{overflow-x:auto;max-width:100%;margin-top:20px}.psc-table table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px}.psc-table th{text-align:left;color:#587187;background:#f6f9fc;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.psc-table td,.psc-table th{padding:15px 12px;border-bottom:1px solid #e3ebf1;vertical-align:top}.psc-table td{max-width:300px;overflow-wrap:anywhere}.psc-table small{display:block;margin-top:6px}.psc-chip{display:inline-block;background:#eef4f7;color:#49697f;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:650;white-space:normal}.psc-editor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:28px;margin-top:22px;align-items:start}.psc-editor>*,.psc-preview{min-width:0}.psc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.psc-workspace label{display:grid;gap:8px;margin:0 0 18px;font-size:14px;font-weight:650}.psc-workspace input:not([type=checkbox]),.psc-workspace select,.psc-workspace textarea{width:100%;max-width:100%;min-height:44px;padding:12px;border:1px solid #cedeea;border-radius:9px;font:inherit;color:#23465c;background:#fff;font-weight:400}.psc-workspace textarea{resize:vertical;line-height:1.6}.psc-workspace small,.psc-note{color:#607c90;font-size:12px;line-height:1.6;font-weight:400}.psc-preview{border:1px solid #dce6ef;border-radius:14px;background:#f9fbfd;padding:22px;overflow-wrap:anywhere}.psc-preview>span{font-size:12px;color:#607c90}.psc-preview img{max-height:300px;max-width:100%;object-fit:contain;display:block;margin:16px auto}.psc-preview p{white-space:pre-wrap}.psc-tags{color:#0647c2}.psc-preview small{display:block;margin-top:20px}.psc-review{border-top:1px solid #dce6ef;margin-top:24px;padding-top:18px}.psc-workspace .psc-check{display:flex;align-items:flex-start;margin-top:18px;line-height:1.6;font-weight:500}.psc-check input{margin-top:5px;width:18px;height:18px}.psc-warning,.psc-notice{padding:16px 20px;border-radius:10px;margin:0;line-height:1.6}.psc-warning{border:1px solid #edc276;background:#fff8e9;color:#875514}.psc-notice,.psc-package{border:1px solid #9fbef6;background:#f0faf6;color:#0647c2}.psc-package{padding:20px;border-radius:12px;margin-top:18px}.psc-workspace a{color:#0647c2;overflow-wrap:anywhere}.psc-card{overflow:hidden}
@media(max-width:1050px){.psc-editor{grid-template-columns:1fr}.psc-preview{max-width:none}.psc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.psc-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.psc-workspace>header,.psc-card{padding:18px}.psc-form-grid{grid-template-columns:1fr}.psc-workspace h2{font-size:25px}.psc-kpis article{padding:15px}.psc-actions button{flex:1 1 140px}.psc-workspace nav button{flex:1 1 120px}.psc-head{gap:12px}.psc-preview{padding:16px}}

.ppb-workspace{display:grid;gap:22px;color:#16334b}.ppb-workspace *{box-sizing:border-box}.ppb-workspace .eyebrow{color:#0647c2;font-weight:750;font-size:12px;letter-spacing:.05em}.ppb-workspace h2{font-size:30px;margin:9px 0}.ppb-workspace h3{font-size:22px;margin:10px 0}.ppb-workspace h4{font-size:17px;margin:12px 0}.ppb-workspace p{line-height:1.6}.ppb-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.ppb-workspace>header,.ppb-card{background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:28px}.ppb-head p{color:#587187;margin:8px 0}.ppb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ppb-kpis article{background:white;border:1px solid #dce6ef;border-radius:12px;padding:20px;display:grid;gap:6px}.ppb-kpis strong{font-size:29px;color:#0647c2}.ppb-kpis span{font-size:14px;color:#587187}.ppb-workspace nav{display:flex;gap:8px;flex-wrap:wrap}.ppb-workspace button{min-height:42px;border:1px solid #cbdde7;border-radius:9px;background:#fff;color:#17384f;padding:10px 16px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.ppb-workspace button:hover{background:#e8f0ff;border-color:#77a7f4}.ppb-workspace button[aria-pressed=true]{background:#dbe5f5;border-color:#77a7f4;color:#0647c2}.ppb-workspace button:disabled{opacity:.5;cursor:not-allowed}.ppb-workspace button:focus-visible,.ppb-workspace input:focus-visible,.ppb-workspace textarea:focus-visible,.ppb-workspace select:focus-visible{outline:3px solid #77a7f4;outline-offset:2px}.ppb-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.ppb-content{padding:0;margin:0;border:0;min-width:0}.ppb-content:disabled{opacity:.75}.ppb-table{overflow-x:auto;max-width:100%;margin-top:20px}.ppb-table table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px}.ppb-table th{text-align:left;color:#587187;background:#f6f9fc;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.ppb-table td,.ppb-table th{padding:15px 12px;border-bottom:1px solid #e3ebf1;vertical-align:top}.ppb-table td{max-width:300px;overflow-wrap:anywhere}.ppb-table small{display:block;margin-top:6px}.ppb-chip{display:inline-block;background:#eef4f7;color:#49697f;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:650;white-space:normal}.ppb-editor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:28px;margin-top:22px;align-items:start}.ppb-editor>*,.ppb-preview{min-width:0}.ppb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ppb-workspace label{display:grid;gap:8px;margin:0 0 18px;font-size:14px;font-weight:650}.ppb-workspace input:not([type=checkbox]),.ppb-workspace select,.ppb-workspace textarea{width:100%;max-width:100%;min-height:44px;padding:12px;border:1px solid #cedeea;border-radius:9px;font:inherit;color:#23465c;background:#fff;font-weight:400}.ppb-workspace textarea{resize:vertical;line-height:1.6}.ppb-workspace small,.ppb-note{color:#607c90;font-size:12px;line-height:1.6;font-weight:400}.ppb-preview{border:1px solid #dce6ef;border-radius:14px;background:#f9fbfd;padding:22px;overflow-wrap:anywhere}.ppb-preview>span{font-size:12px;color:#607c90}.ppb-preview img{max-height:300px;max-width:100%;object-fit:contain;display:block;margin:16px auto}.ppb-preview p{white-space:pre-wrap}.ppb-tags{color:#0647c2}.ppb-preview small{display:block;margin-top:20px}.ppb-review{border-top:1px solid #dce6ef;margin-top:24px;padding-top:18px}.ppb-workspace .ppb-check{display:flex;align-items:flex-start;margin-top:18px;line-height:1.6;font-weight:500}.ppb-check input{margin-top:5px;width:18px;height:18px}.ppb-warning,.ppb-notice{padding:16px 20px;border-radius:10px;margin:0;line-height:1.6}.ppb-warning{border:1px solid #edc276;background:#fff8e9;color:#875514}.ppb-notice,.ppb-package{border:1px solid #9fbef6;background:#f0faf6;color:#0647c2}.ppb-package{padding:20px;border-radius:12px;margin-top:18px}.ppb-workspace a{color:#0647c2;overflow-wrap:anywhere}.ppb-card{overflow:hidden}
@media(max-width:1050px){.ppb-editor{grid-template-columns:1fr}.ppb-preview{max-width:none}.ppb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ppb-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.ppb-workspace>header,.ppb-card{padding:18px}.ppb-form-grid{grid-template-columns:1fr}.ppb-workspace h2{font-size:25px}.ppb-kpis article{padding:15px}.ppb-actions button{flex:1 1 140px}.ppb-workspace nav button{flex:1 1 120px}.ppb-head{gap:12px}.ppb-preview{padding:16px}}

.pnl-workspace fieldset{border:0;padding:0;margin:0;min-width:0}.pnl-workspace textarea{width:100%;box-sizing:border-box}.pnl-workspace details{margin:20px 0}.pnl-workspace summary{cursor:pointer;padding:14px;background:#e8f0ff;border-radius:10px}.pnl-preview{max-width:640px;padding:28px;margin:16px auto;border:1px solid #d3e1e8;border-radius:12px;overflow-wrap:anywhere}.pnl-workspace .ppb-table td{overflow-wrap:anywhere;max-width:340px}.pnl-workspace input{max-width:100%;box-sizing:border-box}

.pnl-workspace .pnl-hero{background:linear-gradient(115deg,#f7fcfb,#eef7fb);border:1px solid #bed4f7;border-radius:18px;padding:28px;align-items:center}
.pnl-workspace .pnl-hero h2{font-size:clamp(25px,2.2vw,34px);letter-spacing:-.6px;margin:10px 0}
.pnl-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pnl-hero-tags span{background:#fff;border:1px solid #d7e6eb;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:700;color:#345264}
.pnl-workspace .pnl-section-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:22px 0 18px}.pnl-section-title h3{margin:7px 0;font-size:23px}.pnl-section-title p{margin:0;color:#526d7b}
.pnl-pill{display:inline-block;flex-shrink:0;border-radius:30px;background:#eef3f7;color:#456073;padding:6px 11px;font-size:12px;font-weight:700;line-height:1.4}.pnl-pill.pnl-ready{background:#e3f5ed;color:#166534}
.pnl-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.pnl-provider{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #d6e2eb;border-radius:14px;padding:22px;min-width:0}.pnl-provider.is-selected{border-color:#0755ed;box-shadow:0 0 0 1px #0755ed}.pnl-provider-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pnl-provider h4{margin:0;font-size:20px}.pnl-provider p{color:#526d7b;line-height:1.6;margin:0;flex:1}.pnl-provider small{color:#385567;font-size:12px}.pnl-provider-count{font-size:11px;color:#64798a;margin-left:auto}
.pnl-provider-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9f4ed;color:#216d46;font-weight:800;font-size:20px}.pnl-mark-resend{background:#172d3c;color:#fff}.pnl-mark-postmark{background:#fff0bd;color:#725606}
.pnl-workspace .pnl-provider .ppb-actions{margin:0;align-items:center}.pnl-workspace a{color:#0647c2;font-weight:600;text-underline-offset:3px}.pnl-provider a{font-size:12px}
.pnl-saved-connections{display:grid;gap:0}.pnl-saved-row{display:grid;grid-template-columns:minmax(0,1.6fr) 100px auto auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #e1eaf0}.pnl-saved-row:last-child{border:0}.pnl-saved-row small{display:block;margin-top:5px;color:#60798b;overflow-wrap:anywhere}.pnl-saved-row strong{color:#173343}
.pnl-setup-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin:22px 0}.pnl-setup-grid>div{min-width:0}.pnl-setup-grid>div+div{border-left:1px solid #e0e8ee;padding-left:28px}.pnl-step{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dbe5f5;color:#0647c2;margin-right:7px;font-size:13px}.pnl-workspace .pnl-connection-editor h4{font-size:16px;margin:0 0 16px}.pnl-workspace label small{font-weight:400;line-height:1.5;color:#607789;font-size:12px}.pnl-activation{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#f5f8fb;border:1px solid #e0e8ee;padding:20px;border-radius:12px;margin:20px 0}.pnl-activation p{color:#526d7b;font-size:13px;margin:0}.pnl-workspace .pnl-preview{max-width:650px;border:1px solid #d9e5ec;border-radius:14px;background:white;padding:28px;margin:20px auto;box-shadow:0 8px 24px #17334309}.pnl-preview>strong{display:inline-block;background:#0647c2;color:white;border-radius:7px;padding:10px 16px}
@media(max-width:1100px){.pnl-provider-grid{grid-template-columns:1fr}.pnl-setup-grid{grid-template-columns:1fr}.pnl-setup-grid>div+div{border-left:0;border-top:1px solid #e0e8ee;padding:24px 0 0}.pnl-saved-row{grid-template-columns:minmax(0,1fr) auto}.pnl-provider .ppb-actions{justify-content:flex-start}}
@media(max-width:700px){.pnl-workspace .pnl-hero{padding:20px}.pnl-workspace .pnl-section-title{align-items:flex-start;flex-direction:column}.pnl-activation{grid-template-columns:1fr}.pnl-saved-row{grid-template-columns:1fr;gap:10px}.pnl-saved-row .pnl-pill{justify-self:start}.pnl-workspace .pnl-connection-editor .ppb-form-grid{grid-template-columns:1fr}.pnl-workspace .pnl-provider{padding:18px}}

.pnl-workspace .pnl-setup-grid .ppb-form-grid{align-items:start}.pnl-workspace [data-partner-newsletter-action="connection-save"],.pnl-workspace .pnl-hero [data-partner-newsletter-action="new"]{background:#0647c2;color:white;border-color:#0647c2}

.pnl-workspace .pnl-editor{border:1px solid #d8e5ed;border-radius:16px;padding:24px;margin:20px 0;background:#fbfdfe;min-width:0}.pnl-workspace .pnl-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}.pnl-workspace .pnl-editor-heading h4{font-size:23px;margin:5px 0}.pnl-workspace .pnl-editor-heading p{margin:4px 0;color:#557080}.pnl-workspace .pnl-eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#0647c2}.pnl-workspace .pnl-format-badge{border:1px solid #9fbef6;background:#e8f0ff;padding:8px 14px;border-radius:24px;font-size:13px;font-weight:700}.pnl-workspace .pnl-editor-modes{display:flex;gap:6px;padding:5px;border:1px solid #d9e5ec;border-radius:12px;background:#eef4f7;margin-bottom:22px;flex-wrap:wrap}.pnl-workspace .pnl-editor-modes button{flex:1;min-width:120px;background:transparent;border:1px solid transparent;box-shadow:none}.pnl-workspace .pnl-editor-modes button[aria-pressed=true],.pnl-workspace .pnl-preview-toolbar button[aria-pressed=true]{background:white;border-color:#77a7f4;color:#0647c2;box-shadow:0 2px 5px #15374710}.pnl-workspace .pnl-code{font-family:Consolas,monospace;font-size:14px;line-height:1.6;tab-size:2;background:#102939;color:#e1f3f5;min-height:280px}.pnl-workspace .pnl-html-help{margin-top:14px;font-size:14px}.pnl-workspace .pnl-template-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.pnl-workspace .pnl-template-row label{flex:1;min-width:230px}.pnl-workspace .pnl-builder{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(230px,1.15fr);gap:16px;margin-top:22px;align-items:start}.pnl-workspace .pnl-block-library,.pnl-workspace .pnl-block-properties{padding:16px;border:1px solid #dce7ee;border-radius:12px;background:white;min-width:0}.pnl-workspace .pnl-block-palette{display:grid;gap:7px;margin-top:14px}.pnl-workspace .pnl-block-palette button{padding:10px;text-align:left;font-size:13px;box-shadow:none}.pnl-workspace .pnl-block-list{display:grid;gap:10px;min-width:0;max-height:610px;overflow:auto;padding:2px}.pnl-workspace .pnl-block-item{display:block;width:100%;text-align:left;white-space:normal;padding:16px;border:1px solid #dce7ee;background:#fff;box-shadow:none;overflow-wrap:anywhere}.pnl-workspace .pnl-block-item span{display:block;color:#547381;font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:9px}.pnl-workspace .pnl-block-item strong{font-weight:500;font-size:14px;line-height:1.5}.pnl-workspace .pnl-block-item[aria-pressed=true]{border-color:#0647c2;background:#e8f0ff;box-shadow:0 0 0 1px #0647c2}.pnl-workspace .pnl-block-properties .ppb-head{gap:8px;flex-wrap:wrap}.pnl-workspace .pnl-block-properties .ppb-head button{padding:6px 12px;margin-left:3px;min-width:35px}.pnl-workspace .pnl-block-properties label{margin:14px 0}.pnl-workspace .pnl-design-settings{border-top:1px solid #dce7ee;margin-top:22px;padding-top:16px;display:flex;align-items:center;gap:20px}.pnl-workspace .pnl-design-settings input{width:70px;height:42px;padding:4px}.pnl-workspace .pnl-design-settings p{font-size:13px;color:#557080}.pnl-workspace .pnl-preview-workspace{padding:24px;border:1px solid #d9e5eb;border-radius:16px;margin:24px 0;min-width:0;background:#fff}.pnl-workspace .pnl-preview-toolbar{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dce7ee;padding-bottom:14px;margin-bottom:20px}.pnl-workspace .pnl-preview-toolbar button{font-size:13px;padding:8px 12px;box-shadow:none}.pnl-workspace .pnl-email-preview{background:#edf2f5;border:1px solid #dae5eb;border-radius:10px;padding:18px;min-height:160px}.pnl-workspace .pnl-email-preview iframe{border:0;width:100%;height:660px;background:white;display:block;margin:auto;border-radius:8px}.pnl-workspace .pnl-mobile-preview iframe{max-width:375px}.pnl-workspace .pnl-email-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.7 Arial,sans-serif;max-width:660px;margin:0 auto;background:white;padding:24px;border-radius:8px}.pnl-workspace button:focus-visible{outline:3px solid #0755ed;outline-offset:2px}@media(max-width:1150px){.pnl-workspace .pnl-builder{grid-template-columns:1fr 1fr}.pnl-workspace .pnl-block-library{grid-column:1/-1}.pnl-workspace .pnl-block-palette{grid-template-columns:repeat(3,1fr)}.pnl-workspace .pnl-block-library .ppb-note{margin-bottom:0}}@media(max-width:700px){.pnl-workspace .pnl-builder{grid-template-columns:1fr}.pnl-workspace .pnl-editor,.pnl-workspace .pnl-preview-workspace{padding:14px}.pnl-workspace .pnl-design-settings{align-items:start}.pnl-workspace .pnl-email-preview{padding:4px}.pnl-workspace .pnl-email-preview pre{padding:14px}.pnl-workspace .pnl-block-palette{grid-template-columns:repeat(2,1fr)}}

.pca-workspace{display:grid;gap:20px;min-width:0}.pca-workspace .panel{padding:26px;min-width:0}.pca-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.pca-heading h2{margin:8px 0;font-size:30px}.pca-heading h3{margin:8px 0}.pca-actions{display:flex;flex-wrap:wrap;gap:8px}.pca-muted,.pca-workspace small{color:#60778e;font-size:13px;line-height:1.5}.pca-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.pca-sources>div{display:flex;align-items:flex-start;gap:10px;flex-direction:column;padding:18px;border:1px solid #dbe6eb;border-radius:12px}.pca-sources span{color:#60778e;font-size:14px}.pca-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.pca-filters label{display:grid;gap:7px;flex:1 1 170px;font-size:13px;font-weight:600}.pca-filters select{width:100%;min-height:43px}.pca-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:22px}.pca-kpis article{padding:20px;background:#f5faf9;border-radius:12px;display:flex;flex-direction:column;gap:12px}.pca-kpis article>span{font-size:14px;font-weight:600}.pca-kpis strong{font-size:30px;color:#0647c2}.pca-table-wrap{overflow:auto}.pca-table{width:100%;border-collapse:collapse;font-size:14px}.pca-table th{text-align:left;padding:14px 12px;color:#60778e;font-size:12px;border-bottom:1px solid #dbe6eb}.pca-table td{padding:18px 12px;vertical-align:middle;border-bottom:1px solid #e8eef2;overflow-wrap:anywhere}.pca-table td:first-child{width:32%;min-width:170px}.pca-table small{display:block;margin-top:5px}.pca-selected{background:#e8f0ff}.pca-chip{font-size:12px;background:#eef3f8;border-radius:14px;padding:5px 9px;display:inline-block}.pca-pager{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px}.pca-detail{border:1px solid #9fbef6}.pca-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.pca-result div{padding:15px;background:#f5f8fb;border-radius:8px}.pca-result dt{color:#60778e;font-size:13px}.pca-result dd{margin:7px 0 0;font-size:23px;font-weight:700}.pca-warning{color:#945d16!important;background:#fff8e9;padding:12px;border-radius:8px}.pca-workspace summary{cursor:pointer;padding:14px 0;font-weight:600}.pca-workspace button{font-size:14px!important;min-height:40px}.pca-workspace p{line-height:1.6}.pca-workspace [disabled]{opacity:.6;cursor:wait}@media(max-width:760px){.pca-sources{grid-template-columns:1fr}.pca-workspace .panel{padding:18px}.pca-heading h2{font-size:26px}.pca-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pca-table{min-width:670px}}

.pca-filters select{border:1px solid #d3e0e8;border-radius:9px;padding:10px 12px;background:#fff;color:#172c40;font:inherit}

.pgw-workspace{display:grid;gap:20px;min-width:0}.pgw-workspace .panel{padding:26px;min-width:0}.pgw-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.pgw-heading h2{font-size:30px;margin:10px 0}.pgw-heading h3{margin:10px 0}.pgw-actions{display:flex;gap:9px;flex-wrap:wrap}.pgw-workspace p{line-height:1.6}.pgw-muted,.pgw-workspace small{font-size:13px;color:#60778e;line-height:1.5}.pgw-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.pgw-kpis article{display:grid;gap:12px;padding:20px;background:#f2f9f7;border-radius:12px}.pgw-kpis span{font-size:15px;font-weight:600}.pgw-kpis strong{font-size:32px;color:#0647c2}.pgw-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.pgw-tabs button{border:1px solid #d6e4e9;border-radius:9px;background:white;padding:12px 18px;color:#1b364b}.pgw-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.pgw-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.pgw-filters label{min-width:180px;flex:1;max-width:340px}.pgw-workspace label{display:grid;gap:8px;font-size:13px;font-weight:600}.pgw-workspace select,.pgw-workspace textarea{font:inherit;color:#1b364b;border:1px solid #d6e4e9;border-radius:9px;background:#fff;padding:12px;width:100%;box-sizing:border-box}.pgw-table-wrap{overflow:auto}.pgw-workspace table{width:100%;border-collapse:collapse;font-size:14px}.pgw-workspace th{text-align:left;padding:13px 12px;color:#60778e;font-size:12px;border-bottom:1px solid #d6e4e9}.pgw-workspace td{padding:18px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle;overflow-wrap:anywhere}.pgw-workspace td:first-child{width:45%;min-width:240px}.pgw-workspace td strong,.pgw-workspace td small{display:block;margin:7px 0}.pgw-selected{background:#e8f0ff}.pgw-priority{font-size:11px;border-radius:12px;background:#eef3f8;padding:4px 8px;display:inline-block}.pgw-priority-1{background:#fff0df;color:#975218}.pgw-priority-3{background:#e8f4ef;color:#0647c2}.pgw-pager{display:flex;gap:14px;justify-content:flex-end;align-items:center;margin-top:18px}.pgw-detail{border:1px solid #9fbef6}.pgw-detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pgw-detail dl>div{padding:16px;background:#f5f8fb;border-radius:9px}.pgw-detail dt{font-size:13px;color:#60778e}.pgw-detail dd{margin:7px 0 0;overflow-wrap:anywhere}.pgw-editor{display:grid;grid-template-columns:minmax(170px,1fr) 3fr;gap:18px}.pgw-warning{background:#fff6e5;color:#975b18;padding:13px;border-radius:9px}.pgw-notice{background:#e8f5f0;color:#0647c2;padding:13px;border-radius:9px}.pgw-workspace summary{cursor:pointer;padding:12px 0;font-weight:600}.pgw-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.pgw-sources article{padding:17px;border:1px solid #d6e4e9;border-radius:10px}.pgw-note{white-space:pre-wrap;max-width:350px}.pgw-workspace button{font-size:14px!important;min-height:40px}.pgw-workspace button[disabled]{opacity:.55}@media(max-width:760px){.pgw-workspace .panel{padding:18px}.pgw-heading h2{font-size:25px}.pgw-editor{grid-template-columns:1fr}.pgw-sources{grid-template-columns:1fr}.pgw-workspace table{min-width:650px}.pgw-kpis{gap:9px}.pgw-kpis article{padding:13px}.pgw-kpis strong{font-size:26px}}
.pgw-workspace .panel{min-height:0}.pgw-editor label{align-content:start}

.pga-workspace{display:grid;gap:20px;min-width:0}.pga-workspace .panel{padding:26px;min-height:0;min-width:0}.pga-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.pga-heading h2{font-size:30px;margin:10px 0}.pga-heading h3{margin:10px 0}.pga-actions,.pga-tabs{display:flex;gap:9px;flex-wrap:wrap}.pga-workspace p{line-height:1.6}.pga-muted,.pga-workspace small{font-size:13px;line-height:1.5;color:#60778e}.pga-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px}.pga-kpis article{display:grid;gap:14px;background:#f2f8f7;padding:20px;border-radius:12px}.pga-kpis span{font-size:14px}.pga-kpis strong{font-size:29px;color:#0647c2}.pga-tabs button{padding:12px 18px;background:white;border:1px solid #d6e4e9;border-radius:9px;color:#1b364b}.pga-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.pga-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:22px 0}.pga-filters label{display:grid;gap:8px;flex:1;min-width:180px;max-width:320px;font-size:13px}.pga-filters select{padding:12px;background:white;border:1px solid #d6e4e9;border-radius:9px;font:inherit;color:#1b364b}.pga-table-wrap{overflow:auto;margin-top:18px;max-height:700px}.pga-workspace table{width:100%;border-collapse:collapse;font-size:14px}.pga-workspace th{text-align:left;font-size:12px;padding:13px 12px;color:#60778e;border-bottom:1px solid #d6e4e9;background:white;position:sticky;top:0}.pga-workspace td{padding:17px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle;overflow-wrap:anywhere}.pga-workspace td:first-child{width:38%}.pga-workspace td strong,.pga-workspace td small{display:block;margin:6px 0}.pga-status{display:inline-block;padding:5px 10px;font-size:12px;border-radius:14px;background:#eef3f8;color:#53677c;white-space:nowrap}.pga-verified{background:#e3f4ec;color:#166534}.pga-attention,.pga-unavailable{background:#fff0df;color:#975218}.pga-selected{background:#e8f0ff}.pga-detail{border:1px solid #9fbef6}.pga-warning{background:#fff6e5;color:#975b18;padding:13px;border-radius:9px}.pga-notice{background:#e8f5f0;color:#0647c2;padding:13px;border-radius:9px}.pga-workspace summary{font-weight:600;cursor:pointer;padding:12px 0}.pga-workspace .pga-detail ul{line-height:1.8}.pga-workspace button{font-size:14px!important;min-height:40px}.pga-workspace button[disabled]{opacity:.55}@media(max-width:760px){.pga-workspace .panel{padding:18px}.pga-heading h2{font-size:25px}.pga-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pga-kpis article{padding:14px}.pga-workspace table{min-width:640px}}

.pba-workspace{display:grid;gap:20px;min-width:0}.pba-workspace .panel{padding:26px;min-height:0;min-width:0}.pba-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.pba-heading h2{font-size:30px;margin:10px 0}.pba-workspace h3{font-size:20px;margin:26px 0 14px}.pba-actions,.pba-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.pba-workspace p{line-height:1.6}.pba-muted,.pba-workspace small{font-size:13px;line-height:1.5;color:#60778e}.pba-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.pba-kpis article{display:grid;gap:14px;background:#f2f8f7;padding:20px;border-radius:12px}.pba-kpis span{font-size:14px}.pba-kpis strong{font-size:29px;color:#0647c2}.pba-tabs button{padding:12px 18px;background:white;border:1px solid #d6e4e9;border-radius:9px;color:#1b364b}.pba-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.pba-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin:24px 0}.pba-filters label{display:grid;gap:8px;min-width:0;font-size:13px}.pba-filters select,.pba-filters input{padding:12px;background:white;border:1px solid #d6e4e9;border-radius:9px;font:inherit;color:#1b364b;min-width:0;width:100%;box-sizing:border-box}.pba-table-wrap{overflow:auto;margin:18px 0}.pba-workspace table{width:100%;border-collapse:collapse;font-size:14px}.pba-workspace th{text-align:left;font-size:12px;padding:13px 12px;color:#60778e;border-bottom:1px solid #d6e4e9}.pba-workspace td{padding:17px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle;overflow-wrap:anywhere}.pba-workspace td strong,.pba-workspace td small{display:block;margin:6px 0}.pba-chip{display:inline-block;padding:5px 10px;font-size:12px;border-radius:14px;background:#eef3f8;color:#53677c}.pba-warn{background:#fff0df;color:#975218}.pba-detail{border:1px solid #9fbef6}.pba-warning{background:#fff6e5;color:#975b18;padding:14px 22px;border-radius:9px;line-height:1.7}.pba-workspace summary{font-weight:600;cursor:pointer;padding:12px 0}.pba-workspace button{font-size:14px!important;min-height:40px}.pba-workspace button[disabled]{opacity:.55}.pba-empty{padding:18px 0}@media(max-width:760px){.pba-workspace .panel{padding:18px}.pba-heading h2{font-size:25px}.pba-kpis,.pba-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pba-kpis article{padding:14px}.pba-workspace table{min-width:680px}}@media(max-width:460px){.pba-filters{grid-template-columns:1fr}}

.paut-workspace{display:grid;gap:20px;min-width:0}.paut-workspace .panel{padding:26px;min-width:0;min-height:0}.paut-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.paut-heading h2{font-size:30px;margin:12px 0}.paut-workspace p{line-height:1.6}.paut-workspace h3{font-size:21px;margin:22px 0 12px}.paut-actions,.paut-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.paut-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.paut-form label{display:grid;gap:8px;font-size:13px;min-width:0}.paut-form select,.paut-form input{padding:12px;border:1px solid #d6e4e9;border-radius:9px;background:white;font:inherit;box-sizing:border-box;width:100%;min-width:0}.paut-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.paut-rules article{border:1px solid #dce7e9;border-radius:12px;padding:20px}.paut-rules label{display:flex;align-items:center;gap:12px}.paut-rules input{width:18px;height:18px;accent-color:#0647c2}.paut-rules p{font-size:14px}.paut-muted,.paut-workspace small{color:#60778e;font-size:13px;line-height:1.5}.paut-badge{display:inline-block;background:#dbe5f5;border-radius:15px;padding:7px 13px;color:#0647c2;font-size:13px}.paut-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.paut-kpis article{display:grid;gap:14px;background:#f2f8f7;padding:20px;border-radius:12px;font-size:14px}.paut-kpis strong{font-size:29px;color:#0647c2}.paut-tabs button{padding:12px 18px;background:white;border:1px solid #d6e4e9;border-radius:9px}.paut-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.paut-workspace button{font-size:14px!important;min-height:40px}.paut-workspace button:disabled{opacity:.55}.paut-warning{background:#fff6e5;color:#925417;padding:15px 20px;border-radius:10px;line-height:1.6}.paut-notice{background:#eaf7f2;color:#0647c2;padding:15px 20px;border-radius:10px}.paut-table{overflow:auto;margin:20px 0}.paut-table table{width:100%;border-collapse:collapse;font-size:14px}.paut-table th{text-align:left;font-size:12px;padding:13px 12px;color:#60778e;border-bottom:1px solid #d6e4e9}.paut-table td{padding:16px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle;overflow-wrap:anywhere}.paut-table td small{display:block;margin:6px 0}.paut-table td p{margin:8px 0}.paut-empty{padding:20px 0}@media(max-width:760px){.paut-workspace .panel{padding:18px}.paut-heading h2{font-size:25px}.paut-form,.paut-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.paut-rules{grid-template-columns:1fr}.paut-table table{min-width:680px}}@media(max-width:460px){.paut-form{grid-template-columns:1fr}}

.ptr-workspace{display:grid;gap:20px;min-width:0}.ptr-workspace .panel{padding:26px;min-height:0;min-width:0}.ptr-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.ptr-heading h2{font-size:30px;margin:10px 0}.ptr-workspace h3{font-size:20px;margin:26px 0 14px}.ptr-actions,.ptr-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.ptr-workspace p{line-height:1.6}.ptr-muted,.ptr-workspace small{font-size:13px;line-height:1.5;color:#60778e}.ptr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.ptr-kpis article{display:grid;gap:14px;background:#f2f8f7;padding:20px;border-radius:12px}.ptr-kpis span{font-size:14px}.ptr-kpis strong{font-size:29px;color:#0647c2}.ptr-tabs button{padding:12px 18px;background:white;border:1px solid #d6e4e9;border-radius:9px;color:#1b364b}.ptr-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.ptr-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin:24px 0}.ptr-filters label{display:grid;gap:8px;min-width:0;font-size:13px}.ptr-filters select,.ptr-filters input{padding:12px;background:white;border:1px solid #d6e4e9;border-radius:9px;font:inherit;color:#1b364b;min-width:0;width:100%;box-sizing:border-box}.ptr-table-wrap{overflow:auto;margin:18px 0}.ptr-workspace table{width:100%;border-collapse:collapse;font-size:14px}.ptr-workspace th{text-align:left;font-size:12px;padding:13px 12px;color:#60778e;border-bottom:1px solid #d6e4e9}.ptr-workspace td{padding:17px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle;overflow-wrap:anywhere}.ptr-workspace td strong,.ptr-workspace td small{display:block;margin:6px 0}.ptr-chip{display:inline-block;padding:5px 10px;font-size:12px;border-radius:14px;background:#eef3f8;color:#53677c}.ptr-warn{background:#fff0df;color:#975218}.ptr-detail{border:1px solid #9fbef6}.ptr-warning{background:#fff6e5;color:#975b18;padding:14px 22px;border-radius:9px;line-height:1.7}.ptr-workspace summary{font-weight:600;cursor:pointer;padding:12px 0}.ptr-workspace button{font-size:14px!important;min-height:40px}.ptr-workspace button[disabled]{opacity:.55}.ptr-empty{padding:18px 0}@media(max-width:760px){.ptr-workspace .panel{padding:18px}.ptr-heading h2{font-size:25px}.ptr-kpis,.ptr-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ptr-kpis article{padding:14px}.ptr-workspace table{min-width:680px}}@media(max-width:460px){.ptr-filters{grid-template-columns:1fr}}

.ptr-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ptr-checks article{border:1px solid #d6e4e9;border-radius:12px;padding:20px;min-width:0}.ptr-checks h4{font-size:16px;margin:0}.ptr-note{background:#f2f7fa;padding:16px;border-radius:9px;color:#526d81}.ptr-checks .ptr-heading{align-items:start}.ptr-checks .ptr-chip{white-space:nowrap}@media(max-width:760px){.ptr-checks{grid-template-columns:1fr}}
.pab-workspace{display:grid;gap:20px;min-width:0}.pab-workspace .panel{padding:24px;min-width:0}.pab-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.pab-workspace h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:10px 0}.pab-workspace h3{font-size:22px;margin:18px 0 10px}.pab-workspace h4{font-size:18px;margin:8px 0}.pab-workspace p{line-height:1.6}.pab-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.pab-actions button{min-height:42px}.pab-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.pab-kpis article{background:#f4f8fa;border-radius:12px;padding:18px}.pab-kpis strong{display:block;font-size:28px;margin-top:8px}.pab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pab-grid article{border:1px solid #dce6ed;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.pab-grid .pab-actions{margin-top:auto;padding-top:12px}.pab-grid .pab-heading{gap:6px}.pab-chip{display:inline-block;font-size:12px;font-weight:700;padding:6px 10px;border-radius:20px;background:#edf2f7;color:#44566c;white-space:normal}.pab-connected,.pab-available{background:#dcfce7;color:#166534}.pab-partial,.pab-attention{background:#fff3db;color:#875512}.pab-unavailable{background:#fff0eb;color:#993b20}.pab-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dce6ed;padding-bottom:12px}.pab-tabs button{border:0;border-radius:9px;padding:12px 16px;background:#f4f7fa;color:#35526a;font-weight:700}.pab-tabs [aria-pressed=true]{background:#dbe5f5;color:#0647c2}.pab-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.pab-workspace label{display:grid;gap:8px;font-weight:600}.pab-workspace input,.pab-workspace select,.pab-workspace textarea{width:100%;min-width:0;border:1px solid #cbdbe7;background:#fff;border-radius:8px;padding:11px;font:inherit;color:inherit}.pab-workspace textarea{resize:vertical}.pab-workspace fieldset{padding:0;margin:0;border:0;min-width:0}.pab-workspace small{display:block;color:#62768a;line-height:1.5}.pab-table{overflow-x:auto;margin-top:16px}.pab-table table{width:100%;border-collapse:collapse}.pab-table th{text-align:left;background:#f4f8fa;padding:12px;white-space:nowrap}.pab-table td{padding:14px 12px;border-bottom:1px solid #e4ebf0;vertical-align:top;min-width:100px;max-width:420px;overflow-wrap:anywhere}.pab-note,.pab-warning{padding:14px 16px;border-radius:10px;background:#edf8f5;border:1px solid #c4e4dc}.pab-warning{background:#fff7e8;border-color:#f4d59b}.pab-empty{padding:28px 10px;color:#667b8e}.pab-workspace button:disabled{opacity:.55;cursor:not-allowed}.pab-workspace button:focus-visible,.pab-workspace input:focus-visible,.pab-workspace textarea:focus-visible,.pab-workspace select:focus-visible{outline:3px solid #0755ed;outline-offset:2px}.pab-detail{scroll-margin-top:24px}@media(max-width:900px){.pab-grid,.pab-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pab-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.pab-workspace .panel{padding:16px}.pab-grid,.pab-filters{grid-template-columns:1fr}.pab-kpis{gap:8px}.pab-kpis article{padding:12px}.pab-heading{display:block}.pab-actions button{flex:1 1 auto}.pab-tabs button{flex:1 1 40%}.pab-workspace h2{overflow-wrap:anywhere}}

.pint-workspace{min-width:0;max-width:100%;box-sizing:border-box}.pint-workspace .pint-heading{gap:20px;align-items:flex-start}.pint-workspace .pint-heading>div{min-width:0}.pint-workspace .pint-heading small{display:block;line-height:1.5}.pint-workspace .pint-form{min-width:0;border:0;padding:0;margin:0}.pint-workspace .pint-actions label{display:grid;gap:6px;min-width:160px;max-width:100%}.pint-workspace .pint-actions{align-items:end}.pint-workspace .pint-actions button{min-height:42px}.pint-workspace .pint-actions select{min-height:42px;max-width:100%}.pint-workspace .pint-heading h2{font-size:clamp(25px,3vw,36px);line-height:1.25}.pint-workspace .pint-conflict{border-left:4px solid #c87f22;padding:14px 18px;background:#fff7e9;margin:16px 0}.pint-workspace .pint-conflict dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,3fr);gap:6px;margin:12px 0}.pint-workspace .pint-conflict dd{margin:0;overflow-wrap:anywhere}.pint-workspace fieldset:disabled{opacity:.65}.pint-workspace button:focus-visible,.pint-workspace input:focus-visible,.pint-workspace select:focus-visible{outline:3px solid #0755ed;outline-offset:2px}@media(max-width:650px){.pint-workspace .pint-heading{display:block}.pint-workspace .pint-actions>label{flex:1 1 100%}.pint-workspace .pint-actions>button{flex:1 1 auto}}

.pfc-workspace{display:grid;gap:20px;min-width:0}.pfc-workspace .panel{padding:26px;min-height:0;min-width:0}.pfc-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.pfc-heading h2{font-size:30px;margin:10px 0}.pfc-heading h3{margin:10px 0}.pfc-actions,.pfc-tabs{display:flex;gap:9px;flex-wrap:wrap}.pfc-workspace p{line-height:1.6}.pfc-muted,.pfc-workspace small{font-size:13px;line-height:1.5;color:#60778e}.pfc-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px}.pfc-kpis article{display:grid;gap:14px;background:#f2f8f7;padding:20px;border-radius:12px}.pfc-kpis span{font-size:14px}.pfc-kpis strong{font-size:29px;color:#0647c2}.pfc-tabs button{padding:12px 18px;background:white;border:1px solid #d6e4e9;border-radius:9px;color:#1b364b}.pfc-tabs [aria-pressed=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.pfc-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:22px 0}.pfc-filters label{display:grid;gap:8px;flex:1;min-width:180px;max-width:320px;font-size:13px}.pfc-filters select{padding:12px;background:white;border:1px solid #d6e4e9;border-radius:9px;font:inherit;color:#1b364b}.pfc-table-wrap{overflow:auto;margin-top:18px;max-height:700px}.pfc-workspace table{width:100%;border-collapse:collapse;font-size:14px}.pfc-workspace th{text-align:left;font-size:12px;padding:13px 12px;color:#60778e;border-bottom:1px solid #d6e4e9;background:white;position:sticky;top:0}.pfc-workspace td{padding:17px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle;overflow-wrap:anywhere}.pfc-workspace td:first-child{width:38%}.pfc-workspace td strong,.pfc-workspace td small{display:block;margin:6px 0}.pfc-status{display:inline-block;padding:5px 10px;font-size:12px;border-radius:14px;background:#eef3f8;color:#53677c;white-space:nowrap}.pfc-verified{background:#e3f4ec;color:#166534}.pfc-attention,.pfc-unavailable{background:#fff0df;color:#975218}.pfc-selected{background:#e8f0ff}.pfc-detail{border:1px solid #9fbef6}.pfc-warning{background:#fff6e5;color:#975b18;padding:13px;border-radius:9px}.pfc-notice{background:#e8f5f0;color:#0647c2;padding:13px;border-radius:9px}.pfc-workspace summary{font-weight:600;cursor:pointer;padding:12px 0}.pfc-workspace .pfc-detail ul{line-height:1.8}.pfc-workspace button{font-size:14px!important;min-height:40px}.pfc-workspace button[disabled]{opacity:.55}@media(max-width:760px){.pfc-workspace .panel{padding:18px}.pfc-heading h2{font-size:25px}.pfc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pfc-kpis article{padding:14px}.pfc-workspace table{min-width:640px}}

.client-home{display:block;max-width:1600px;margin:0 auto;color:#17334b}.client-home .ch-header{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:24px 0}.client-home h2{font-size:30px;margin:8px 0}.client-home h3{font-size:20px;margin:0 0 6px}.client-home p{line-height:1.55;margin:8px 0;color:#52677b}.ch-eyebrow{font-size:12px;letter-spacing:.08em;color:#0647c2;font-weight:700}.client-home .ch-actions{display:flex;gap:10px;flex-wrap:wrap}.client-home button{width:auto;min-height:42px}.ch-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:12px 0 24px}.ch-filters label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:190px}.ch-filters select,.ch-filters input{border:1px solid #cbdbe5;border-radius:9px;background:#fff;color:#17334b;padding:11px;font:inherit;min-height:44px;max-width:100%}.ch-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.client-home .ch-kpi{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d5e3eb;border-radius:13px;background:#fff;padding:20px;text-align:left;color:#17334b;box-shadow:none;gap:6px}.ch-kpi strong{font-size:30px}.ch-kpi small{font-size:12px;color:#607386;font-weight:400}.ch-panel{background:#fff;border:1px solid #d5e3eb;border-radius:14px;padding:24px;margin:0 0 24px;overflow:hidden}.ch-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.ch-panel-head p{font-size:13px}.ch-balances{display:flex;flex-wrap:wrap;gap:16px}.ch-balances>div{display:grid;gap:8px;background:#e8f0ff;border:1px solid #bed4f7;border-radius:10px;padding:18px;min-width:220px}.ch-balances strong{font-size:24px}.ch-balances small{color:#52677b}.ch-tabs{display:flex;gap:6px;border-bottom:1px solid #e0e8ed;padding-bottom:10px;overflow:auto;margin-bottom:10px}.client-home .ch-tabs button{background:#fff;border:1px solid transparent;color:#52677b;box-shadow:none;border-radius:8px;padding:10px 16px;white-space:nowrap}.client-home .ch-tabs button[aria-selected=true]{background:#dbe5f5;border-color:#9fbef6;color:#0647c2}.ch-table-wrap{overflow:auto}.ch-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.ch-table-wrap th{background:#f5f8fa;font-size:12px;font-weight:600;color:#536b7e;padding:13px}.ch-table-wrap td{padding:16px 13px;border-bottom:1px solid #edf1f4;vertical-align:top;max-width:300px;overflow-wrap:anywhere}.ch-table-wrap small{display:block;color:#62778a;margin-top:5px}.ch-badge{background:#eef4f7;border-radius:6px;padding:5px 8px;font-size:12px;display:inline-block}.client-home .ch-empty{padding:22px 0;color:#607386}.client-home .ch-alert{border:1px solid #edcc8d;background:#fff9ec;color:#795415;border-radius:9px;padding:14px}.client-home .ch-notice{border:1px solid #9fbef6;background:#f0faf6;border-radius:9px;padding:12px;color:#0647c2}.ch-sources summary{font-weight:600;cursor:pointer}.ch-sources ul{line-height:1.8;color:#52677b}.ch-sources p{font-size:12px}.client-home button:focus-visible,.ch-filters select:focus-visible,.ch-filters input:focus-visible{outline:3px solid #168dca;outline-offset:2px}@media(max-width:1050px){.client-home .ch-header{display:block}.client-home .ch-actions{margin-top:18px}.ch-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ch-panel{padding:16px}.ch-panel-head{display:block}.ch-panel-head button{margin-top:10px}.ch-kpis{gap:10px}.ch-filters label{min-width:100%;width:100%}.client-home h2{font-size:26px}.ch-balances>div{min-width:100%}}

.client-home .small-button{background:#fff;color:#254b62;border:1px solid #cbdbe5;box-shadow:none}.client-home .small-button:hover{background:#f0f7f9}.client-home .primary-button{color:#fff;background:#0647c2;border:1px solid #0647c2}.client-home .ch-filters .small-button{background:#fff;color:#254b62}

/* Persistent advertising inventory, shared by every application shell. */
[data-account-ads-host] { min-width:0; width:100%; }
.account-ad-section { box-sizing:border-box; margin:0 auto 20px; }
.account-ad-card { overflow-wrap:anywhere; align-content:start; }
.account-ad-card .small-button { text-decoration:none; text-align:center; display:flex; justify-content:center; align-items:center; }
.account-ad-card strong { line-height:1.25; }
.account-ad-card p { line-height:1.4; }
.ad-free-upgrade-button { box-sizing:border-box; padding:12px 18px; display:block; text-decoration:none; cursor:pointer; }
.account-ad-order-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;}
.account-ad-order-form label {display:grid;gap:7px;min-width:0;}
.account-ad-order-form input,.account-ad-order-form select,.account-ad-order-form textarea {width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:white;color:var(--ink);}
.account-ad-wide {grid-column:1/-1;}
.account-ad-campaign-list {display:grid;gap:12px;}
.account-ad-campaign-list article {display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:12px;}
.public-shop-shell>.account-ad-section,.public-b2b-shell>.account-ad-section {margin-bottom:20px;}
@media(max-width:1100px){.account-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.account-ad-section{padding:14px 14px 0;}.account-ad-grid,.account-ad-order-form{grid-template-columns:minmax(0,1fr);}.account-ad-card{min-height:150px;}.ad-free-upgrade-button{font-size:13px;line-height:1.5;}}

.rc-workspace{background:#fff;border:1px solid #d6e4ee;border-radius:18px;padding:24px;margin:20px 0;color:#16334b;min-width:0}.rc-heading,.rc-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rc-heading h2{margin:8px 0;font-size:28px}.rc-heading p,.rc-note{color:#5c7185;line-height:1.5}.rc-heading small{color:#0647c2;font-weight:700}.rc-toolbar{justify-content:flex-start;margin:18px 0}.rc-badge{background:#dbe5f5;border-radius:20px;padding:6px 12px;font-size:13px;color:#0647c2}.rc-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rc-channel{border:1px solid #d6e4ee;border-radius:12px;padding:20px;min-width:0}.rc-channel h3{margin:0 0 12px}.rc-channel p{min-height:48px;line-height:1.6}.rc-workspace label{display:block;line-height:1.5;margin:12px 0}.rc-workspace input:not([type=checkbox]),.rc-workspace textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #bacddc;border-radius:8px;padding:11px;margin-top:6px;color:#17364a;background:white;font:inherit}.rc-workspace input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px;accent-color:#0647c2}.rc-inbox{display:grid;grid-template-columns:minmax(200px,28%) minmax(0,1fr);border:1px solid #d6e4ee;border-radius:12px;overflow:hidden}.rc-orders{background:#f6f9fc;padding:12px;max-height:700px;overflow:auto}.rc-order{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;border:1px solid #dce5ee;border-radius:10px;margin-bottom:8px;padding:14px;background:#fff;color:inherit;font:inherit;overflow-wrap:anywhere}.rc-order.selected{border-color:#0647c2;background:#dbe5f5}.rc-order small,.rc-order span{color:#5c7185}.rc-thread{padding:20px;min-width:0}.rc-thread header h3{margin:0}.rc-feed{max-height:480px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:14px 0}.rc-message{align-self:flex-start;max-width:88%;border-radius:12px;padding:14px;background:#f1f5f9;overflow-wrap:anywhere}.rc-message.own{align-self:flex-end;background:#dbe5f5}.rc-message p{white-space:pre-wrap;margin:8px 0;line-height:1.6}.rc-message small{font-size:12px;color:#536b7d}.rc-empty{padding:22px;color:#64778a;line-height:1.6}.rc-error,.rc-notice{padding:14px;border-radius:8px;background:#fff1e7;color:#8c3914}.rc-notice{background:#dbe5f5;color:#0647c2}.rc-direct{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e0e8f1;padding-top:14px}.rc-direct small{width:100%;color:#5c7185}.rc-workspace button:disabled{opacity:.6;cursor:wait}.rc-workspace :focus-visible{outline:3px solid #0755ed;outline-offset:2px}.rc-note{font-size:13px;margin-top:18px}.rc-legacy{margin-top:20px}.rc-legacy summary{padding:12px;cursor:pointer}.rc-search{max-width:480px}
@media(max-width:800px){.rc-workspace{padding:16px}.rc-channel-grid,.rc-inbox{grid-template-columns:1fr}.rc-orders{max-height:240px}.rc-thread{padding:14px}.rc-message{max-width:95%}.rc-heading h2{font-size:24px}}

.rd-workspace{min-width:0}.rd-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;color:#60758a;font-size:14px}.rd-notice{padding:12px 16px;margin:10px 0;background:#dbe5f5;color:#0647c2;border-radius:8px}.rd-notice.error{background:#fff1e6;color:#933e15}.rd-settings-shade{position:fixed;inset:0;z-index:2000;background:rgba(17,35,50,.4);display:grid;place-items:center;padding:24px}.rd-settings-dialog{background:#fff;color:#17364a;width:min(1050px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:24px;box-sizing:border-box;box-shadow:0 24px 80px #11233240}.rd-settings-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.rd-settings-dialog h2{margin:0;font-size:24px}.rd-settings-dialog header p{color:#60758a}.rd-settings-dialog label{display:block;margin:12px 0;line-height:1.5}.rd-settings-dialog input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid #b6cddd;border-radius:8px;margin-top:6px}.rd-settings-dialog input[type=checkbox]{width:18px;height:18px;margin-right:6px;vertical-align:middle;accent-color:#0647c2}.rd-settings-dialog .rc-note{font-size:13px;color:#60758a}.rd-workspace [data-rd-send] .desk-compose-fields{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.rd-workspace [data-rd-recipient]{max-width:100%}.rd-workspace .desk-thread{min-width:0}.rd-settings-dialog :focus-visible{outline:3px solid #0755ed;outline-offset:2px}@media(max-width:700px){.rd-settings-shade{padding:10px}.rd-settings-dialog{max-height:96vh;padding:16px}.rd-settings-dialog>header{flex-wrap:wrap}.rd-settings-dialog .rc-channel-grid{grid-template-columns:1fr}.rd-workspace [data-rd-send] .desk-compose-fields{grid-template-columns:1fr}}

.hub-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;grid-column:1/-1}.hub-toolbar .small-button{font-size:12px;padding:8px 10px}.hub-shade{position:fixed;inset:0;background:#12243677;z-index:2100;display:grid;place-items:center;padding:20px}.hub-dialog{width:min(900px,100%);max-height:92vh;overflow:auto;border-radius:16px;background:#fff;color:#17364a;padding:24px;box-sizing:border-box;box-shadow:0 24px 80px #12243644}.hub-dialog header{display:flex;justify-content:space-between;align-items:start;gap:18px}.hub-dialog h2{margin:0}.hub-dialog p,.hub-steps{line-height:1.6}.hub-dialog label{display:grid;gap:6px;margin:12px 0}.hub-dialog input,.hub-dialog select,.hub-thread select{width:100%;box-sizing:border-box;border:1px solid #bccfdc;border-radius:8px;padding:10px;font:inherit;background:#fff;color:#17364a}.hub-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.hub-state{display:inline-block;background:#dbe5f5;padding:8px 14px;border-radius:20px}.hub-webhook{margin-top:20px;padding:16px;background:#f4f8fb;border-radius:10px;overflow-wrap:anywhere}.hub-notice,.hub-error{padding:12px;border-radius:8px;background:#e4f6f1;line-height:1.5}.hub-error{background:#fff0e7;color:#933e15}.hub-muted{color:#5c7185;font-size:13px}.hub-thread small{overflow-wrap:anywhere}.hub-thread .message-bubble.mine{align-self:flex-end;background:#dbe5f5}.hub-dialog :focus-visible{outline:3px solid #0755ed;outline-offset:2px}@media(max-width:650px){.hub-shade{padding:10px}.hub-dialog{padding:16px}.hub-dialog header{flex-wrap:wrap}.hub-fields{grid-template-columns:1fr}.hub-toolbar{width:100%}.hub-toolbar .small-button{font-size:11px}}

.linked-methods{display:flex;gap:8px;padding:5px;background:#f2f6fa;border-radius:12px;margin:20px 0}.linked-methods button{flex:1;background:transparent;color:#243b53;border:1px solid transparent;border-radius:9px;padding:12px;cursor:pointer;font-weight:700}.linked-methods button[aria-pressed=true]{background:white;border-color:#9fbef6;color:#0647c2;box-shadow:0 2px 6px #04275f10}.linked-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.linked-instructions ol{padding-left:22px;line-height:1.7}.linked-instructions li{margin-bottom:14px}.linked-pair-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px solid #dce6ed;border-radius:16px;background:#f8fafc}.linked-status{font-weight:700;margin:0;color:#0647c2}.linked-qr{width:100%;height:auto;max-width:300px;background:white;border-radius:10px}.linked-qr-placeholder{min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;background:#fff;border:1px dashed #bdd4de;border-radius:12px;color:#60768a}.linked-pair-panel form{width:100%;display:grid;gap:14px}.linked-pair-panel label{display:grid;gap:8px}.linked-pair-panel input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #b8cddc;border-radius:8px;padding:12px;background:white;color:#162638}.linked-code{font-family:monospace;font-weight:800;font-size:28px;letter-spacing:3px;color:#12384b;padding:12px;white-space:nowrap}.linked-connected{text-align:center;padding:20px}.linked-check{display:inline-grid;place-items:center;border-radius:50%;width:56px;height:56px;background:#dff7ed;color:#0647c2;font-size:30px}.hub-dialog{max-width:820px}.linked-pair-panel small{color:#617386}.linked-methods button:focus-visible,.linked-pair-panel button:focus-visible{outline:3px solid #0755ed;outline-offset:2px}@media(max-width:650px){.linked-layout{grid-template-columns:1fr}.linked-pair-panel{max-width:340px;width:100%;box-sizing:border-box;margin:auto}.linked-instructions ol{font-size:14px}.hub-dialog{padding:18px}}

.mc-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.mc-provider,.mc-connection,.mc-connect{border:1px solid #d8e4ec;border-radius:14px;padding:18px;background:#fff;min-width:0}.mc-provider h3{font-size:16px;margin:0 0 8px}.mc-provider p,.mc-connection p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.mc-provider .small-button{margin-top:8px}.mc-tabs,.mc-connection-actions{display:flex;gap:8px;flex-wrap:wrap}.mc-tabs{margin:14px 0}.mc-connections{display:grid;gap:12px}.mc-connection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.mc-connection small{display:block;margin-top:8px;color:#61758a}.mc-connection-actions{align-content:start}.mc-connection form{grid-column:1/-1}.mc-status{display:inline-block;padding:4px 10px;border-radius:20px;background:#edf3f8;font-size:13px}.mc-status[data-status=connected]{color:#166534;background:#dcfce7}.mc-status[data-status=error]{color:#943c19;background:#fff0e6}.mc-connect header{display:flex;justify-content:space-between;gap:12px;align-items:center}.mc-connect form,.mc-connection form,form[data-mc-new-email],form[data-mc-page]{display:grid;gap:14px;margin:16px 0}.mc-connect label,.mc-connection label,form[data-mc-new-email] label,form[data-mc-page] label{display:grid;gap:6px;font-size:14px;font-weight:600}.mc-connect input,.mc-connect select,.mc-connection textarea,form[data-mc-new-email] input,form[data-mc-new-email] select,form[data-mc-page] select{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cbd9e5;border-radius:8px;background:white;color:#17364a;font:inherit}.mc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc-attachment{margin:8px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mc-attachment button{white-space:normal;overflow-wrap:anywhere}.mc-file-label{display:grid;gap:6px;font-size:13px;color:#52687c}.mc-file-label input{max-width:100%}.hub-dialog:has(.mc-provider-grid){max-width:1040px}.mc-connect a,.mc-connection a{color:#0647c2;text-decoration:underline}.mc-provider button:disabled{opacity:.55}@media(max-width:760px){.mc-provider-grid{grid-template-columns:1fr 1fr}.mc-connection{grid-template-columns:1fr}.mc-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.mc-provider-grid{grid-template-columns:1fr}.mc-provider,.mc-connect,.mc-connection{padding:14px}.mc-connect header{align-items:flex-start;flex-direction:column}}
.app-shell .main-shell .communication-desk:has([data-mc-action]){grid-template-rows:auto minmax(0,1fr)}.communication-desk .desk-toolbar:has([data-mc-action]){flex-wrap:wrap}.communication-desk .desk-toolbar:has([data-mc-action]) .desk-search{min-width:160px;flex:1}

/* Company B2C seller dashboard: styles restricted to the audited page. */
.bs-dashboard{display:grid;gap:18px;min-width:0;margin-top:18px;color:var(--ink,#13243c)}
.bs-dashboard .bs-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bs-dashboard h2,.bs-dashboard h3{margin:0 0 8px}.bs-dashboard p{line-height:1.55;margin:8px 0}
.bs-dashboard .bs-filters,.bs-dashboard .bs-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.bs-dashboard label{display:grid;gap:6px;font-size:14px;min-width:230px}.bs-dashboard select{padding:10px;border:1px solid #cfdce7;border-radius:8px;background:#fff;color:#13243c}
.bs-dashboard .bs-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d5e3e8;padding-bottom:12px}
.bs-dashboard .bs-tabs button{border:1px solid #cbdde2;background:white;color:#184852;border-radius:8px;padding:12px 16px;font:inherit;cursor:pointer}
.bs-dashboard .bs-tabs button[aria-pressed=true]{background:#0647c2;color:#fff;border-color:#0647c2}
.bs-dashboard .bs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bs-dashboard .bs-kpi,.bs-dashboard .bs-panel{background:#fff;border:1px solid #d7e4eb;border-radius:12px;padding:20px;min-width:0}
.bs-dashboard .bs-kpi{display:grid;gap:8px;align-content:start}.bs-dashboard .bs-kpi strong{font-size:23px;overflow-wrap:anywhere}.bs-dashboard small{display:block;color:#536b82;line-height:1.5}
.bs-dashboard .bs-table-wrap{overflow-x:auto}.bs-dashboard table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.bs-dashboard th,.bs-dashboard td{padding:12px 10px;border-bottom:1px solid #e3ebef;vertical-align:top}.bs-dashboard th{color:#456275}
.bs-dashboard .bs-notice{padding:12px 16px;background:#fff5df;color:#614814;border:1px solid #efd4a0;border-radius:8px}.bs-dashboard li{margin:8px 0}
@media(max-width:1100px){.bs-dashboard .bs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.bs-dashboard .bs-kpis{grid-template-columns:1fr}.bs-dashboard label{min-width:0;width:100%}.bs-dashboard .bs-heading{align-items:flex-start}.bs-dashboard .bs-panel{padding:14px}.bs-dashboard .bs-tabs button{flex:1 1 140px}}

.b2c-products-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:16px 0}.b2c-products-filters label{display:grid;gap:6px;min-width:180px;flex:1}.b2c-products-filters input,.b2c-products-filters select{padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#17263d}.b2c-products-sync details{margin-top:16px}

.bi-workspace{grid-template-columns:minmax(0,1fr)}.bi-workspace .bi-options,.bi-workspace .bi-mapping{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:18px 0}.bi-workspace label{display:grid;gap:6px}.bi-workspace select,.bi-workspace textarea,.bi-workspace input{padding:10px;border:1px solid #cad6e4;border-radius:8px;background:#fff;color:#17263d}.bi-workspace .bi-text{margin:18px 0}.bi-workspace textarea{width:100%;font-family:monospace;resize:vertical}.bi-workspace .bi-table{overflow:auto;margin:18px 0}.bi-workspace table{width:100%;border-collapse:collapse}.bi-workspace th,.bi-workspace td{padding:12px;text-align:left;border-bottom:1px solid #dbe4ed;vertical-align:top}.bi-workspace td small{display:block}.bi-workspace td p{max-width:600px;overflow-wrap:anywhere}.bi-workspace .bi-error{padding:12px;background:#fff2f0;color:#942717;border:1px solid #f1c6bf;border-radius:8px}.bi-workspace .panel>h3{margin-bottom:12px}

.bc-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.bc-workspace .bc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}.bc-workspace label{display:grid;gap:6px}.bc-workspace input,.bc-workspace select{padding:10px;border:1px solid #ccd9e4;border-radius:8px;background:white;color:#17263d;max-width:100%;min-width:0}.bc-actions{display:flex;gap:10px;flex-wrap:wrap}.bc-kpis{display:flex;gap:30px;flex-wrap:wrap;margin:20px 0}.bc-kpis strong{display:block;font-size:26px}.bc-kpis span{display:block;color:#57718e}.bc-error{padding:14px;border:1px solid #edc7b8;border-radius:10px;background:#fff4ef;color:#833513}.bc-endpoint{overflow-wrap:anywhere}.bc-workspace details{margin-top:15px}.bc-workspace .panel>p{margin:12px 0}.bc-result{border-color:#0647c2}

.bc-automation{padding:18px;border:1px solid #bed4f7;border-radius:10px;margin:18px 0;display:grid;gap:12px}.bc-automation label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bc-automation input[type=checkbox]{width:18px;height:18px}.bc-sync{background:#e8f0ff;border-radius:10px;padding:14px;margin-top:14px}.bc-sync p{margin:8px 0}

.bm-panel p{line-height:1.6}.bm-tools{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0}.bm-tools label,.bm-actions label{display:grid;gap:7px}.bm-jobs{display:grid;gap:14px}.bm-job{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:20px;padding:18px;border:1px solid #bed4f7;border-radius:12px}.bm-job h4{overflow-wrap:anywhere}.bm-job img{float:left;margin:0 16px 12px 0;border-radius:8px;height:auto}.bm-actions{display:grid;align-content:start;gap:10px}.bm-actions select{max-width:100%}@media(max-width:800px){.bm-job{grid-template-columns:1fr}.bm-tools{align-items:stretch;flex-direction:column}}

.b2c-service-requests{margin:18px 0}.b2c-service-requests table{width:100%;border-collapse:collapse}.b2c-service-requests td,.b2c-service-requests th{text-align:left;padding:12px;border-bottom:1px solid #e1ebef}.b2c-service-request-list{overflow:auto}.b2c-service-requests .panel-actions{flex-wrap:wrap}

.b2c-orders{margin:18px 0}.b2c-order-card{border:1px solid #dce6eb;border-radius:12px;padding:18px;margin:16px 0;background:#fff}.b2c-order-card h4{font-size:18px;margin:0}.b2c-order-card .panel-actions{flex-wrap:wrap}.b2c-order-card form,.b2c-service-quote{display:grid;gap:8px;max-width:450px;width:100%}.b2c-order-card label{display:grid;gap:4px}.b2c-order-service{padding:12px;margin:12px 0;background:#e8f0ff;border-radius:8px}.b2c-order-card p,.b2c-order-card li{overflow-wrap:anywhere}

.b2c-stores-sync{display:grid;gap:18px}.b2c-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.b2c-store-card .panel-actions{flex-wrap:wrap}.b2c-store-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.b2c-store-fields label{display:grid;gap:6px}.b2c-store-fields input,.b2c-store-fields textarea,.b2c-store-fields select{width:100%;box-sizing:border-box;min-width:0}.b2c-store-wide{grid-column:1/-1}.b2c-store-editor fieldset{border:0;padding:0;min-width:0}.b2c-store-editor .panel-actions{margin-top:16px}.b2c-store-public{padding:20px;background:#f5faf9;border-radius:12px;margin:18px 0;overflow-wrap:anywhere}.b2c-store-logo{max-width:96px;max-height:96px;object-fit:contain}.b2c-store-cover{max-width:100%;max-height:220px;object-fit:cover}.b2c-store-public p{white-space:pre-wrap}.b2c-store-card{overflow-wrap:anywhere}

.b2c-methods-panel{display:grid;gap:18px}.b2c-methods-panel fieldset{border:0;padding:0;min-width:0}.b2c-methods-panel code{overflow-wrap:anywhere}.b2c-methods-panel input[type=checkbox]{width:auto}.b2c-methods-panel .panel-actions{flex-wrap:wrap;margin-top:12px}.b2c-payment-details{overflow-wrap:anywhere;white-space:pre-wrap}

.b2c-wallet-panel{display:grid;gap:16px}.b2c-wallet-tabs,.b2c-wallet-filters,.b2c-wallet-actions{display:flex;flex-wrap:wrap;gap:12px}.b2c-wallet-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.b2c-wallet-kpis strong,.b2c-wallet-kpis small{display:block}.b2c-wallet-table{overflow:auto}.b2c-wallet-table table{width:100%;border-collapse:collapse}.b2c-wallet-table th,.b2c-wallet-table td{padding:10px;border-bottom:1px solid #d7e4ef;text-align:left;overflow-wrap:anywhere}.b2c-wallet-refund{padding:14px;margin:12px 0;border:1px solid #d7e4ef;border-radius:12px}.b2c-wallet-refund form,[data-b2c-wallet-form]{display:grid;gap:10px;max-width:600px}.b2c-wallet-refund label,[data-b2c-wallet-form] label{display:grid;gap:4px}.b2c-wallet-refund input[type=checkbox],[data-b2c-wallet-form] input[type=checkbox]{width:auto}.b2c-wallet-order-wrap{margin:12px 0}.b2c-wallet-panel summary,.b2c-wallet-order-wrap summary{cursor:pointer;padding:8px 0}

.b2c-categories-panel{display:grid;gap:18px}.b2cc-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}.b2cc-form-grid label{display:grid;gap:5px}.b2cc-form-grid input,.b2cc-form-grid select,.b2cc-form-grid textarea{width:100%;padding:10px}.b2cc-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.b2cc-record{padding:16px;border:1px solid #d7e4ef;border-radius:12px;overflow-wrap:anywhere}.b2cc-record button{margin:4px}

.b2c-promotion-panel{display:grid;gap:18px}.bp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:14px 0}.bp-grid label{display:grid;gap:5px}.bp-grid input:not([type=checkbox]),.bp-grid select,.bp-grid textarea{width:100%;padding:10px}.bp-campaigns{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.bp-record{padding:16px;border:1px solid #d7e4ef;border-radius:12px;overflow-wrap:anywhere}.b2c-promotion-panel fieldset{border:0;padding:0;min-width:0}.b2c-promotion-panel .panel-actions{display:flex;flex-wrap:wrap;gap:8px}.bp-public{margin:18px 24px}.bp-record a{display:inline-block}


/* B2C company directory and public company profiles. */
.bf-page{display:grid;gap:20px;padding:8px 0}.bf-page .panel{min-width:0}.bf-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.bf-grid,.bf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.bf-grid label,.bf-actions label{display:grid;gap:7px}.bf-grid input,.bf-grid select,.bf-grid textarea,.bf-actions input,.bf-actions select{width:100%;padding:10px;border:1px solid #cad8e5;border-radius:8px;background:var(--surface,#fff);color:inherit}.bf-grid fieldset,.bf-page fieldset{border:0;padding:0;min-width:0}.bf-wide{grid-column:1/-1}.bf-card{border:1px solid #d6e2ec;border-radius:12px;padding:18px;background:var(--surface,#fff)}.bf-card h3,.bf-card h4{margin-top:0}.bf-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.bf-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.bf-info dt{font-weight:700}.bf-info dd{margin:5px 0;overflow-wrap:anywhere}.bf-error{color:#9e2626;background:#fff3ed;padding:12px;border-radius:8px}.bf-cover{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:10px;margin:12px 0}.bf-logo{width:80px;height:80px;object-fit:contain;margin:12px 0}.bf-page a{overflow-wrap:anywhere}.bf-page .small-button{display:inline-block;text-decoration:none}.bf-page .bf-actions+ p{margin-top:14px}@media(max-width:600px){.bf-grid,.bf-cards,.bf-info{grid-template-columns:1fr}.bf-actions>*{max-width:100%}}
.bf-page .panel{min-height:0;padding:22px}.bf-page .panel-head{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:16px}.bf-page button:not(.primary-button){padding:10px 15px;border:1px solid #bed4f7;border-radius:8px;background:#e8f0ff;color:#0647c2;font:inherit;font-weight:600;cursor:pointer}.bf-page button:disabled{opacity:.55;cursor:default}.bf-page .panel>h2,.bf-page .panel-head h2{margin-top:0}.bf-page .bf-profile{overflow-wrap:anywhere}

.bc-page{display:grid;gap:18px;padding:8px 0}.bc-page .panel{min-width:0;min-height:0;padding:22px}.bc-page .panel-head,.bc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.bc-page .panel-head{justify-content:space-between;align-items:start}.bc-actions label{display:grid;gap:6px}.bc-page button{font:inherit;cursor:pointer;padding:10px 14px;border:1px solid #bed4f7;border-radius:8px;background:#e8f0ff;color:#0647c2;font-weight:600}.bc-page button:disabled{opacity:.55;cursor:default}.bc-actions input,.bc-actions select{font:inherit;padding:10px;border:1px solid #cfdee9;border-radius:8px;background:#fff;max-width:100%}.bc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.bc-card{padding:16px;border:1px solid #d8e5ee;border-radius:12px;overflow-wrap:anywhere}.bc-card h4{margin-top:0}.bc-table-wrap{max-width:100%;overflow-x:auto}.bc-table{border-collapse:collapse;width:100%;text-align:left}.bc-table caption{text-align:left;font-weight:700;padding-bottom:16px}.bc-table th,.bc-table td{vertical-align:top;border:1px solid #dae5ed;padding:14px;min-width:200px;max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}.bc-table th{background:#e8f0ff}.bc-table .bc-actions{margin-top:10px}.bc-page a{display:inline-block;text-decoration:none}.bc-error{padding:12px;background:#fff2e9;color:#983d18;border-radius:8px}@media(max-width:600px){.bc-page .panel{padding:14px}.bc-actions>*{max-width:100%}.bc-table th,.bc-table td{min-width:170px}.bc-cards{grid-template-columns:1fr}}

.rq2-page{display:grid;gap:18px}.rq2-page .panel{padding:24px}.rq2-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.rq2-page button,.rq2-page .small-button{border:1px solid #9fbef6;border-radius:9px;background:#e8f0ff;color:#04275f;padding:10px 14px;cursor:pointer;font:inherit}.rq2-page button:disabled{opacity:.55;cursor:wait}.rq2-page .primary-button{background:#0647c2;color:#fff}.rq2-page button:focus-visible,.rq2-page input:focus-visible,.rq2-page select:focus-visible,.rq2-page textarea:focus-visible{outline:3px solid #007b9e;outline-offset:2px}.rq2-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.rq2-form label{display:grid;gap:7px;font-weight:600}.rq2-form input,.rq2-form select,.rq2-form textarea{min-width:0;width:100%;border:1px solid #adc8d3;border-radius:7px;padding:11px;background:white;color:#183346;font:inherit}.rq2-wide{grid-column:1/-1}.rq2-form .rq2-check{display:flex;align-items:flex-start}.rq2-check input{width:auto;margin-top:5px}.rq2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.rq2-card,.rq2-offer{padding:20px;border:1px solid #ccdfeb;border-radius:12px;background:#fff;margin:14px 0;overflow-wrap:anywhere}.rq2-summary{display:grid;grid-template-columns:1fr 1fr;max-width:650px;gap:10px}.rq2-summary dd{margin:0;font-weight:600}.rq2-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.rq2-message{padding:15px;margin:10px 0;background:#e8f0ff;border-left:3px solid #0647c2}.rq2-error{padding:14px;border:1px solid #d49445;background:#fff8e7;color:#7e4808;border-radius:8px}.rq2-hint{color:#4d6071;font-size:.9em}.rq2-kpis{display:flex;flex-wrap:wrap;gap:24px}.rq2-kpis strong{display:block;font-size:2em}.rq2-page h3{margin:12px 0}.rq2-page h4{margin:8px 0}.rq2-page p{line-height:1.6}@media(max-width:700px){.rq2-form{grid-template-columns:1fr}.rq2-page .panel{padding:16px}.rq2-summary{grid-template-columns:1fr}.rq2-cards{grid-template-columns:1fr}}

.orders-workspace .panel{min-width:0}.orders-summary,.orders-breakdown{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.orders-summary>span,.orders-breakdown>span{background:#e8f0ff;border:1px solid #bed4f7;border-radius:8px;padding:12px 16px}.orders-summary strong{font-size:1.2rem}.orders-filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr));gap:12px;align-items:end;margin:16px 0}.orders-filters label{display:flex;flex-direction:column;gap:6px}.orders-filters input,.orders-filters select{width:100%;min-height:40px}.orders-review{border:2px solid #0647c2;background:#e8f0ff;padding:18px;border-radius:10px;margin:16px 0}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:16px}.orders-error{padding:12px;background:#fff1ed;border:1px solid #eab9ac;border-radius:8px}.orders-preserve{white-space:pre-wrap}.b2c-order-card{margin:18px 0;padding:20px;border:1px solid #d7e2ee;border-radius:10px;overflow-wrap:anywhere}.b2c-order-card form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.b2c-order-card form label{display:flex;flex-direction:column;gap:6px}.b2c-order-card .panel-actions{flex-wrap:wrap}@media(max-width:800px){.orders-filters{grid-template-columns:1fr 1fr}.orders-filters label:first-child{grid-column:1/-1}.b2c-order-card{padding:14px}}@media(max-width:480px){.orders-filters{grid-template-columns:1fr}.orders-summary>span,.orders-breakdown>span{width:100%}}
.orders-workspace>.panel,.orders-workspace>details,.b2c-orders{grid-column:1/-1;min-width:0}.orders-filters{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.orders-filters label{min-width:0}.orders-filters input,.orders-filters select{max-width:100%;box-sizing:border-box}

.b2c-protection{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box}.b2c-protection h2{margin-top:0}.protection-case{border:1px solid #cddce5;border-radius:14px;padding:20px;margin:18px 0;background:#fff}.protection-case>header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:start}.protection-case h3{margin:0 0 8px}.protection-case details{margin:12px 0}.protection-case summary,.protection-new summary{cursor:pointer;font-weight:700}.protection-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:16px 0}.protection-actions form,.protection-new form{display:grid;gap:12px;align-content:start;padding:16px;background:#f6fafb;border-radius:10px}.b2c-protection label{display:grid;gap:6px;min-width:0}.b2c-protection input,.b2c-protection select,.b2c-protection textarea{width:100%;min-width:0;box-sizing:border-box}.b2c-protection textarea{min-height:85px}.b2c-protection fieldset{display:grid;gap:12px;border:1px solid #cddce5}.protection-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr)) auto;gap:12px;align-items:end;margin:20px 0}.protection-review{padding:20px;border:2px solid #0647c2;background:#e8f0ff;border-radius:12px;margin:18px 0}.protection-review button{margin:6px}.protection-warning{background:#fff6e7;border:1px solid #edc17b;padding:12px;border-radius:8px}.protection-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.protection-case li{overflow-wrap:anywhere;margin:8px 0}.protection-new{margin:18px 0}.b2c-protection .status-badge{white-space:normal}.b2c-protection .panel-actions{flex-wrap:wrap}@media(max-width:800px){.protection-filters{grid-template-columns:1fr 1fr}}@media(max-width:480px){.protection-filters{grid-template-columns:1fr}.protection-case{padding:12px}}
.b2c-protection input,.b2c-protection select,.b2c-protection textarea{min-height:40px;padding:8px 10px;border:1px solid #cbd8e1;border-radius:7px;font:inherit;background:#fff;color:#173144}

.b2c-automation{min-width:0}.b2c-automation fieldset{border:1px solid #9fbef6;border-radius:12px;padding:18px;margin:20px 0}.b2c-automation legend{font-weight:700}.b2c-automation .auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}.b2c-automation label:not(.auto-check):not(.auto-rule){display:flex;flex-direction:column;gap:6px}.b2c-automation input:not([type=checkbox]),.b2c-automation select{width:100%;box-sizing:border-box;min-height:40px;padding:8px;border:1px solid #becdd8;border-radius:7px}.b2c-automation .auto-check,.b2c-automation .auto-rule{display:flex;gap:12px;align-items:flex-start}.b2c-automation input[type=checkbox]{width:18px;height:18px;flex:none}.b2c-automation .auto-rule{border:1px solid #d8e4ee;padding:12px;border-radius:10px}.b2c-automation small{display:block;margin-top:6px}.b2c-automation .auto-task,.b2c-automation .auto-history article{border-top:1px solid #d8e4ee;padding:14px 0;overflow-wrap:anywhere}.b2c-automation .auto-summary{display:flex;flex-wrap:wrap;gap:18px;background:#dbe5f5;padding:16px;border-radius:10px;margin:16px 0}.b2c-automation .auto-plan,.b2c-automation .auto-review{border:1px solid #9fbef6;background:#e8f0ff;padding:18px;border-radius:12px;margin:16px 0}.b2c-automation .auto-warning{background:#fff5df;border:1px solid #ecc96c;padding:14px;border-radius:8px}.b2c-automation .panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.b2c-automation button:disabled{opacity:.55;cursor:not-allowed}.b2c-automation .auto-history{margin-top:22px}.b2c-automation summary{cursor:pointer;font-weight:700}@media(max-width:600px){.b2c-automation .auto-grid{grid-template-columns:1fr}.b2c-automation fieldset{padding:10px}.b2c-automation .panel-actions>*{max-width:100%;white-space:normal}}

.b2c-trust{display:block!important;min-width:0}.bt-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bt-links,.bt-filters,.bt-pagination{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0}.bt-links a{color:#0647c2;font-weight:700}.bt-filters label{display:grid;gap:6px;min-width:190px;flex:1}.bt-filters select{width:100%;padding:10px;border:1px solid #c9d8e6;border-radius:8px;background:white}.bt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.bt-metrics article{display:grid;gap:8px;padding:20px;border:1px solid #cce4e5;border-radius:12px;background:#f3f7fd}.bt-metrics strong{font-size:26px;line-height:1.3}.bt-metrics small,.bt-table-wrap small{display:block;color:#53657a}.bt-warning,.bt-review{padding:18px;border:1px solid #e9bd71;border-radius:10px;background:#fff9ed;margin:16px 0}.bt-review button{margin:8px 10px 0 0}.bt-method,.bt-history{padding:18px;border:1px solid #d8e1eb;border-radius:12px;margin:20px 0}.bt-method summary,.bt-history summary{cursor:pointer;font-weight:700}.bt-table-wrap{overflow-x:auto}.bt-table-wrap table{width:100%;border-collapse:collapse}.bt-table-wrap th,.bt-table-wrap td{padding:14px;text-align:left;border-bottom:1px solid #dce5ed;vertical-align:top}.bt-table-wrap td:nth-child(2){min-width:230px;max-width:550px;overflow-wrap:anywhere}.bt-table-wrap .small-button{margin:4px;white-space:normal}.bt-table-wrap th{background:#f1f8f8}.bt-pagination{justify-content:center}@media(max-width:760px){.bt-metrics{grid-template-columns:1fr}.bt-heading h2{font-size:24px}.bt-table-wrap table{min-width:690px}.bt-filters{align-items:stretch}.bt-filters label{min-width:100%}}

/* Canonical company / final customer Growth B2C */
.b2c-growth{display:block!important;color:#172b46;min-width:0;padding:24px!important}.bg-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.b2c-growth h2{margin:8px 0}.b2c-growth p{line-height:1.65}.bg-links,.bg-tabs,.bg-filters{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.bg-links a{color:#0647c2}.bg-filters label,.bg-config label{display:grid;gap:8px;font-weight:600}.bg-filters select,.bg-config select{min-width:190px;border:1px solid #c5d9e5;background:white;border-radius:9px;padding:10px;color:#17354c}.bg-tabs{border-bottom:1px solid #d7e4eb;padding-bottom:14px}.bg-tabs button{background:#f4f8fb;color:#28455a;border:1px solid #d7e4eb;border-radius:9px;padding:11px 16px;cursor:pointer}.bg-tabs button[aria-current]{background:#dbe5f5;color:#0647c2;border-color:#9fbef6}.bg-tabs button:disabled{cursor:default}.bg-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.bg-metrics article,.bg-modules article{border:1px solid #d5e4ec;background:#f8fbfc;padding:18px;border-radius:12px;min-width:0}.bg-metrics strong{display:block;font-size:28px;margin:12px 0}.bg-metrics small{display:block;color:#52677b;line-height:1.5}.b2c-growth section{margin-top:28px}.bg-table{overflow-x:auto}.bg-table table{border-collapse:collapse;width:100%;min-width:620px}.bg-table td,.bg-table th{text-align:left;border-bottom:1px solid #dbe6ee;padding:14px;vertical-align:top}.bg-table th{background:#f3f8fb;font-size:13px}.bg-table td{font-size:14px}.bg-table a{color:#0647c2}.bg-warning{background:#fff6e8;border:1px solid #e9c783;padding:14px;border-radius:9px}.bg-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px;border:1px solid #9fbef6;border-radius:12px;background:#f6fcfa;margin:20px 0}.bg-config label:first-child{display:flex;align-items:center;gap:10px}.bg-config input{width:19px;height:19px}.bg-config>div{grid-column:1/-1;display:flex;gap:10px}.bg-confirm{border:2px solid #0647c2;padding:18px;border-radius:12px}.bg-confirm button{margin-right:12px}.bg-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bg-modules article>span{color:#0647c2;font-size:13px;font-weight:700}.bg-method{margin-top:24px;padding:16px;border:1px solid #d5e4ec;border-radius:10px}.bg-method summary{cursor:pointer;font-weight:700}.b2c-growth .small-button{min-height:38px;white-space:normal}.b2c-growth button:disabled{opacity:.6}.b2c-growth button:focus-visible,.b2c-growth select:focus-visible,.b2c-growth a:focus-visible{outline:3px solid #0755ed;outline-offset:3px}@media(max-width:1100px){.bg-metrics,.bg-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-config{grid-template-columns:1fr}}@media(max-width:650px){.bg-metrics,.bg-modules{grid-template-columns:1fr}.bg-heading{align-items:flex-start;flex-direction:column}.b2c-growth{padding:16px!important}.bg-filters label,.bg-filters select{width:100%}}

.ga-workspace{display:block!important;padding:24px!important;min-width:0;color:#183149}.ga-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.ga-workspace p{line-height:1.65}.ga-tabs,.ga-filters{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.ga-workspace label{display:grid;gap:8px;font-weight:600}.ga-workspace input,.ga-workspace select{padding:10px;border:1px solid #c4d9e3;border-radius:8px;color:#183149;max-width:100%;background:white}.ga-workspace select{min-width:200px}.ga-workspace [data-ga-form]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px;margin:20px 0;background:#e8f0ff;border:1px solid #9fbef6;border-radius:12px}.ga-workspace [data-ga-form]>div{grid-column:1/-1;display:flex;gap:12px}.ga-table{overflow-x:auto;margin:20px 0}.ga-table table{width:100%;border-collapse:collapse;min-width:650px}.ga-table th,.ga-table td{text-align:left;padding:14px;border-bottom:1px solid #d6e3ea;vertical-align:top}.ga-table th{background:#f3f8fa}.ga-table small{display:block;line-height:1.6}.ga-table input{display:block;width:100%;margin-top:8px;min-width:240px}.ga-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.ga-metrics article{border:1px solid #d6e3ea;border-radius:12px;padding:20px;background:#f7fbfc}.ga-metrics strong{display:block;font-size:28px;margin-top:14px}.ga-warning{background:#fff7e8;border:1px solid #edd3a0;padding:14px;border-radius:10px}.ga-confirm{padding:20px;border:2px solid #0647c2;border-radius:12px}.ga-confirm button{margin-right:12px}.ga-method{margin-top:20px;padding:14px;border:1px solid #c8dce5;border-radius:10px}.ga-method summary{cursor:pointer}.ga-muted{color:#526b7a}.ga-workspace .small-button{min-height:38px;white-space:normal}.ga-workspace button:disabled{opacity:.6}.ga-workspace :focus-visible{outline:3px solid #0755ed;outline-offset:3px}[data-ga-recommendation-source]{min-width:0;display:contents}@media(max-width:1000px){.ga-workspace [data-ga-form]{grid-template-columns:1fr}.ga-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ga-heading{align-items:flex-start;flex-direction:column}.ga-metrics{grid-template-columns:1fr}.ga-workspace{padding:16px!important}.ga-filters label{width:100%}}

.loyalty-panel {grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;margin:20px 0;padding:24px;border:1px solid #9fbef6;border-radius:14px;background:#fff;}
.loyalty-panel h2,.loyalty-panel h3 {margin-top:0}.loyalty-panel p {line-height:1.55;}
.loyalty-fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:16px 0}.loyalty-fields label {display:flex;flex-direction:column;gap:8px}.loyalty-fields input,.loyalty-fields select {padding:10px;min-width:0;max-width:100%}.loyalty-panel button {margin:4px;white-space:normal}.loyalty-panel .ga-table {max-height:500px;overflow:auto}.loyalty-balance {font-size:1.35rem;font-weight:700;color:#0647c2;}.loyalty-confirm {padding:16px;background:#e8f0ff;border:1px solid #77a7f4;border-radius:8px;margin:14px 0;}.loyalty-muted {color:#556577}.loyalty-panel small {display:block}.loyalty-program {padding:16px;border:1px solid #dbe6ef;border-radius:10px;margin:12px 0;}

.affiliate-panel {grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;margin:20px 0;padding:24px;border:1px solid #9fbef6;border-radius:14px;background:white}.affiliate-panel h2,.affiliate-panel h3 {margin-top:0}.affiliate-panel p {line-height:1.5}.affiliate-panel button {margin:4px;white-space:normal}.affiliate-panel form {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.affiliate-panel label {display:flex;flex-direction:column;gap:7px}.affiliate-panel input,.affiliate-panel select,.affiliate-panel textarea {padding:9px;min-width:0;max-width:100%;box-sizing:border-box}.affiliate-panel [readonly] {width:100%}.affiliate-panel .af-table {max-height:420px;max-width:100%;overflow:auto}.affiliate-panel table {width:100%;text-align:left}.affiliate-panel td,.affiliate-panel th {padding:9px;border-bottom:1px solid #e6edf2}.affiliate-member {border:1px solid #dbe6ef;border-radius:10px;padding:16px;margin:16px 0}.affiliate-confirm {padding:16px;border:1px solid #77a7f4;border-radius:8px;background:#effbf5;margin:16px 0}.affiliate-panel small {display:block}.affiliate-metrics {display:flex;flex-wrap:wrap;gap:16px}.affiliate-metrics strong {display:block;font-size:1.2rem}.affiliate-warning {color:#9a4700}

.ugc-panel{padding:24px;background:#fff;border:1px solid #bed4f7;border-radius:16px;margin:18px 0;color:#15334a;overflow-wrap:anywhere}.ugc-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.ugc-panel form{padding:20px;border:1px solid #9fbef6;border-radius:12px;background:#e8f0ff;margin:16px 0}.ugc-panel label{display:block;margin:12px 0}.ugc-panel input:not([type=checkbox]),.ugc-panel textarea,.ugc-panel select{width:100%;max-width:850px;padding:10px;border:1px solid #abc8ce;border-radius:6px;font:inherit;display:block}.ugc-panel textarea{min-height:110px}.ugc-panel button{margin:5px}.ugc-panel button:disabled{opacity:.55}.ugc-review{border-top:1px solid #d6e5ea;padding:20px 0}.ugc-text{white-space:pre-wrap}.ugc-media{display:flex;flex-wrap:wrap;gap:16px}.ugc-media figure{margin:10px 0;max-width:320px}.ugc-panel img,.ugc-panel video{display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;border-radius:8px}.ugc-panel blockquote{border-left:3px solid #0647c2;padding:12px;background:#f1f8f8;margin:16px 0}.ugc-warning{padding:12px;background:#fff3d6;border:1px solid #ecc577;border-radius:8px}.ugc-upload{padding:12px;margin:8px 0;border-bottom:1px solid #9fbef6}.ugc-consent{max-width:850px;line-height:1.6}.ugc-panel [type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}.ugc-panel details{padding:12px 0}.ugc-panel h2{font-size:1.4rem}.ugc-panel h3{font-size:1.1rem}

.b2c-gov-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.b2c-gov-form{border:1px solid #9fbef6;padding:18px;border-radius:10px;margin:18px 0}.b2c-gov-form label{display:block;margin:12px 0}.b2c-gov-form textarea{display:block;box-sizing:border-box;width:100%;min-height:85px}.b2c-gov-table{overflow-x:auto}.b2c-gov-table td{vertical-align:top;padding:12px}.b2c-governance p{overflow-wrap:anywhere}.b2c-gov-table button{margin:3px}

.b2c-command-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.b2c-command-btn,.b2c-command-link{background:#0647c2;color:white;border:1px solid #0647c2;padding:10px 15px;border-radius:8px;font:inherit;text-decoration:none;cursor:pointer}.b2c-command-btn:disabled{opacity:.45;cursor:default}.b2c-command-form,.b2c-command-detail{border:1px solid #bed4f7;border-radius:12px;padding:20px;margin-top:20px}.b2c-command-form label{display:block;margin:12px 0}.b2c-command-form textarea,.b2c-command-form select{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid #c4d5df;border-radius:6px;font:inherit}.b2c-command-form textarea{min-height:80px}.b2c-command-metrics,.b2c-command-plans{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.b2c-command-metrics>div,.b2c-command-plans>article{border:1px solid #d6e4ed;border-radius:9px;padding:16px;flex:1;min-width:180px}.b2c-command-metrics strong,.b2c-command-metrics span{display:block}.b2c-command-metrics strong{font-size:24px;color:#0647c2}.b2c-command-table{overflow-x:auto}.b2c-command-table table{width:100%;border-collapse:collapse}.b2c-command-table td,.b2c-command-table th{padding:12px;text-align:left;border-bottom:1px solid #d6e4ed}.b2c-command-diff{background:#fff8e8;padding:15px;border-radius:8px}.b2c-command p,.b2c-command td{overflow-wrap:anywhere}

.b2c-studio-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.b2c-studio-btn{background:#0647c2;color:white;border:1px solid #0647c2;padding:10px 16px;border-radius:8px;font:inherit;cursor:pointer}.b2c-studio-btn:disabled{opacity:.45;cursor:default}.b2c-studio-form,.b2c-studio-detail{border:1px solid #bed4f7;border-radius:12px;padding:20px;margin-top:20px}.b2c-studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.b2c-studio-wide{grid-column:1/-1}.b2c-studio-form label{display:block;margin:12px 0}.b2c-studio-form input:not([type=checkbox]),.b2c-studio-form select,.b2c-studio-form textarea{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #c4d5df;border-radius:6px;font:inherit}.b2c-studio-form textarea{min-height:100px}.b2c-studio-list{display:flex;flex-wrap:wrap;gap:14px}.b2c-studio-list>article{border:1px solid #d6e4ed;border-radius:9px;padding:16px;flex:1;min-width:200px}.b2c-studio-table{overflow-x:auto}.b2c-studio-table table{width:100%;border-collapse:collapse;table-layout:fixed}.b2c-studio-table td,.b2c-studio-table th{padding:12px;text-align:left;border-bottom:1px solid #d6e4ed;white-space:pre-wrap;overflow-wrap:anywhere}.b2c-studio [role=alert]{background:#fff2db;padding:12px;border-radius:6px}.b2c-studio p{overflow-wrap:anywhere}

.b2c-ai-media-thumb{width:100%;height:150px;object-fit:contain;background:#f2f7f7;border-radius:8px}.b2c-ai-media-preview{display:block;max-width:100%;max-height:520px;margin:16px auto;border-radius:10px}.b2c-ai-media dd{margin:4px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.b2c-ai-media dt{font-weight:bold}.b2c-ai-media-public{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:8px}.marketplace-card-visual .b2c-ai-media-public{height:100%;position:absolute;inset:0}.marketplace-card-visual:has(.b2c-ai-media-public)>small{position:relative;background:white;padding:4px}.marketplace-product-visual:has(.b2c-ai-media-public){display:flex;flex-direction:column;gap:12px;height:auto;min-height:160px;padding:12px}.b2c-ai-media-disclosure{font-size:.88rem;color:#526778;background:#e8f0ff;border-radius:6px;padding:8px}.b2c-ai-media input[type=file]{max-width:100%}

[data-b2cgi-root] .pca-sources>article{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border:1px solid #dbe6eb;border-radius:12px;min-width:0}
[data-b2cgi-root] .pca-sources>article p{margin:0;overflow-wrap:anywhere}
[data-b2cgi-root] .pca-sources>article button{margin-top:auto}
[data-b2cgi-root] .pca-table td:first-child{width:13%;min-width:90px}
[data-b2cgi-root] .pca-table td:last-child{width:130px}
[data-b2cgi-root] .pca-table button{white-space:nowrap;overflow-wrap:normal;min-width:114px}
[data-b2cgi-detail]>label{display:grid;gap:8px;margin:16px 0}
[data-b2cgi-detail] textarea{width:100%;min-height:110px;resize:vertical}

.b2cp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.b2cp-metrics>div{border:1px solid #d7e3ed;border-radius:10px;padding:14px}.b2cp-metrics dt{font-size:13px;color:#4a5c74}.b2cp-metrics dd{font-size:18px;font-weight:700;margin:8px 0 0}.b2cp-preview{padding:18px;border:2px solid #0647c2;border-radius:12px}[data-b2cp-detail] label{display:block}[data-b2cp-detail] textarea{width:100%;min-height:80px}[data-b2cp-detail] small{display:block;max-width:300px}

.b2cf-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.b2cf-total{display:flex;flex-direction:column;gap:7px;align-items:flex-start;border:1px solid #cbd5e1;border-radius:12px;padding:15px;text-align:left}.b2cf-total strong{font-size:1.6rem}.b2cf-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}.b2cf-check{border:1px solid #d7e0e8;border-radius:12px;padding:18px;background:var(--panel-bg,#fff);overflow-wrap:anywhere}.b2cf-check h3{margin:8px 0 12px}.b2cf-badge{display:inline-block;padding:5px 9px;border-radius:8px;font-size:.88rem}.b2cf-verified{background:#e4f6ed;color:#125c3c}.b2cf-attention,.b2cf-unavailable{background:#fff0db;color:#774007}.b2cf-not_configured,.b2cf-not_tested,.b2cf-not_applicable{background:#eef2f7;color:#35455d}.b2cf-workspace select{max-width:100%}

/* These B2C workspaces stack their main sections. Legacy .panel/.panel-wide
   spans must not create implicit columns alongside headings or card grids.
   Nested KPI, catalog, and form grids retain their existing column layouts. */
.company-shell .marketplace-module-page > :is(
  .bs-dashboard, .bi-workspace, .bc-workspace, .b2c-stores-sync,
  .b2c-methods-panel, .b2c-wallet-panel, .b2c-categories-panel, .bc-page, .bf-page
) {
  grid-template-columns: minmax(0, 1fr);
}
.company-shell .marketplace-module-page > :is(
  .bs-dashboard, .bi-workspace, .bc-workspace, .b2c-stores-sync,
  .b2c-methods-panel, .b2c-wallet-panel, .b2c-categories-panel, .bc-page, .bf-page
) > * {
  grid-column: 1 / -1;
  min-width: 0;
}

/* B2C restored controls: contain wide tables and preview without changing the theme. */
.company-shell .marketplace-b2c-dedicated-layout > [data-marketplace-b2c-dedicated-pane],
.company-shell .b2c-company-listing-preview { grid-column:1/-1; min-width:0; width:100%; box-sizing:border-box; }
.company-shell .b2c-company-listing-preview { display:grid; gap:12px; scroll-margin-top:20px; }

/* Inventory presentation only. Keep the ERP renderers, actions and data intact. */
.company-shell .page.inventory-page .inventory-layout {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  gap: 24px;
}

.company-shell .page.inventory-page .inventory-layout > * {
  grid-column: 1 / -1;
  min-width: 0;
  max-width: 100%;
}

.company-shell .page.inventory-page .panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  margin-bottom: 20px;
}

.company-shell .page.inventory-page .panel-head > div:first-child {
  flex: 1 1 260px;
  min-width: 0;
}

.company-shell .page.inventory-page .panel-head h3 {
  margin: 6px 0 0;
  line-height: 1.35;
  overflow-wrap: normal;
  word-break: normal;
}

.company-shell .page.inventory-page .panel-actions,
.company-shell .page.inventory-page .inventory-export-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.company-shell .page.inventory-page .panel-actions {
  flex: 0 1 auto;
  justify-content: flex-start;
}

.company-shell .page.inventory-page :is(.small-button, .primary-button) {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  flex-shrink: 0;
}

.company-shell .page.inventory-page .dashboard-health-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 16px;
}

.company-shell .page.inventory-page .dashboard-health-item {
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-areas: "icon title" "icon text" ". status";
  gap: 7px 12px;
  padding: 16px;
  text-align: left;
}

.company-shell .page.inventory-page .dashboard-health-item small {
  font-weight: 400;
  line-height: 1.5;
}

.company-shell .page.inventory-page .dashboard-health-item em {
  justify-self: start;
}

/* Keep a readable table at narrow widths; scrolling stays inside the table. */
.company-shell .page.inventory-page .table {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.company-shell .page.inventory-page .inventory-table > :is(.table-head, .table-row) {
  min-width: 960px;
  display: grid;
  grid-template-columns: var(--cols) !important;
  gap: 0;
  padding: 0;
  margin: 0;
  align-items: start;
}

.company-shell .page.inventory-page .inventory-table > :is(.table-head, .table-row) > span {
  padding: 16px 12px;
  font-size: 14px;
  line-height: 1.5;
  word-break: normal;
  overflow-wrap: anywhere;
}

.company-shell .page.inventory-page .inventory-table > .table-head > span {
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.company-shell .page.inventory-page .inventory-table > .table-row > span {
  font-weight: 400;
}

.company-shell .page.inventory-page .inventory-table .table-row strong {
  display: block;
  font-weight: 600;
}

.company-shell .page.inventory-page .inventory-table .table-row small {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 4px;
}

.company-shell .page.inventory-page .inventory-table .table-row > span:has(> button) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.company-shell .page.inventory-page .inventory-table .table-row > span:nth-child(6) {
  white-space: nowrap;
}

.company-shell .page.inventory-page .inventory-table .table-row button {
  min-height: 34px;
  height: auto;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: none;
}

.company-shell .page.inventory-page .inventory-compact-table > :is(.table-head, .table-row) {
  min-width: 620px;
  grid-template-columns: var(--cols) !important;
  display: grid;
}

@media (max-width: 840px) {
  .app-shell.company-shell:has(.page.inventory-page) {
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell.company-shell:has(.page.inventory-page) > .sidebar {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .company-shell .page.inventory-page .panel {
    padding: 16px;
  }

  .company-shell .page.inventory-page .panel-head {
    flex-direction: column;
    align-items: stretch;
  }

  .company-shell .page.inventory-page .panel-head > div:first-child {
    flex-basis: auto;
  }

  .company-shell .page.inventory-page .inventory-export-actions {
    width: 100%;
  }
}


/* EDI / EDS: use the full action area without changing other modules. */
.company-edi-eds-switch-page > .company-edi-eds-actions-section {
  display: grid;
  gap: 18px;
  width: 100%;
  min-width: 0;
}

.company-edi-eds-actions-section > .company-notice {
  margin: 0;
}

.company-edi-eds-actions-section > .panel-tools,
.company-edi-eds-actions-section > .dashboard-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin: 0;
}

.company-edi-eds-actions-section > .panel-tools > button {
  width: 100%;
  min-height: 46px;
  padding: 12px 16px;
  line-height: 1.4;
}

.company-edi-eds-actions-section .dashboard-action-card {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px 14px;
  min-height: 160px;
  padding: 20px;
}

.company-edi-eds-actions-section .dashboard-action-card > span {
  width: 42px;
  height: 42px;
}

.company-edi-eds-actions-section .dashboard-action-card strong {
  font-size: 16px;
  line-height: 1.4;
}

.company-edi-eds-actions-section .dashboard-action-card small {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

@media (max-width: 1350px) {
  .company-edi-eds-actions-section > .panel-tools,
  .company-edi-eds-actions-section > .dashboard-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .company-edi-eds-actions-section > .panel-tools,
  .company-edi-eds-actions-section > .dashboard-action-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .company-edi-eds-actions-section .dashboard-action-card {
    min-height: 0;
    padding: 18px;
  }
}

/* Presentation audit 2026-09-22. No application behavior or data changes.
   Generic module pages are vertical workspaces. Legacy panel spans belong
   to the twelve-column dashboard, not to these outer page containers. */
.main-shell .generic-module-page,
.main-shell .support-requests-page {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
}
.main-shell .generic-module-page > *,
.main-shell .support-requests-page > * {
  grid-column: 1 / -1;
  min-width: 0;
}
.main-shell .generic-module-page > .module-hero { margin-bottom: 0; }
.main-shell .generic-module-page > p[role="status"] { margin: 0; line-height: 1.5; }

/* This section wraps a billing panel inside the twelve-column dashboard. */
.billing-center-grid > .company-billing-documents-section {
  grid-column: 1 / -1;
  min-width: 0;
}
.billing-center-grid { grid-auto-rows: auto; align-items: start; }
.company-billing-documents-section > .panel { min-height: 0; }

/* Action strips must reflow with their available width, not squeeze six
   buttons into a narrow panel. Keep their existing colors and actions. */
.main-shell .generic-module-page > .quick-strip {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  margin-top: 0;
  align-items: stretch;
}
.main-shell .generic-module-page > .quick-strip > button {
  min-width: 0;
  min-height: 44px;
  height: auto;
  padding: 10px 14px;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  line-height: 1.4;
}

/* Forms adapt to the panel width, including the narrower Admin side panels. */
.main-shell .admin-form:not(.marketplace-store-wizard):not(.inventory-side-form):not(.inventory-production-form),
.main-shell [data-platform-billing-plans] .sales-form-grid,
.main-shell [data-platform-billing-new-plan] .sales-form-grid,
.main-shell [data-platform-billing-limits] .sales-form-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  align-items: end;
}
.main-shell .admin-form > label { min-width: 0; }
.main-shell .admin-form > :is(button, .primary-button) { white-space: normal; overflow-wrap: normal; }
.main-shell [data-billing-plan] { min-height: 0; margin: 18px 0; }
.main-shell [data-billing-plan] label:has(> input[type="checkbox"]) {
  display: flex; align-items: flex-start; gap: 10px; line-height: 1.5;
}
.main-shell [data-billing-plan] input[type="checkbox"] { width: 18px; min-height: 18px; flex: 0 0 18px; }
.main-shell :is([data-platform-billing-plans], [data-platform-billing-limits]) label {
  display: grid; gap: 7px; min-width: 0;
}
.main-shell :is([data-platform-billing-plans], [data-platform-billing-limits]) input:not([type="checkbox"]) {
  width: 100%; min-width: 0; min-height: 40px; padding: 9px 12px;
  border: 1px solid var(--line); border-radius: 8px;
  background: var(--panel); color: var(--ink); font: inherit;
}
.main-shell [data-platform-billing-limits] button { margin-top: 16px; }

/* Text-based audit rows are not the old icon + label setup rows. */
.main-shell .setup-row:has(> button) {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px;
  gap: 8px 16px;
}
.main-shell .setup-row:has(> button) > :not(button) { grid-column: 1; width: auto; height: auto; }
.main-shell .setup-row:has(> button) > button { grid-column: 2; grid-row: 1 / span 3; min-width: max-content; }
.main-shell .panel-head { flex-wrap: wrap; }
.main-shell .panel-head > :is(button, .small-button, .primary-button) { flex-shrink: 0; }

.main-shell .marketing-center-context-grid,
.main-shell .communication-inbox-toolbar,
.main-shell .communication-pacing-toolbar,
.main-shell .communication-scheduler-toolbar,
.main-shell .communication-rate-limit-toolbar,
.main-shell .communication-quota-toolbar {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
}
.main-shell .communication-brand-channel-card {
  grid-template-columns: minmax(0, 1fr);
}
.main-shell .communication-brand-channel-card > * { min-width: 0; overflow-wrap: anywhere; }
.main-shell .provider-policy-notice { flex-wrap: wrap; }
.main-shell .provider-policy-notice > button { flex: 0 0 auto; }
.main-shell .provider-policy-notice > span { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
.main-shell .purchase-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.main-shell .paut-workspace { grid-template-columns: minmax(0, 1fr); }
.main-shell .paut-workspace > * { grid-column: 1 / -1; min-width: 0; }
.main-shell .pfc-heading > label { min-width: min(100%, 200px); }
.main-shell .communication-inbox-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.main-shell .communication-search-panel {
  grid-template-columns: minmax(0, 1fr);
}
.main-shell .communication-search-panel > * { min-width: 0; grid-column: 1 / -1; }
.main-shell .communication-workspace-shell,
.main-shell .communication-identity-layout {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}
.main-shell .communication-workspace-shell > *,
.main-shell .communication-identity-layout > * { grid-column: auto; min-width: 0; }
.main-shell .communication-workspace-selectors,
.main-shell .communication-search-filters,
.main-shell .identity-connection-distinction {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}
.main-shell #platform-ads-filters + .table > :is(.table-row, .table-head) { min-width: 1060px; }
.main-shell .table:has([data-digest-review]) > :is(.table-row, .table-head) { min-width: 1400px; }
.main-shell .sales-form { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.main-shell .sales-form > * { min-width: 0; }
.main-shell .commerce-admin-product-table,
.main-shell .communication-campaign-table { overflow-x: auto; min-width: 0; max-width: 100%; }
.main-shell .commerce-admin-product-row { min-width: 900px; }
.main-shell .sales-dashboard-filters {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}
.main-shell .submodule-chip { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }

/* Preserve the chat's existing columns and mobile views; allow only its
   new-message fields to wrap when the thread column becomes narrow. */
.main-shell .communication-desk .desk-compose-fields {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}

/* All portal names must remain readable inside the existing sidebar. */
.app-shell .sidebar .portal-switcher button {
  display: flex; flex-direction: column; justify-content: center;
  align-items: center; gap: 8px; padding: 12px 8px; min-height: 86px;
}
.app-shell .sidebar .portal-switcher button span {
  white-space: normal; overflow: visible; text-overflow: clip;
  overflow-wrap: normal; line-height: 1.35; width: 100%; text-align: center;
}

@media (max-width: 900px) {
  /* The legacy company shell kept a 286px sidebar even on a 390px screen. */
  .app-shell.company-shell {
    grid-template-columns: minmax(0, 1fr);
    background: var(--page);
  }
  .app-shell.company-shell > .sidebar {
    position: static; width: 100%; min-height: 0; height: auto; max-height: none;
    grid-template-rows: auto; padding: 14px;
  }
  .app-shell.company-shell > .sidebar .nav {
    max-height: 210px; overflow-y: auto;
  }
  .main-shell .module-hero {
    grid-template-columns: 44px minmax(0, 1fr); gap: 14px;
  }
  .main-shell .module-hero > span { width: 44px; height: 44px; }
  .main-shell .module-hero > :is(button, .panel-actions) { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 600px) {
  .main-shell .admin-form:not(.marketplace-store-wizard):not(.inventory-side-form):not(.inventory-production-form) {
    grid-template-columns: minmax(0, 1fr);
  }
  .main-shell .admin-form > label { grid-column: 1 / -1; }
  .main-shell .setup-row:has(> button) { grid-template-columns: minmax(0, 1fr); }
  .main-shell .setup-row:has(> button) > button { grid-column: 1; grid-row: auto; justify-self: start; }
  .main-shell .dashboard-page .dashboard-grid > .panel:not(.panel-wide):not(.dashboard-health-panel),
  .main-shell .dashboard-grid > .panel { grid-column: 1 / -1; }
  .main-shell .sales-form-grid,
  .main-shell .sales-form-grid.client,
  .main-shell .sales-form-grid.client.address,
  .main-shell .settings-form { grid-template-columns: minmax(0, 1fr); }
  .main-shell .sales-form-grid > *,
  .main-shell .settings-form > * { grid-column: 1 / -1; min-width: 0; }
  .main-shell .platform-production-page .form-grid.three { grid-template-columns: minmax(0, 1fr); }
  .main-shell .sales-cash-receipt-box { grid-template-columns: minmax(0, 1fr); }
  .main-shell .sales-cash-receipt-box > * { min-width: 0; grid-column: 1 / -1; }
}


/* Account setup is scoped; existing module and communication layouts stay intact. */
.account-setup-dialog {
  width: min(920px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid #d6e1eb;
  border-radius: 18px;
  background: #fff;
  color: #162337;
  box-shadow: 0 24px 80px #102c4540;
  overflow: auto;
}
.account-setup-dialog::backdrop { background: #152b4766; }
.account-setup-dialog *, .account-setup-banner * { box-sizing: border-box; }
.account-setup-dialog .setup-header { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding: 26px 30px 20px; }
.account-setup-dialog h1 { margin: 6px 0 0; font-size: 26px; line-height: 1.3; }
.account-setup-dialog h2 { margin: 0 0 12px; font-size: 23px; line-height: 1.4; }
.account-setup-dialog h3 { margin: 0 0 6px; font-size: 17px; line-height: 1.4; }
.account-setup-dialog p { margin: 0 0 18px; line-height: 1.6; }
.account-setup-dialog .setup-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; margin: 0; padding: 18px 30px; gap: 12px; background: #f3f8fa; }
.account-setup-dialog .setup-steps li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #60758b; }
.account-setup-dialog .setup-steps li > span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: #fff; }
.account-setup-dialog .setup-steps [aria-current="step"] { color: #0647c2; font-weight: 700; }
.account-setup-dialog .setup-steps [aria-current="step"] > span { background: #0647c2; color: #fff; }
.account-setup-dialog .setup-content { padding: 28px 30px; }
.account-setup-dialog .setup-context, .account-setup-dialog .setup-contact { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr)); gap: 18px; margin: 20px 0; padding: 18px; border-radius: 12px; background: #f5f8fb; }
.account-setup-dialog .setup-context span, .account-setup-dialog .setup-contact div { min-width: 0; overflow-wrap: anywhere; }
.account-setup-dialog .setup-context strong, .account-setup-dialog dt { display: block; color: #60758b; margin-bottom: 6px; font-size: 13px; font-weight: 500; }
.account-setup-dialog dd { margin: 0; }
.account-setup-dialog .setup-goals, .account-setup-dialog .setup-tasks { display: grid; gap: 14px; margin: 20px 0; }
.account-setup-dialog .setup-goal { display: flex; align-items: flex-start; gap: 14px; padding: 20px; border: 1px solid #d6e1eb; border-radius: 12px; cursor: pointer; }
.account-setup-dialog .setup-goal:has(:checked) { border-color: #0647c2; background: #e8f0ff; }
.account-setup-dialog .setup-goal input { width: 20px; height: 20px; flex: 0 0 20px; margin: 2px 0 0; accent-color: #0647c2; }
.account-setup-dialog .setup-goal strong, .account-setup-dialog .setup-goal small { display: block; line-height: 1.5; }
.account-setup-dialog small, .account-setup-dialog .setup-hint { color: #52697e; }
.account-setup-dialog .setup-goal small { margin-top: 5px; }
.account-setup-dialog .setup-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; border: 1px solid #d6e1eb; border-radius: 12px; min-width: 0; }
.account-setup-dialog .setup-card > div { min-width: 0; }
.account-setup-dialog .setup-card p { margin: 0 0 8px; }
.account-setup-dialog button { white-space: normal; word-break: normal; overflow-wrap: normal; flex-shrink: 0; min-height: 42px; line-height: 1.4; }
.account-setup-dialog button:disabled { cursor: wait; opacity: .55; }
.account-setup-dialog .setup-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 20px 30px 10px; border-top: 1px solid #e4ebf2; }
.account-setup-dialog .setup-save-status { font-size: 13px; color: #52697e; padding: 0 30px 18px; margin: 0; text-align: right; }
.account-setup-dialog .setup-error { padding: 14px; margin-bottom: 16px; border: 1px solid #e5b8a4; border-radius: 10px; background: #fff6ed; }
.account-setup-dialog .setup-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 18px; }
.account-setup-dialog .setup-field { display: flex; flex-direction: column; gap: 8px; margin: 0 0 16px; min-width: 0; }
.account-setup-dialog .setup-field input, .account-setup-dialog .setup-field select { width: 100%; min-width: 0; padding: 12px; border: 1px solid #cbd9e6; border-radius: 8px; background: #fff; }
.account-setup-dialog .setup-checks { list-style: none; margin: 20px 0; padding: 0; }
.account-setup-dialog .setup-checks li { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid #e4ebf2; }
.account-setup-dialog :focus-visible { outline: 3px solid #1877be; outline-offset: 3px; }
.account-setup-banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 30px; padding: 12px 16px; border: 1px solid #9fbef6; border-radius: 10px; background: #e8f0ff; }
.account-setup-banner[hidden] { display: none !important; }
@media(max-width:600px) {
  .account-setup-dialog .setup-header, .account-setup-dialog .setup-content { padding: 20px; }
  .account-setup-dialog .setup-steps { padding: 16px 20px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-setup-dialog .setup-card { flex-direction: column; align-items: stretch; }
  .account-setup-dialog .setup-footer { padding: 16px 20px 10px; }
  .account-setup-dialog .setup-footer > button { width: 100%; }
  .account-setup-dialog .setup-fields { grid-template-columns: minmax(0,1fr); }
  .account-setup-dialog .setup-save-status { padding: 0 20px 18px; text-align: left; }
  .account-setup-dialog .setup-checks li { flex-direction: column; gap: 6px; }
  .account-setup-banner { margin: 10px 16px; }
}


/* Marketplace directory: scoped card layout and searchable nomenclatures. */
.marketplace-store-grid:has(> .fb-store-card), .marketplace-store-stack:has(> .fb-store-card) { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important; gap:20px!important; align-items:stretch!important; }
.marketplace-store-card.fb-store-card { display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; gap:15px!important; padding:24px!important; border:1px solid #dce6f2; border-radius:16px; background:#fff; box-shadow:0 6px 22px #16354b06; }
.marketplace-store-card.fb-store-card .fb-store-card-head { display:grid!important; grid-template-columns:52px minmax(0,1fr)!important; align-items:start!important; gap:14px!important; min-width:0!important; }
.marketplace-store-card.fb-store-card .fb-store-card-head > div { min-width:0; }
.marketplace-store-card.fb-store-card .marketplace-avatar { width:52px!important; height:52px!important; min-width:52px!important; border-radius:14px; }
.marketplace-store-card.fb-store-card h4 { margin:0 0 5px!important; font-size:20px!important; line-height:1.35!important; word-break:normal!important; overflow-wrap:anywhere; }
.marketplace-store-card.fb-store-card small { display:block; font-size:13px!important; line-height:1.55!important; overflow-wrap:anywhere; }
.marketplace-store-card.fb-store-card .fb-store-description { margin:0!important; color:#60738d; line-height:1.65; font-size:14px; word-break:normal; }
.fb-store-location, .fb-store-rating { display:flex; align-items:center; gap:8px; color:#536780; font-size:14px; line-height:1.5; }
.fb-store-location svg, .fb-store-rating svg, .fb-store-statistics svg { width:18px; height:18px; flex-shrink:0; }
.fb-store-statistics { display:flex; gap:12px; flex-wrap:wrap; padding:12px 0; border-top:1px solid #edf2f7; border-bottom:1px solid #edf2f7; }
.fb-store-statistics > span { display:inline-flex; align-items:center; gap:6px; font-size:14px; }
.marketplace-store-card.fb-store-card .marketplace-card-badges { display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
.marketplace-store-card.fb-store-card .marketplace-store-actions { margin-top:auto!important; padding-top:5px; display:flex!important; flex-wrap:wrap!important; gap:8px!important; width:100%!important; }
.marketplace-store-card.fb-store-card .marketplace-store-actions button { min-height:42px; height:auto!important; width:auto!important; max-width:100%; flex:1 1 auto; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; line-height:1.4!important; padding:10px 14px!important; }
.marketplace-store-card.fb-store-card .marketplace-store-actions button:first-child { flex-basis:100%; }
.public-store-grid:not(.public-category-grid) { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important; gap:20px!important; }
.public-store-tile:not(.public-category-card) .public-store-heading { display:flex!important; flex-wrap:wrap; gap:12px; align-items:flex-start; }
.public-store-tile .public-store-heading > div { flex:1 1 190px; min-width:0; }
.public-store-tile .public-store-heading h3 { line-height:1.35; word-break:normal; overflow-wrap:anywhere; }
.public-store-tile .public-store-heading > span { max-width:100%; white-space:normal; }
.public-store-tile .public-store-body { min-width:0; }
.public-store-tile .public-rating-row { flex-wrap:wrap; gap:8px 12px; }
.fb-directory-field { position:relative; display:flex; flex-direction:column; gap:7px; width:100%; min-width:0; align-self:start; font-size:14px; }
.fb-directory-field > label { display:block!important; margin:0; color:#49637b; font-weight:500; line-height:1.45; }
.fb-directory-input { display:flex; align-items:stretch; min-width:0; width:100%; border:1px solid #ccdae9; border-radius:10px; background:#fff; }
.fb-directory-input:focus-within { outline:2px solid #0647c240; border-color:#0647c2; }
.fb-directory-field .fb-directory-input input { border:0!important; border-radius:10px 0 0 10px!important; box-shadow:none!important; outline:none!important; width:100%!important; min-width:0!important; height:46px!important; margin:0!important; font-size:14px!important; padding:11px 12px!important; background:transparent; }
.fb-directory-field .fb-directory-toggle { width:38px!important; min-width:38px!important; height:46px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; color:#27505f!important; box-shadow:none!important; font-size:20px!important; border-radius:0 10px 10px 0; }
.fb-directory-popup { position:absolute; z-index:110; top:100%; left:0; width:max(100%,300px); max-width:calc(100vw - 40px); margin-top:5px; background:#fff; border:1px solid #c9dbe5; border-radius:12px; box-shadow:0 12px 36px #12354f25; overflow:hidden; }
.fb-directory-popup[hidden] { display:none!important; }
.fb-directory-popup [role=listbox] { max-height:280px; overflow-y:auto; overscroll-behavior:contain; }
.fb-directory-popup [role=option] { padding:10px 14px; cursor:pointer; line-height:1.45; border-bottom:1px solid #f0f4f7; font-size:14px; color:#183148; overflow-wrap:anywhere; }
.fb-directory-popup [role=option] small { display:block; font-size:12px; color:#728295; margin-top:2px; }
.fb-directory-popup [role=option]:hover, .fb-directory-popup .fb-directory-active { background:#e8f0ff; }
.fb-directory-popup [aria-selected=true] { color:#0647c2; font-weight:600; }
.fb-directory-count { padding:10px 14px; background:#f5f9fb; color:#667c8d; font-size:12px; }
.fb-directory-field [data-fb-directory-more] { width:100%; margin:0; padding:10px; background:#e8f0ff; color:#0647c2; border:0; border-top:1px solid #dbe5f5; font-size:13px; box-shadow:none; border-radius:0; }
.fb-directory-field [data-fb-directory-more][hidden] { display:none!important; }
.fb-directory-native { position:absolute!important; width:1px!important; height:1px!important; opacity:0; pointer-events:none; overflow:hidden; clip-path:inset(50%); }
.catalog-search-panel .catalog-primary-filters { grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:start; }
.catalog-search-panel .catalog-primary-filters > .fb-directory-field:first-child { grid-column:span 2; }
.public-shop-sidebar:has(.fb-directory-field), .public-shop-filter-controls:has(.fb-directory-field) { overflow:visible!important; }
.public-shop-filter-controls:has(.fb-directory-field) { flex-wrap:wrap; align-items:end; }
.public-shop-filter-controls .fb-directory-field { flex:1 1 210px; }
.public-shop-shell .public-catalog-page .public-shop-filter-controls .fb-directory-field { display:none; }
.public-shop-sidebar .fb-directory-field { margin-bottom:14px; }
@media(max-width:1100px) { .catalog-search-panel .catalog-primary-filters { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:600px) { .catalog-search-panel .catalog-primary-filters { grid-template-columns:minmax(0,1fr)!important; } .catalog-search-panel .catalog-primary-filters > .fb-directory-field:first-child { grid-column:auto; } .marketplace-store-card.fb-store-card { padding:20px!important; } .fb-directory-popup { width:100%; max-width:100%; } }

/* Shared account address editor only; existing storefront/communication layouts unchanged. */
#freebill-address-dialog .setup-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:16px 0;}
#freebill-address-dialog label {display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:600;}
#freebill-address-dialog input,#freebill-address-dialog select {box-sizing:border-box;min-width:0;width:100%;padding:11px 12px;border:1px solid #d4dfec;border-radius:10px;background:#fff;color:inherit;font:inherit;font-weight:400;}
#freebill-address-dialog .setup-content>label {margin-bottom:16px;}
#freebill-address-dialog details {margin:16px 0;}
#freebill-address-dialog .panel {padding:18px;margin:12px 0;overflow-wrap:anywhere;}
#freebill-address-dialog .panel button {margin-right:8px;}
@media(max-width:600px){#freebill-address-dialog .setup-form-grid{grid-template-columns:minmax(0,1fr);}#freebill-address-dialog .setup-header{align-items:flex-start;}}

/* Fiscal dialog: long immutable identifiers remain readable on narrow screens. */
#electronic-dialog .panel strong { overflow-wrap: anywhere; }

/* ERP text expansion: preserve readable headings and full currency codes. */
.sales-page .sales-head {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}
.sales-page .sales-head > div { min-width: 0; }
.sales-page .sales-page-tabs { justify-content: flex-start; }
.sales-page .sales-dashboard-kpis {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}
.sales-page .sales-dashboard-kpis .kpi > div { min-width: 0; flex: 1; }
.sales-page .sales-dashboard-kpis .kpi strong {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Category registry: five dependent filters. */
.b2cc-registry-filters{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.b2cc-registry-filters>label{min-width:0}.b2cc-registry-filters .fb-directory-field{min-width:0}
@media(max-width:1150px){.b2cc-registry-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.b2cc-registry-filters{grid-template-columns:minmax(0,1fr)}}

/* Public B2C marketplace. Shared controls and non-home catalog pages remain available. */
.fb-market-blue.public-shop-shell {
  --market-ink: #0b204c;
  --market-muted: #425879;
  --market-blue: #0755ed;
  --market-deep: #04275f;
  --market-border: #dbe5f5;
  --market-surface: #f3f7fd;
  --market-gutter: clamp(16px, 2.1vw, 32px);
  --market-limit: 1500px;
  --market-department-width: clamp(165px, 17.5vw, 252px);
  color: var(--market-ink);
  background: #fbfdff;
  font-family: "Segoe UI", Arial, sans-serif;
}

.fb-market-blue .fb-market-header,
.fb-market-blue .fb-market-nav,
.fb-market-blue .fb-market-home,
.fb-market-blue .fb-market-account-links {
  width: 100%;
  max-width: var(--market-limit);
  padding-inline: var(--market-gutter);
  margin-inline: auto;
}

.fb-market-blue .fb-market-header {
  display: grid;
  grid-template-columns: minmax(max-content, 1fr) minmax(225px, 2.4fr) minmax(max-content, 1fr);
  gap: clamp(16px, 4.4vw, 60px);
  align-items: center;
  min-height: clamp(62px, 6.7vw, 89px);
  background: #fbfdff;
}

.fb-market-blue .fb-market-brand,
.fb-market-blue .fb-market-verified,
.fb-market-blue .fb-market-nav :is(a, button),
.fb-market-blue .fb-market-categories button,
.fb-market-blue .fb-market-feature-head button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin: 0;
  color: var(--market-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
  font: inherit;
  text-decoration: none;
  text-align: start;
  cursor: pointer;
}

.fb-market-blue .fb-market-brand {
  justify-self: start;
  gap: 10px;
  padding: 0;
}

.fb-market-blue .fb-market-brand > span:first-child {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--market-blue);
}

.fb-market-blue .fb-market-brand svg {
  width: clamp(32px, 4.1vw, 52px);
  height: clamp(32px, 4.1vw, 52px);
  stroke-width: 2.25;
}

.fb-market-blue .fb-market-brand strong {
  display: block;
  font-size: clamp(23px, 3.02vw, 40px);
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.055em;
  white-space: nowrap;
}

.fb-market-blue .fb-market-brand b { color: var(--market-blue); }

.fb-market-blue .fb-market-brand small {
  display: block;
  margin-top: 3px;
  color: var(--market-ink);
  font-size: clamp(9px, 1vw, 13px);
  line-height: 1.15;
}

.fb-market-blue .fb-market-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: stretch;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #c9d8ed;
  border-radius: 9px;
  background: linear-gradient(105deg, #edf3fb, #fff);
}

.fb-market-blue .fb-market-search > span {
  display: grid;
  place-items: center;
  width: clamp(36px, 4.1vw, 54px);
  color: #152e5f;
}

.fb-market-blue .fb-market-search svg { width: 16px; height: 16px; }

.fb-market-blue .fb-market-search input[type="search"] {
  width: 100%;
  min-width: 0;
  min-height: clamp(33px, 3.55vw, 49px);
  margin: 0;
  padding: 0 8px 0 0;
  color: var(--market-ink);
  border: 0;
  box-shadow: none;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: clamp(11px, 1.1vw, 14px);
}

.fb-market-blue .fb-market-search:focus-within { outline: 2px solid var(--market-blue); outline-offset: 2px; }
.fb-market-blue .fb-market-search input::placeholder { color: #405171; opacity: 1; }

.fb-market-blue .fb-market-search button,
.fb-market-blue .fb-market-category-toggle {
  padding: 0 clamp(12px, 1.65vw, 23px);
  color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #065de4;
  font: inherit;
  font-size: clamp(11px, 1.1vw, 14px);
  font-weight: 700;
}

.fb-market-blue .fb-market-search button:hover,
.fb-market-blue .fb-market-hero-copy a:hover { background: #0044c9; }

.fb-market-blue .fb-market-verified {
  justify-self: end;
  padding: 7px clamp(10px, 1.15vw, 17px);
  background: #f1f5fb;
  border: 1px solid #e1e9f7;
  border-radius: 9px;
}

.fb-market-blue .fb-market-verified > span:first-child {
  display: grid;
  place-items: center;
  width: 27px;
  height: 29px;
  color: #14844a;
}

.fb-market-blue .fb-market-verified svg { width: 23px; height: 23px; stroke-width: 2.4; }
.fb-market-blue .fb-market-verified :is(strong, small) { display: block; white-space: nowrap; }
.fb-market-blue .fb-market-verified strong { font-size: clamp(10px, 1.05vw, 14px); }
.fb-market-blue .fb-market-verified small { margin-top: 2px; color: var(--market-muted); font-size: clamp(9px, .89vw, 12px); }

.fb-market-blue .fb-market-nav {
  display: grid;
  grid-template-columns: var(--market-department-width) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(10px, 1.2vw, 18px);
  min-height: clamp(37px, 3.75vw, 53px);
  background: #f0f5fd;
  border-block: 1px solid #e2eaf7;
}

.fb-market-blue .fb-market-nav .fb-market-category-toggle {
  justify-content: flex-start;
  padding-inline: clamp(10px, 1.55vw, 22px);
  color: #fff;
  border-radius: 6px;
  background: #064bd2;
  font-size: clamp(11px, 1.06vw, 14px);
  font-weight: 700;
  white-space: nowrap;
}

.fb-market-blue .fb-market-category-toggle::after { content: "⌄"; font-size: .85em; }
.fb-market-blue .fb-market-nav-links {
  display: flex;
  gap: clamp(8px, 2.1vw, 33px);
  align-items: stretch;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.fb-market-blue .fb-market-nav-links > :is(a, button) {
  flex: 0 0 auto;
  justify-content: center;
  min-height: 100%;
  padding: 1px 3px 0;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  font-size: clamp(11px, 1.05vw, 14px);
  font-weight: 650;
  white-space: nowrap;
}

.fb-market-blue .fb-market-nav-links > :is(a, button):is(:hover, [aria-current="page"]) {
  color: #064bd2;
  border-bottom-color: var(--market-blue);
}

.fb-market-blue .fb-market-nav svg,
.fb-market-blue .fb-market-categories svg { width: 16px; height: 16px; flex: 0 0 16px; }
.fb-market-blue .fb-market-home { padding-block: 8px 16px; }
.fb-market-blue .fb-market-hero-layout {
  display: grid;
  grid-template-columns: var(--market-department-width) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(9px, 1vw, 15px);
}

.fb-market-blue .fb-market-categories {
  display: flex;
  min-width: 0;
  padding: 4px 0;
  border: 1px solid #e5edf9;
  border-radius: 8px;
  background: #fff;
}

.fb-market-blue .fb-market-categories ul {
  display: grid;
  grid-auto-rows: 1fr;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fb-market-blue .fb-market-categories form { margin: 0; }
.fb-market-blue .fb-market-categories button {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  gap: clamp(5px, .8vw, 11px);
  width: 100%;
  min-height: clamp(22px, 2.45vw, 35px);
  padding: 2px clamp(7px, 1.12vw, 16px);
  border-radius: 0;
  font-size: clamp(10px, 1.02vw, 14px);
  font-weight: 600;
  line-height: 1.2;
}

.fb-market-blue .fb-market-categories button:is(:hover, [aria-current="true"]) {
  color: #0045c7;
  background: #ebf3ff;
}

.fb-market-blue .fb-market-categories button > span:last-child {
  color: #576d94;
  font-size: 16px;
  line-height: 1;
}

.fb-market-blue .fb-market-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(104px, 18%);
  align-items: center;
  min-height: clamp(210px, 23vw, 345px);
  overflow: hidden;
  border: 1px solid #124b9f;
  border-radius: 9px;
  color: #fff;
  background:
    radial-gradient(ellipse at 81% 86%, #1977f4 0%, transparent 45%),
    linear-gradient(130deg, #031334 0%, #062354 47%, #0649aa 100%);
}

.fb-market-blue .fb-market-hero::before,
.fb-market-blue .fb-market-hero::after {
  position: absolute;
  z-index: -1;
  inset: auto -19% -81% 31%;
  height: 129%;
  border-radius: 48%;
  transform: rotate(-14deg);
  background: linear-gradient(100deg, transparent, #0b66de 45%, #57b1ff);
  content: "";
}

.fb-market-blue .fb-market-hero::after {
  inset: -25% auto auto 57%;
  width: 6%;
  height: 136%;
  border-radius: 0;
  transform: skewX(-38deg);
  background: linear-gradient(180deg, #0874fc, transparent 80%);
}

.fb-market-blue .fb-market-hero-copy {
  position: relative;
  z-index: 2;
  align-self: center;
  width: min(100%, 480px);
  padding: clamp(16px, 2.35vw, 38px) 0 clamp(16px, 2.35vw, 38px) clamp(18px, 4vw, 58px);
}

.fb-market-blue .fb-market-hero-copy h1 {
  max-width: 14.5em;
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 2.75vw, 43px);
  font-weight: 750;
  letter-spacing: -.037em;
  line-height: 1.06;
  text-wrap: balance;
}

.fb-market-blue .fb-market-hero-copy h1 span { color: #42c3f6; white-space: nowrap; }
.fb-market-blue .fb-market-hero-copy p {
  max-width: 24em;
  margin: 8px 0 12px;
  color: #eff7ff;
  font-size: clamp(12px, 1.29vw, 18px);
  line-height: 1.25;
}

.fb-market-blue .fb-market-hero-copy a,
.fb-market-blue .fb-market-promo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 15px;
  border-radius: 999px;
  color: #fff;
  background: var(--market-blue);
  text-decoration: none;
  font-size: clamp(11px, 1.1vw, 15px);
  font-weight: 700;
  line-height: 1.15;
}

.fb-market-blue .fb-market-hero-copy a svg,
.fb-market-blue .fb-market-promo a svg,
.fb-market-blue .fb-market-feature-head button svg { width: 14px; height: 14px; flex: 0 0 14px; }

.fb-market-blue .fb-market-hero-art {
  position: absolute;
  z-index: 1;
  inset: 9% 18% 3% 43%;
  display: grid;
  align-content: center;
  justify-items: center;
  min-width: 0;
  pointer-events: none;
}

.fb-market-blue .fb-market-hero-benefits {
  position: relative;
  z-index: 2;
  display: grid;
  gap: clamp(7px, 1.05vw, 15px);
  align-content: center;
  margin: 0;
  padding: 10px clamp(7px, 1.25vw, 18px) 10px 4px;
  list-style: none;
}

.fb-market-blue .fb-market-hero-benefits li {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #fff;
  font-size: clamp(10px, 1.04vw, 14px);
  font-weight: 650;
  line-height: 1.2;
}

.fb-market-blue .fb-market-hero-benefits svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  padding: 2px;
  color: #034a9f;
  border-radius: 50%;
  background: #b3e0ff;
}

.fb-market-blue .fb-market-assurances {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: 0;
  min-height: clamp(45px, 4.95vw, 70px);
  margin-top: clamp(8px, 1vw, 16px);
  padding: 6px clamp(4px, 1.25vw, 18px);
  border-radius: 8px;
  background: #eaf1fc;
}

.fb-market-blue .fb-market-assurances > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1vw, 14px);
  min-height: 28px;
  min-width: 0;
  padding-inline: 8px;
}

.fb-market-blue .fb-market-assurances > div + div { border-left: 1px solid #c5d6ee; }
.fb-market-blue .fb-market-assurances > div > svg {
  width: clamp(18px, 2.35vw, 34px);
  height: clamp(18px, 2.35vw, 34px);
  flex: 0 0 auto;
  color: #0652ca;
  stroke-width: 2.35;
}

.fb-market-blue .fb-market-assurances :is(strong, small) { display: block; line-height: 1.16; }
.fb-market-blue .fb-market-assurances strong { font-size: clamp(10px, 1.12vw, 15px); font-weight: 750; }
.fb-market-blue .fb-market-assurances small { margin-top: 3px; color: var(--market-muted); font-size: clamp(9px, .88vw, 12px); }

.fb-market-blue .fb-market-feature-grid {
  display: grid;
  grid-template-columns: minmax(155px, 23.6%) minmax(0, 1fr);
  align-items: start;
  gap: clamp(11px, 1.4vw, 20px);
  margin-top: clamp(10px, 1.35vw, 19px);
}

.fb-market-blue .fb-market-promo-rail {
  display: grid;
  gap: clamp(8px, 1.05vw, 16px);
  min-width: 0;
}

.fb-market-blue .fb-market-promo {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(98px, 11vw, 155px);
  padding: clamp(10px, 1.45vw, 20px);
  overflow: hidden;
  border: 1px solid #daeafa;
  border-radius: 8px;
  background: linear-gradient(110deg, #e7f2ff, #a6def7);
}

.fb-market-blue .fb-market-promo > div { z-index: 1; width: min(100%, 24ch); }
.fb-market-blue .fb-market-promo h2 {
  margin: 0 0 3px;
  color: inherit;
  font-size: clamp(15px, 1.62vw, 23px);
  letter-spacing: -.026em;
  line-height: 1.06;
}

.fb-market-blue .fb-market-promo p { margin: 0 0 8px; font-size: clamp(10px, 1.04vw, 14px); line-height: 1.26; }
.fb-market-blue .fb-market-promo a { min-height: 26px; padding: 4px 10px; background: #063574; font-size: clamp(9px, .93vw, 12px); }
.fb-market-blue .fb-market-promo > span {
  position: absolute;
  z-index: 0;
  right: 4%;
  bottom: 8%;
  transform: rotate(-15deg);
  color: #0753d7;
  opacity: .75;
}

.fb-market-blue .fb-market-promo > span svg { width: clamp(40px, 7.2vw, 106px); height: clamp(40px, 7.2vw, 106px); }
.fb-market-blue .fb-market-promo-dark {
  min-height: clamp(88px, 9.7vw, 134px);
  color: #fff;
  border-color: #123c79;
  background: linear-gradient(125deg, #061934, #062b64);
}

.fb-market-blue .fb-market-promo-dark > span { color: #b2d5ff; opacity: .4; }
.fb-market-blue .fb-market-promo-dark a { color: #062554; background: #fff; }
.fb-market-blue .fb-market-promo a:hover { text-decoration: underline; }
.fb-market-blue .fb-market-feature { min-width: 0; scroll-margin-top: 12px; }
.fb-market-blue .fb-market-feature-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 26px;
  margin-bottom: 5px;
}

.fb-market-blue .fb-market-feature-head h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--market-ink);
  font-size: clamp(15px, 1.66vw, 24px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.fb-market-blue .fb-market-feature-head h2 svg { flex: 0 0 17px; width: 17px; height: 17px; color: #e55712; }
.fb-market-blue .fb-market-feature-head button { padding: 4px 0; color: #064ac9; font-size: clamp(10px, 1vw, 14px); font-weight: 700; }
.fb-market-blue .fb-market-feature-head button:hover { text-decoration: underline; }
.fb-market-blue .fb-market-feature .public-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(8px, .95vw, 14px);
  align-items: stretch;
}

.fb-market-blue .fb-market-feature .fb-market-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  color: var(--market-ink);
  border: 1px solid var(--market-border);
  border-radius: 7px;
  background: #fff;
  box-shadow: none;
}

.fb-market-blue .fb-market-card .public-product-media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 0;
  height: clamp(82px, 9.55vw, 145px);
  padding: 5px;
  color: #3672b2;
  border: 0;
  border-radius: 0;
  background: linear-gradient(#f7faff, #fff);
  box-shadow: none;
}

.fb-market-blue .fb-market-card .public-product-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}

.fb-market-blue .fb-market-card .public-product-media > b {
  position: absolute;
  top: 4px;
  right: 5px;
  padding: 3px 5px;
  border-radius: 999px;
  color: #fff;
  background: #176c44;
  font-size: 9px;
}

.fb-market-blue .fb-market-card .public-product-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 6px clamp(7px, .9vw, 12px) 7px;
}

.fb-market-blue .fb-market-card .public-product-body h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  color: var(--market-ink);
  font: inherit;
  font-size: clamp(11px, 1.16vw, 16px);
  font-weight: 750;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.fb-market-blue .fb-market-card .public-product-body p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: 0;
  color: var(--market-muted);
  font: inherit;
  font-size: clamp(10px, 1vw, 13px);
  line-height: 1.2;
}

.fb-market-blue .fb-market-card .public-rating-row { color: var(--market-muted); font-size: 10px; line-height: 1.2; }
.fb-market-blue .fb-market-card .public-rating-row svg { width: 13px; height: 13px; color: #ac6000; }
.fb-market-blue .fb-market-card .public-product-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: auto;
}

.fb-market-blue .fb-market-card .public-product-footer > div { min-width: 0; }
.fb-market-blue .fb-market-card .public-product-footer strong {
  color: var(--market-blue);
  font-size: clamp(14px, 1.58vw, 23px);
  font-weight: 850;
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
}

.fb-market-blue .fb-market-card .public-product-footer em { margin-inline-start: 5px; color: var(--market-muted); font-size: 10px; font-style: normal; }
.fb-market-blue .fb-market-card .public-product-footer .primary-button {
  display: grid;
  place-items: center;
  width: clamp(27px, 3vw, 39px);
  min-height: clamp(27px, 3vw, 39px);
  padding: 0;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: var(--market-blue);
  box-shadow: none;
}

.fb-market-blue .fb-market-card .public-product-footer svg { width: 15px; height: 15px; }
.fb-market-blue .fb-market-account-links { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 6px 14px; }
.fb-market-blue :is(.fb-market-offers, .fb-market-suppliers) { margin-top: clamp(15px, 2vw, 28px); }
.fb-market-blue .fb-market-card-more {
  min-width: 0;
  padding-top: 3px;
  color: var(--market-muted);
  font-size: 11px;
}

.fb-market-blue .fb-market-card-more summary {
  color: #064ac9;
  cursor: pointer;
}

.fb-market-blue .fb-market-card-more :is(.small-button, .public-store-link) {
  width: 100%;
  min-height: 30px;
  margin-top: 4px;
  padding: 4px 6px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.fb-market-blue .fb-market-suppliers .public-store-grid { gap: 12px !important; }
.fb-market-blue :is(.fb-market-result, .fb-market-empty, .fb-market-more-filters) {
  margin: 8px 0;
  padding: 9px 12px;
  color: var(--market-muted);
  border: 1px solid var(--market-border);
  border-radius: 7px;
  background: #f8fbff;
  font-size: 13px;
}

.fb-market-blue .fb-market-result button { margin-inline-start: 7px; color: #064ac9; background: transparent; border: 0; box-shadow: none; font-weight: 700; }
.fb-market-blue .fb-market-more-filters summary { color: var(--market-ink); font-weight: 700; cursor: pointer; }
.fb-market-blue .fb-market-more-filters .public-shop-sidebar { max-width: 560px; margin-top: 8px; }
.fb-market-blue :is(.fb-market-header, .fb-market-nav, .fb-market-home) :is(a, button, summary):focus-visible {
  outline: 2px solid #0870fb;
  outline-offset: 2px;
}

@media (max-width: 850px) {
  .fb-market-blue .fb-market-header { gap: 13px; }
  .fb-market-blue .fb-market-hero { grid-template-columns: minmax(0, 1fr) minmax(94px, 20%); }
  .fb-market-blue .fb-market-hero-copy h1 { max-width: 11.5em; }
  .fb-market-blue .fb-market-hero-art { inset-inline: 47% 19%; }
  .fb-market-blue .fb-market-assurances > div { padding-inline: 5px; }
}

@media (max-width: 680px) {
  .fb-market-blue.public-shop-shell { --market-gutter: 12px; }
  .fb-market-blue .fb-market-header { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding-block: 10px; }
  .fb-market-blue .fb-market-search { grid-column: 1 / -1; grid-row: 2; }
  .fb-market-blue .fb-market-search input[type="search"] { min-height: 40px; }
  .fb-market-blue .fb-market-verified { padding: 4px 7px; }
  .fb-market-blue .fb-market-verified > span:first-child { width: 20px; height: 22px; }
  .fb-market-blue .fb-market-verified svg { width: 18px; height: 18px; }
  .fb-market-blue .fb-market-nav { grid-template-columns: auto minmax(0, 1fr); gap: 8px; }
  .fb-market-blue .fb-market-nav-links { gap: 12px; }
  .fb-market-blue .fb-market-nav-links > :is(a, button) { min-height: 39px; }
  .fb-market-blue .fb-market-hero-layout { grid-template-columns: minmax(0, 1fr); }
  .fb-market-blue .fb-market-categories { grid-row: 2; padding-block: 1px; overflow: auto; scrollbar-width: thin; }
  .fb-market-blue .fb-market-categories ul { display: flex; }
  .fb-market-blue .fb-market-categories li { flex: 0 0 auto; }
  .fb-market-blue .fb-market-categories button { min-height: 34px; padding-inline: 8px; white-space: nowrap; }
  .fb-market-blue .fb-market-categories button > span:last-child { display: none; }
  .fb-market-blue .fb-market-hero { grid-template-columns: minmax(0, 1fr); align-items: start; min-height: 200px; }
  .fb-market-blue .fb-market-hero-copy { width: 78%; padding-block: 20px; }
  .fb-market-blue .fb-market-hero-copy h1 { max-width: 12em; }
  .fb-market-blue .fb-market-hero-art { inset: 33% 1% 6% 55%; opacity: .68; }
  .fb-market-blue .fb-market-hero-benefits { display: none; }
  .fb-market-blue .fb-market-assurances { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 8px; min-height: 0; }
  .fb-market-blue .fb-market-assurances > div { justify-content: start; align-items: start; }
  .fb-market-blue .fb-market-assurances > div:nth-child(4) { border-left: 0; }
  .fb-market-blue .fb-market-feature-grid { grid-template-columns: minmax(0, 1fr); }
  .fb-market-blue .fb-market-feature-grid .fb-market-promo-rail { grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fb-market-blue .fb-market-feature .public-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 380px) {
  .fb-market-blue .fb-market-brand strong { font-size: 20px; }
  .fb-market-blue .fb-market-brand svg { width: 26px; height: 26px; }
  .fb-market-blue .fb-market-verified { gap: 4px; }
  .fb-market-blue .fb-market-verified small { white-space: normal; }
  .fb-market-blue .fb-market-hero-copy h1 { font-size: 22px; }
  .fb-market-blue .fb-market-hero-art { opacity: .43; }
  .fb-market-blue .fb-market-promo-rail .fb-market-promo > span { opacity: .28; }
}

.fb-market-blue .fb-market-art-screen {
  width: 88%;
  aspect-ratio: 1.64;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 19% minmax(0, 1fr);
  border: clamp(4px, .6vw, 9px) solid #142439;
  border-radius: 7px 7px 4px 4px;
  transform: perspective(650px) rotateY(-13deg) skewY(-5deg) skewX(-5deg);
  transform-origin: center bottom;
  overflow: hidden;
  background: #f0f6ff;
  box-shadow: 2px 3px 0 1px #718ca7, 12px 14px 32px #00163da8;
}
.fb-market-blue .fb-market-art-sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8%;
  padding: 13% 18%;
  color: #fff;
  background: linear-gradient(160deg, #0c408b, #041d4a);
}
.fb-market-blue .fb-market-art-sidebar b {
  display: grid;
  width: 56%;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 2px;
  font-size: clamp(6px, 1vw, 13px);
  line-height: 1;
  background: #207bff;
}
.fb-market-blue .fb-market-art-sidebar i { width: 90%; height: 4%; border-radius: 3px; background: #8bb9ec; opacity: .7; }
.fb-market-blue .fb-market-art-dashboard {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr 2.4fr;
  gap: 8%;
  padding: 7%;
  color: #12356c;
}
.fb-market-blue .fb-market-art-dashboard strong { font-size: clamp(7px, 1vw, 13px); letter-spacing: .06em; }
.fb-market-blue .fb-market-art-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5%; }
.fb-market-blue .fb-market-art-metrics i { display: block; border-radius: 3px; background: #387cff; }
.fb-market-blue .fb-market-art-metrics i:first-child { background: #ff9a4c; }
.fb-market-blue .fb-market-art-metrics i:last-child { background: #08a8c6; }
.fb-market-blue .fb-market-art-bars {
  display: flex;
  align-items: end;
  justify-content: space-around;
  padding: 4% 4% 0;
  border: 1px solid #dbe9ff;
  border-radius: 3px;
  background: repeating-linear-gradient(to top,#fff 0,#fff calc(25% - 1px),#e8effb calc(25% - 1px),#e8effb 25%);
}
.fb-market-blue .fb-market-art-bars i { width: 8%; height: 36%; border-radius: 2px 2px 0 0; background: linear-gradient(#65bdff,#1566db); }
.fb-market-blue .fb-market-art-bars i:nth-child(2) { height: 51%; }
.fb-market-blue .fb-market-art-bars i:nth-child(3) { height: 43%; }
.fb-market-blue .fb-market-art-bars i:nth-child(4) { height: 67%; }
.fb-market-blue .fb-market-art-bars i:nth-child(5) { height: 57%; }
.fb-market-blue .fb-market-art-bars i:nth-child(6) { height: 79%; }
.fb-market-blue .fb-market-art-bars i:nth-child(7) { height: 92%; }
.fb-market-blue .fb-market-art-base {
  position: relative;
  width: 100%;
  height: clamp(12px, 2.3vw, 32px);
  margin-top: -2%;
  transform: skewY(-5deg);
  clip-path: polygon(8% 0, 94% 0, 100% 70%, 96% 90%, 7% 100%, 0 76%);
  background: linear-gradient(175deg, #b2cce4 0, #5a7798 42%, #aac2da 71%, #344968 75%, #7894b3 100%);
}
.fb-market-blue .fb-market-art-base::after {
  content: '';
  position: absolute;
  top: 32%; left: 39%; width: 27%; height: 26%;
  border: 1px solid #c0d5e7;
  border-radius: 2px;
  background: #9bb5d1;
}
.fb-market-blue .fb-market-card-more { margin-top: 3px; font-size: .72rem; color: #3e5775; }
.fb-market-blue .fb-market-card-more summary { cursor: pointer; }
.fb-market-blue .fb-market-card-more .small-button,
.fb-market-blue .fb-market-card-more .public-store-link { margin-top: 4px; color: #0756c0; }
.fb-market-blue .fb-market-suppliers { margin-top: 24px; }
.fb-market-blue .fb-market-more-filters { margin: 24px 0; color: #20436e; }
.fb-market-blue .fb-market-more-filters > summary { cursor: pointer; width: fit-content; margin-bottom: 10px; }
.fb-market-blue .fb-market-more-filters .public-shop-sidebar { max-width: 460px; }
@media (max-width: 680px) {
  .fb-market-blue .fb-market-hero-art { display: none; }
  .fb-market-blue .fb-market-hero-copy { width: 100%; }
}


.fb-market-blue .public-store-grid.fb-market-store-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 244px), 1fr)) !important;
  gap: 16px !important;
  align-items: stretch;
}

.fb-market-blue .fb-market-store-card {
  grid-template-rows: auto 1fr;
  min-width: 0;
  border: 1px solid #d8e4f4;
  border-radius: 12px;
  box-shadow: 0 4px 12px #153b7410;
}

.fb-market-blue .fb-market-store-card:hover,
.fb-market-blue .fb-market-store-card:focus-within {
  border-color: #92baf2;
  box-shadow: 0 8px 20px #153b741c;
}

.fb-market-blue .fb-market-store-card .public-store-cover {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #d8e4f4;
  color: #153b74;
  background: linear-gradient(110deg, #e7f1ff, #f5f9ff);
  box-shadow: none;
}

.fb-market-blue .fb-market-store-card .public-store-cover:hover,
.fb-market-blue .fb-market-store-card .public-store-cover:focus-visible {
  background: #dceaff;
}

.fb-market-blue .fb-market-store-card .public-store-avatar {
  order: -1;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #c9def8;
  border-radius: 10px;
  color: #064ba7;
  background: #fff;
  box-shadow: none;
  font-size: 15px;
}

.fb-market-blue .fb-market-store-card .public-store-cover-kicker {
  min-width: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  overflow-wrap: anywhere;
  font-weight: 700;
}

.fb-market-blue .fb-market-store-card .public-store-cover-kicker svg {
  flex-shrink: 0;
}

.fb-market-blue .fb-market-store-card .public-store-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
}

.fb-market-blue .fb-market-store-card .public-store-heading {
  flex-direction: column;
  gap: 7px;
}

.fb-market-blue .fb-market-store-card .public-store-heading > div {
  flex: none;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.fb-market-blue .fb-market-store-card .public-store-heading h3 {
  margin: 2px 0 3px;
  color: #0b254f;
  font-size: 17px;
  line-height: 1.25;
}

.fb-market-blue .fb-market-store-card .public-store-heading small {
  display: block;
  color: #465c7a;
  font-weight: 600;
  text-transform: none;
}

.fb-market-blue .fb-market-store-card .public-store-heading > span {
  padding: 4px 8px;
  color: #204b80;
  background: #edf4ff;
  overflow-wrap: anywhere;
}

.fb-market-blue .fb-market-store-card .public-store-body p {
  min-height: 0;
  color: #465c7a;
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.fb-market-blue .fb-market-store-card .public-rating-row {
  justify-content: flex-start;
  gap: 4px 10px;
}

.fb-market-blue .fb-market-store-card .public-store-actions {
  margin-top: auto;
  padding-top: 4px;
}

.fb-market-blue .fb-market-store-card .public-store-actions .primary-button {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  border-color: #0759d4;
  color: #fff;
  background: #0759d4;
}

.fb-market-blue .fb-market-store-card .public-store-actions .primary-button:hover,
.fb-market-blue .fb-market-store-card .public-store-actions .primary-button:focus-visible {
  border-color: #0647ad;
  background: #0647ad;
}


/* Shared shop presentation. Container breakpoints also fit the signed-in portal. */
.fb-shop-detail {
  --shop-ink: #102550;
  --shop-muted: #455c7b;
  --shop-blue: #075be7;
  --shop-blue-hover: #0349bf;
  --shop-border: #dbe7f8;
  --shop-pale: #f0f5ff;
  --shop-gap: clamp(10px, 1.2cqi, 18px);
  container: fb-shop / inline-size;
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
  min-width: 0;
  margin-inline: auto;
  color: var(--shop-ink);
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.4;
}

.fb-market-blue > .fb-shop-detail {
  display: block;
  max-width: var(--market-limit);
  padding: 6px var(--market-gutter) 24px;
}

.fb-shop-detail [hidden] { display: none !important; }
.fb-shop-detail :is(a, button, summary):focus-visible {
  outline: 2px solid #1586ff;
  outline-offset: 2px;
}

.fb-shop-detail .fb-shop-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: clamp(90px, 14.5cqi, 168px) minmax(0, 1fr) minmax(116px, 15%);
  align-items: center;
  gap: clamp(15px, 3.35cqi, 46px);
  min-height: clamp(168px, 17cqi, 245px);
  padding: clamp(14px, 1.8cqi, 26px) clamp(16px, 2.25cqi, 32px);
  overflow: hidden;
  border: 1px solid #173f76;
  border-radius: 10px;
  color: #fff;
  background: radial-gradient(ellipse at 63% 15%, #1f73cf, transparent 48%), linear-gradient(105deg, #081933 10%, #08336d 62%, #082958);
}

.fb-shop-detail .fb-shop-hero::before {
  position: absolute;
  z-index: -2;
  inset: -20% 11% -45% 43%;
  transform: skewY(-13deg);
  border: 2px solid #80c6ff70;
  border-radius: 10px;
  background:
    repeating-linear-gradient(90deg, transparent 0 38px, #75bbff45 39px 40px),
    repeating-linear-gradient(0deg, transparent 0 20px, #9ecbff5c 21px 22px),
    linear-gradient(130deg, #70b5ff7a, #124d9d70 57%, #02448fa0);
  content: "";
  pointer-events: none;
}

.fb-shop-detail .fb-shop-cover {
  position: absolute;
  z-index: -1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.fb-shop-detail .fb-shop-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.fb-shop-detail .fb-shop-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #061833 5%, #061b38ec 25%, #07264b9c 47%, #0b3e7536 68%, #082759eb 92%);
  content: "";
  pointer-events: none;
}

.fb-shop-detail .fb-shop-hero:has(.fb-shop-cover)::before { display: none; }

.fb-shop-detail .fb-shop-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 5px;
  padding: 5px 2px;
  border: 0;
  color: #0752bc;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
}

.fb-shop-detail .fb-shop-back:hover { text-decoration: underline; }
.fb-shop-detail .fb-shop-back svg { width: 15px; height: 15px; }

.fb-shop-detail .fb-shop-brand {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1.11;
  max-height: 180px;
  min-width: 0;
  padding: clamp(10px, 1.45cqi, 18px);
  overflow: hidden;
  border: 1px solid #dbe8ff;
  border-radius: 10px;
  background: #fff;
  color: #0b366f;
  box-shadow: 0 8px 24px #00153433;
  text-align: center;
}

.fb-shop-detail .fb-shop-brand img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: inherit;
  background: #fff;
  object-fit: contain;
}

.fb-shop-detail .fb-shop-brand > :is(span, strong) {
  font-size: clamp(25px, 5.15cqi, 58px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.045em;
}

.fb-shop-detail .fb-shop-identity { min-width: 0; }
.fb-shop-detail .fb-shop-identity :is(h1, h2) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  color: #fff;
  font-size: clamp(23px, 3cqi, 44px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}

.fb-shop-detail .fb-shop-identity > p {
  max-width: 52ch;
  margin: 6px 0;
  color: #edf5ff;
  font-size: clamp(13px, 1.35cqi, 18px);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.fb-shop-detail .fb-shop-verified {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.15em;
  height: 1.15em;
  border-radius: 50%;
  color: #fff;
  background: #0876dc;
  vertical-align: middle;
  font-size: .72em;
}

.fb-shop-detail .fb-shop-verified svg { width: 70%; height: 70%; }

.fb-shop-detail .fb-shop-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  margin-block: 7px;
  font-size: 13px;
  font-weight: 650;
}

.fb-shop-detail .fb-shop-stars { color: #ad5a00; letter-spacing: .09em; white-space: nowrap; }
.fb-shop-detail .fb-shop-hero .fb-shop-stars { color: #ffc741; }
.fb-shop-detail .fb-shop-hero :is(.fb-shop-rating, .fb-shop-assurances) svg { color: inherit; }

.fb-shop-detail .fb-shop-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
}

.fb-shop-detail :is(.fb-shop-actions, .fb-shop-panel, .fb-shop-promo) :is(.primary-button, .small-button, .fb-shop-button) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: auto;
  max-width: 100%;
  min-height: 36px;
  padding: 5px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #fff;
  background: var(--shop-blue);
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
  text-decoration: none;
}

.fb-shop-detail .fb-shop-actions :is(.primary-button, .fb-shop-button) { border-radius: 999px; }
.fb-shop-detail .fb-shop-actions .small-button {
  border-color: #b1d2ff9e;
  color: #fff;
  background: #071f44a8;
}

.fb-shop-detail :is(.fb-shop-actions, .fb-shop-panel, .fb-shop-promo) :is(.primary-button, .small-button, .fb-shop-button):hover {
  background: var(--shop-blue-hover);
}

.fb-shop-detail :is(.fb-shop-actions, .fb-shop-rating, .fb-shop-tabs, .fb-shop-categories, .fb-shop-panel) svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.fb-shop-detail .fb-shop-assurances {
  display: grid;
  align-content: center;
  min-width: 0;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: #fff;
  list-style: none;
  font-size: 12px;
  font-weight: 650;
}

.fb-shop-detail .fb-shop-assurances > * {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fb-shop-detail .fb-shop-assurances svg { width: 17px; height: 17px; flex: 0 0 17px; }

.fb-shop-detail .fb-shop-layout {
  display: grid;
  grid-template-columns: minmax(151px, 18.25%) minmax(0, 1fr) minmax(151px, 16%);
  align-items: start;
  gap: var(--shop-gap);
  margin-top: var(--shop-gap);
}

.fb-shop-detail :is(.fb-shop-rail, .fb-shop-categories, .fb-shop-content, .fb-shop-sidebar) { min-width: 0; }
.fb-shop-detail :is(.fb-shop-content, .fb-shop-sidebar) { display: grid; align-content: start; gap: 9px; }

.fb-shop-detail :is(.fb-shop-categories, .fb-shop-panel) {
  border: 1px solid var(--shop-border);
  border-radius: 9px;
  background: #fbfdff;
  overflow-wrap: anywhere;
}

.fb-shop-detail .fb-shop-categories { overflow: hidden; }
.fb-shop-detail .fb-shop-categories > :is(h2, h3) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  color: var(--shop-ink);
  background: var(--shop-pale);
  font-size: 14px;
  font-weight: 750;
}

.fb-shop-detail .fb-shop-categories :is(h2, h3) svg { color: var(--shop-blue); }
.fb-shop-detail .fb-shop-categories ul { margin: 0; padding: 4px; list-style: none; }
.fb-shop-detail .fb-shop-categories :is(a, button) {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 33px;
  padding: 4px 7px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--shop-ink);
  background: transparent;
  box-shadow: none;
  text-align: start;
  text-decoration: none;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}

.fb-shop-detail .fb-shop-categories :is(a, button):is(:hover, .is-active, [aria-current="true"], [aria-current="page"], [aria-pressed="true"]) {
  border-color: #c5dcff;
  background: #e7f1ff;
  color: #074db9;
}

.fb-shop-detail .fb-shop-categories :is(a, button) > :last-child { margin-inline-start: auto; }
.fb-shop-detail .fb-shop-categories :is(a, button) > :only-child { margin-inline-start: 0; }
.fb-shop-detail .fb-shop-categories > p { margin: 7px 11px 10px; color: var(--shop-muted); font-size: 12px; }

.fb-shop-detail .fb-shop-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 3px;
  margin: 0;
  padding: 3px;
  border: 1px solid #edf2fb;
  border-radius: 8px;
  background: var(--shop-pale);
}

.fb-shop-detail .fb-shop-tabs :is(a, button) {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 34px;
  padding: 5px 8px;
  border: 0;
  border-radius: 5px;
  color: var(--shop-ink);
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.fb-shop-detail .fb-shop-tabs svg { color: #0754c6; }
.fb-shop-detail .fb-shop-tabs :is(a, button):hover { background: #dceaff; }
.fb-shop-detail .fb-shop-tabs :is(a, button):is(.is-active, .active, [aria-selected="true"], [aria-pressed="true"], [aria-current="true"], [aria-current="page"]) {
  color: #fff;
  background: var(--shop-blue);
}
.fb-shop-detail .fb-shop-tabs :is(a, button):is(.is-active, .active, [aria-selected="true"], [aria-pressed="true"], [aria-current="true"], [aria-current="page"]) svg { color: #fff; }

.fb-shop-detail .fb-shop-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 105px), 1fr));
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 11px 9px;
  border-radius: 8px;
  background: #e2eeff;
  color: #14416c;
  font-size: 12px;
  list-style: none;
}

.fb-shop-detail .fb-shop-benefits > * { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 0 4px; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-benefits button {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 30px;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  font: inherit;
  text-align: start;
  white-space: normal;
}
.fb-shop-detail .fb-shop-benefits button:hover strong { text-decoration: underline; }
.fb-shop-detail .fb-shop-benefits svg { width: 20px; height: 20px; flex: 0 0 20px; color: #075bcf; }
.fb-shop-detail .fb-shop-benefits :is(strong, small) { display: block; line-height: 1.3; }
.fb-shop-detail .fb-shop-benefits small { color: #315b87; }

.fb-shop-detail .fb-shop-section { min-width: 0; margin: 0; }
.fb-shop-detail .fb-shop-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 4px 0 8px;
  padding-inline-start: 9px;
  border-inline-start: 4px solid var(--shop-blue);
  color: var(--shop-ink);
}

.fb-shop-detail .fb-shop-heading :is(h2, h3) { margin: 0; color: inherit; font-size: clamp(16px, 1.55cqi, 22px); font-weight: 800; line-height: 1.22; }
.fb-shop-detail .fb-shop-heading small { color: var(--shop-muted); font-size: 12px; }
.fb-shop-detail .fb-shop-heading :is(a, button) { color: #0756c9; font-size: 12px; font-weight: 650; }

.fb-shop-detail .marketplace-catalog-view .marketplace-catalog-view-toolbar {
  min-height: 30px;
  margin-bottom: 8px;
}

.fb-shop-detail .fb-shop-products {
  --shop-columns: 4;
  display: grid;
  grid-template-columns: repeat(var(--shop-columns), minmax(0, 1fr));
  align-items: stretch;
  gap: 9px;
}

/* Respect the existing grid/list preference on the shop's catalog toolbar. */
.fb-shop-detail .marketplace-catalog-view[data-catalog-view] > .fb-shop-products {
  grid-template-columns: repeat(var(--shop-columns), minmax(0, 1fr)) !important;
  gap: 9px;
}

.fb-shop-detail .marketplace-catalog-view[data-catalog-view="list"] > .fb-shop-products { --shop-columns: 1; }
.fb-shop-detail .marketplace-catalog-view[data-catalog-view="list"] .fb-shop-products .public-product-tile { flex-direction: row; }
.fb-shop-detail .marketplace-catalog-view[data-catalog-view="list"] .fb-shop-products .public-product-media {
  flex: 0 0 clamp(72px, 16cqi, 152px);
  width: auto;
  height: auto;
  min-height: 88px;
  aspect-ratio: auto;
}

.fb-shop-detail .fb-shop-products .public-product-tile {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--shop-border);
  border-radius: 8px;
  color: var(--shop-ink);
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.fb-shop-detail .fb-shop-products .public-product-tile:is(:hover, :focus-within) { border-color: #91b8f1; }
.fb-shop-detail .fb-shop-products .public-product-media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: auto;
  min-height: 88px;
  aspect-ratio: 1.48;
  padding: 7px;
  border: 0;
  border-radius: 0;
  color: #18549c;
  background: linear-gradient(#f7faff, #fff);
  box-shadow: none;
}

.fb-shop-detail .marketplace-catalog-view[data-catalog-view="grid"] .fb-shop-products .public-product-media {
  display: grid;
  height: clamp(88px, 12.8cqi, 168px);
  min-height: 0;
  padding: 7px;
}

.fb-shop-detail .fb-shop-products .public-product-media img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.fb-shop-detail .fb-shop-products .public-product-media > span { font-size: clamp(20px, 2.35cqi, 32px); }
.fb-shop-detail .fb-shop-products .public-product-media > b {
  position: absolute;
  inset: 6px auto auto 6px;
  padding: 3px 5px;
  border-radius: 5px;
  color: #fff;
  background: #b62a44;
  font-size: 10px;
}

.fb-shop-detail .fb-shop-products .public-product-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 4px; min-width: 0; padding: 8px; }
.fb-shop-detail .fb-shop-products .public-product-body > small { color: var(--shop-muted); font-size: 11px; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-products .public-product-body h3 { min-height: 0; margin: 0; color: inherit; font: inherit; font-size: clamp(12px, 1.2cqi, 16px); font-weight: 750; line-height: 1.22; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-products .public-product-body p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 0; margin: 0; overflow: hidden; color: var(--shop-muted); font: inherit; font-size: 11px; line-height: 1.3; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-products .public-rating-row { display: flex; justify-content: start; gap: 4px; min-height: 16px; margin: 0; color: #385172; font-size: 11px; }
.fb-shop-detail .fb-shop-products .public-rating-row svg { width: 13px; height: 13px; flex: 0 0 13px; color: #ad5a00; }
.fb-shop-detail .fb-shop-products .public-product-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; min-width: 0; gap: 4px; margin-top: auto; }
.fb-shop-detail .fb-shop-products .public-product-footer strong { color: var(--shop-blue); font-size: clamp(14px, 1.43cqi, 21px); font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-products .public-product-footer em { margin: 2px 0; color: var(--shop-muted); font-size: 10px; font-style: normal; }
.fb-shop-detail .fb-shop-products .public-product-footer .primary-button {
  display: inline-grid;
  place-items: center;
  width: auto;
  min-width: 34px;
  min-height: 34px;
  margin-inline-start: auto;
  padding: 5px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: var(--shop-blue);
  box-shadow: none;
  font-size: 11px;
}

.fb-shop-detail .fb-shop-products .public-product-footer .primary-button:hover { background: var(--shop-blue-hover); }
.fb-shop-detail .fb-shop-products .public-product-footer svg { width: 16px; height: 16px; }
.fb-shop-detail .fb-shop-products .fb-market-card-more { padding-top: 2px; color: var(--shop-muted); font-size: 11px; }
.fb-shop-detail .fb-shop-products .fb-market-card-more summary { cursor: pointer; color: #0756c9; }
.fb-shop-detail .fb-shop-products .fb-market-card-more :is(button, a) { width: 100%; min-width: 0; min-height: 32px; margin-top: 4px; padding: 4px; font-size: 11px; white-space: normal; overflow-wrap: anywhere; }

.fb-shop-detail .fb-shop-panel { display: grid; align-content: start; gap: 7px; padding: 11px; }
.fb-shop-detail .fb-shop-panel :is(h2, h3, h4) { margin: 0; color: var(--shop-ink); font-size: 14px; font-weight: 750; line-height: 1.25; }
.fb-shop-detail .fb-shop-panel :is(p, dl, ul) { margin: 0; font-size: 12px; line-height: 1.42; }
.fb-shop-detail .fb-shop-panel a { color: #0649b0; }
.fb-shop-detail .fb-shop-panel a:is(.primary-button, .fb-shop-button) { color: #fff; }
.fb-shop-detail .fb-shop-panel :is(img, video) { display: block; width: 100%; max-height: 165px; border-radius: 6px; object-fit: cover; }
.fb-shop-detail .fb-shop-panel .fb-shop-rating { margin: 0; }
.fb-shop-detail .fb-shop-panel .fb-shop-rating strong { font-size: 19px; }
.fb-shop-detail .fb-shop-panel.fb-shop-contact { background: #e8f2ff; }
.fb-shop-detail .fb-shop-panel .public-store-info-list { display: grid; gap: 6px; margin: 0; }
.fb-shop-detail .fb-shop-panel .public-store-info-row { display: block; padding: 3px 0; }
.fb-shop-detail .fb-shop-panel .public-store-info-row :is(dt, dd) { margin: 0; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-panel .public-store-info-row dt { font-size: 11px; }

.fb-shop-detail :is(.fb-shop-contacts, .fb-shop-policies) { display: grid; gap: 7px; }
.fb-shop-detail .fb-shop-contacts { padding: 0; list-style: none; }
.fb-shop-detail .fb-shop-contacts > * { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.fb-shop-detail .fb-shop-contacts svg { color: #0754c6; }
.fb-shop-detail .fb-shop-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.fb-shop-detail .fb-shop-promo {
  display: grid;
  align-content: start;
  gap: 7px;
  margin-top: 9px;
  padding: 12px;
  border: 1px solid #133e75;
  border-radius: 8px;
  color: #f6fbff;
  background: radial-gradient(ellipse at top left, #185bb0, transparent 66%), #08254f;
  font-size: 12px;
}

.fb-shop-detail .fb-shop-promo :is(h2, h3, p) { margin: 0; color: inherit; }
.fb-shop-detail .fb-shop-promo :is(h2, h3) { font-size: 15px; line-height: 1.2; }

.fb-shop-detail .fb-shop-text-action {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 6px;
  min-height: 32px;
  min-width: 0;
  padding: 5px 0;
  border: 0;
  color: #074aab;
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-align: start;
  white-space: normal;
}

.fb-shop-detail .fb-shop-text-action:hover { text-decoration: underline; }
.fb-shop-detail .fb-shop-text-action svg { width: 13px; height: 13px; flex: 0 0 13px; }
.fb-shop-detail .fb-shop-panel .fb-shop-text-action[data-fb-shop-tab="about"] { padding-inline: 9px; border-radius: 6px; color: #fff; background: var(--shop-blue); }
.fb-shop-detail .fb-shop-panel .fb-shop-text-action[data-fb-shop-tab="about"]:hover { background: var(--shop-blue-hover); }
.fb-shop-detail .fb-shop-promo .fb-shop-text-action { padding-inline: 9px; border-radius: 999px; color: #0b3d8a; background: #fff; }
.fb-shop-detail .fb-shop-promo h3 svg { width: 16px; height: 16px; vertical-align: -.15em; }

.fb-shop-detail .ugc-panel { min-width: 0; margin: 0; padding: 13px; border-color: var(--shop-border); border-radius: 8px; }
.fb-shop-detail .ugc-panel h2 { color: var(--shop-ink); font-size: 17px; }

@container fb-shop (max-width: 900px) {
  .fb-shop-detail .fb-shop-layout { grid-template-columns: minmax(140px, 20%) minmax(0, 1fr) minmax(141px, 16%); }
  .fb-shop-detail .fb-shop-products { --shop-columns: 3; }
}

@container fb-shop (max-width: 755px) {
  .fb-shop-detail .fb-shop-layout { grid-template-columns: minmax(135px, 24%) minmax(0, 1fr); }
  .fb-shop-detail .fb-shop-sidebar { grid-column: 2; grid-template-columns: repeat(auto-fit, minmax(min(100%, 142px), 1fr)); }
  .fb-shop-detail .fb-shop-hero { grid-template-columns: clamp(75px, 15cqi, 120px) minmax(0, 1fr); gap: 14px; }
  .fb-shop-detail .fb-shop-assurances { grid-column: 2; display: flex; flex-wrap: wrap; }
}

@container fb-shop (max-width: 525px) {
  .fb-shop-detail .fb-shop-layout { grid-template-columns: minmax(0, 1fr); }
  .fb-shop-detail .fb-shop-sidebar { grid-column: auto; }
  .fb-shop-detail .fb-shop-hero { grid-template-columns: 70px minmax(0, 1fr); align-items: start; min-height: 0; padding: 14px 12px; }
  .fb-shop-detail .fb-shop-hero::after { background: linear-gradient(100deg, #061833f2 10%, #07264bcc 58%, #0b3e75ad); }
  .fb-shop-detail .fb-shop-brand { padding: 7px; }
  .fb-shop-detail .fb-shop-identity :is(h1, h2) { font-size: 23px; }
  .fb-shop-detail .fb-shop-assurances { grid-column: 1 / -1; gap: 5px 12px; }
  .fb-shop-detail .fb-shop-categories ul { display: flex; gap: 3px; overflow-x: auto; }
  .fb-shop-detail .fb-shop-categories li { flex: 0 0 auto; max-width: 16rem; }
  .fb-shop-detail .fb-shop-categories :is(a, button) { width: auto; }
  .fb-shop-detail .fb-shop-promo { display: none; }
  .fb-shop-detail .fb-shop-tabs :is(a, button) { flex-basis: calc(50% - 3px); min-height: 40px; }
  .fb-shop-detail .fb-shop-products { --shop-columns: 2; }
}

@container fb-shop (max-width: 300px) {
  .fb-shop-detail .fb-shop-products { --shop-columns: 1; }
}


/* Product detail in the public marketplace and the signed-in portal. */
.fb-product-detail {
  --product-ink: #102550;
  --product-muted: #465d7c;
  --product-blue: #0755ed;
  --product-blue-dark: #0348c2;
  --product-line: #dbe5f5;
  --product-pale: #f1f6ff;
  --product-star: #a65e00;
  --product-radius: 10px;
  container: fb-product / inline-size;
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  min-width: 0;
  margin-inline: auto;
  color: var(--product-ink);
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.45;
}

.fb-market-blue > .fb-product-detail.public-shop-page {
  display: block;
  max-width: var(--market-limit, 1500px);
  padding: 6px var(--market-gutter, 20px) 28px;
}

.fb-product-detail [hidden] { display: none !important; }
.fb-product-detail :is(a, button, input, select, summary):focus-visible {
  outline: 2px solid var(--product-blue);
  outline-offset: 2px;
}

.fb-product-detail .fb-product-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
  margin: 0;
  padding: 6px 0 12px;
  color: var(--product-muted);
  font-size: .84rem;
  overflow-wrap: anywhere;
}

.fb-product-detail :is(.fb-product-breadcrumb button, .fb-product-merchant-name, .fb-product-rating > button) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  color: var(--product-blue-dark);
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-weight: 700;
  text-align: start;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.fb-product-detail :is(.fb-product-breadcrumb button, .fb-product-merchant-name, .fb-product-rating > button):hover {
  color: var(--product-blue-dark);
  background: transparent;
  text-decoration: underline;
}

.fb-product-detail .fb-product-breadcrumb svg { width: 15px; height: 15px; }
.fb-product-detail .fb-product-breadcrumb [aria-current] { color: var(--product-ink); }

.fb-product-detail .fb-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr) minmax(185px, .48fr);
  align-items: start;
  gap: clamp(14px, 1.65cqi, 26px);
}

.fb-product-detail .fb-product-hero > * { min-width: 0; }

.fb-product-detail .fb-product-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.fb-product-detail .fb-product-gallery:has(.fb-product-thumbs:not([hidden]) button) {
  grid-template-columns: clamp(48px, 5.8cqi, 76px) minmax(0, 1fr);
}

.fb-product-detail .fb-product-thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 360px;
  padding: 4px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.fb-product-detail .fb-product-thumbs button {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  padding: 4px;
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 7px;
  background: #fff;
  color: var(--product-blue-dark);
  cursor: pointer;
}

.fb-product-detail .fb-product-thumbs button:hover,
.fb-product-detail .fb-product-thumbs button[aria-pressed="true"] {
  border-color: var(--product-blue);
  background: var(--product-pale);
  box-shadow: 0 0 0 1px var(--product-blue);
}

.fb-product-detail .fb-product-thumbs img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}

.fb-product-detail .fb-product-thumbs svg { width: 22px; height: 22px; }

.fb-product-detail .fb-product-main-media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  min-height: 200px;
  max-height: 360px;
  aspect-ratio: 1.17;
  margin: 0;
  border: 1px solid var(--product-line);
  border-radius: var(--product-radius);
  background: linear-gradient(165deg, #fff 60%, #f4f8ff);
}

.fb-product-detail .fb-product-media-frame {
  min-width: 0;
  width: 100%;
  min-height: 0;
}

.fb-product-detail .fb-product-media-frame[data-fb-product-frame="image"] {
  position: absolute;
  inset: 0;
}

.fb-product-detail .fb-product-media-frame :is(img, video) {
  display: block;
  width: 100%;
  min-height: 0;
  max-height: 480px;
  padding: clamp(9px, 1.35cqi, 20px);
  object-fit: contain;
}

.fb-product-detail .fb-product-media-frame img { height: 100%; }
.fb-product-detail .fb-product-media-frame video { max-height: 310px; }
.fb-product-detail .fb-product-main-media:has([data-fb-product-frame="video"]:not([hidden])) { max-height: none; }
.fb-product-detail .fb-product-media-frame details { padding: 0 12px 10px; overflow-wrap: anywhere; }
.fb-product-detail .fb-product-media-frame details p { margin-bottom: 0; }

.fb-product-detail .fb-product-media-placeholder svg {
  width: clamp(44px, 7cqi, 94px);
  height: auto;
  color: #6d92c9;
}

.fb-product-detail .fb-product-media-placeholder {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 12px;
  color: var(--product-muted);
  text-align: center;
}

.fb-product-detail .fb-product-zoom {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--product-line);
  border-radius: 50%;
  color: var(--product-blue-dark);
  background: #fff;
  box-shadow: 0 2px 7px #10255017;
  cursor: pointer;
}

.fb-product-detail .fb-product-zoom:hover { background: var(--product-pale); }
.fb-product-detail .fb-product-zoom svg { width: 17px; height: 17px; }

.fb-product-detail .fb-product-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fb-product-detail .fb-product-info :is(h1, h2) {
  margin: 0;
  color: var(--product-ink);
  font-size: clamp(24px, 2.6cqi, 38px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-merchant-name {
  align-self: start;
  margin: 0;
}

.fb-product-detail .fb-product-summary {
  margin: 0;
  color: var(--product-muted);
  font-size: clamp(.9rem, 1.25cqi, 1.03rem);
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  margin: 0;
  color: var(--product-muted);
  font-size: .82rem;
}

.fb-product-detail .fb-product-rating strong { color: var(--product-ink); }
.fb-product-detail .fb-shop-stars {
  color: var(--product-star);
  font-size: 1rem;
  line-height: 1.1;
  letter-spacing: .08em;
  white-space: nowrap;
}

.fb-product-detail .fb-product-highlights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 90px), 1fr));
  margin: 4px 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 8px;
  background: #f8faff;
  list-style: none;
}

.fb-product-detail .fb-product-highlights > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  padding: 7px 5px;
  color: var(--product-muted);
  text-align: center;
  font-size: .77rem;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-highlights > * + * { border-inline-start: 1px solid var(--product-line); }
.fb-product-detail .fb-product-highlights :is(small, strong) { display: block; }
.fb-product-detail .fb-product-highlights small { font-size: .74rem; }
.fb-product-detail .fb-product-highlights strong { color: var(--product-ink); font-weight: 700; }
.fb-product-detail .fb-product-highlights svg { width: 21px; height: 21px; color: var(--product-blue); }

.fb-product-detail .fb-product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 10px;
  min-width: 0;
  margin: 2px 0 0;
  color: var(--product-blue-dark);
  font-size: clamp(23px, 2.65cqi, 36px);
  font-weight: 800;
  line-height: 1.14;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-price :is(del, small) {
  color: var(--product-muted);
  font-size: .88rem;
  font-weight: 600;
}

.fb-product-detail .fb-product-discount {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 24px;
  padding: 2px 7px;
  border-radius: 5px;
  color: #fff;
  background: #b51e37;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.2;
}

.fb-product-detail .fb-product-availability {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 13px;
  margin: 0;
  padding-block: 7px;
  border-block: 1px solid var(--product-line);
  color: var(--product-muted);
  font-size: .84rem;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-availability > * {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.fb-product-detail .fb-product-availability svg { width: 15px; height: 15px; color: #18704a; }

.fb-product-detail :is(.fb-product-actions, .fb-product-cart-form) {
  display: grid;
  gap: 7px;
  min-width: 0;
  margin: 0;
}

.fb-product-detail .fb-product-purchase {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

.fb-product-detail .fb-product-actions .public-listing-action-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 7px;
  margin: 0;
}

.fb-product-detail .fb-product-actions .public-listing-action-stack > :not(.small-button, .primary-button) {
  grid-column: 1 / -1;
}

.fb-product-detail :is(.fb-product-actions, .fb-product-seller, .fb-product-panel, .fb-product-dialog) :is(.primary-button, .small-button) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid var(--product-line);
  border-radius: 7px;
  color: var(--product-ink);
  background: var(--product-pale);
  box-shadow: none;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

.fb-product-detail :is(.fb-product-actions, .fb-product-seller, .fb-product-panel, .fb-product-dialog) .small-button:not(:disabled, [aria-disabled="true"]):hover {
  border-color: #a3c1f4;
  background: #e6efff;
}

.fb-product-detail :is(.fb-product-actions, .fb-product-seller, .fb-product-panel, .fb-product-dialog) .primary-button {
  border-color: var(--product-blue);
  background: var(--product-blue);
  color: #fff;
}

.fb-product-detail :is(.fb-product-actions, .fb-product-seller, .fb-product-panel, .fb-product-dialog) .primary-button:not(:disabled, [aria-disabled="true"]):hover {
  border-color: var(--product-blue-dark);
  background: var(--product-blue-dark);
  color: #fff;
}

.fb-product-detail :is(.fb-product-actions, .fb-product-seller, .fb-product-panel, .fb-product-dialog) :is(button:disabled, [aria-disabled="true"]) {
  opacity: .6;
  cursor: not-allowed;
}

.fb-product-detail :is(.fb-product-actions, .fb-product-seller-links, .fb-product-panel > button) svg { width: 17px; height: 17px; flex: 0 0 auto; }
.fb-product-detail .fb-product-secondary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 108px), 1fr));
  align-items: stretch;
  gap: 7px;
}

.fb-product-detail .fb-product-quantity {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  border: 1px solid var(--product-line);
  border-radius: 7px;
  color: var(--product-ink);
  background: #fff;
}

.fb-product-detail .fb-product-quantity :is(button, input) {
  width: 34px;
  min-width: 0;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  color: inherit;
  background: transparent;
  text-align: center;
}

.fb-product-detail .fb-product-quantity button:not(:disabled):hover { background: var(--product-pale); }
.fb-product-detail .fb-product-quantity input { width: 52px; appearance: textfield; }
.fb-product-detail .fb-product-quantity input::-webkit-inner-spin-button { appearance: none; }

.fb-product-detail .fb-product-seller {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  padding: clamp(13px, 1.3cqi, 20px);
  border: 1px solid var(--product-line);
  border-radius: var(--product-radius);
  background: linear-gradient(#fff 65%, #f7faff);
  text-align: center;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-seller :is(h2, h3, p, ul) { margin: 0; }
.fb-product-detail .fb-product-seller :is(h2, h3) {
  color: var(--product-ink);
  font-size: 1.07rem;
  line-height: 1.2;
}

.fb-product-detail .fb-product-seller p { color: var(--product-muted); font-size: .82rem; }
.fb-product-detail .fb-product-seller .fb-product-rating { justify-content: center; }
.fb-product-detail .fb-product-seller .fb-product-rating strong { font-size: 1.25rem; }
.fb-product-detail .fb-product-seller-logo {
  display: grid;
  place-items: center;
  align-self: center;
  width: 76px;
  height: 68px;
  min-width: 0;
  padding: 6px;
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 10px;
  color: var(--product-blue-dark);
  background: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
}

.fb-product-detail .fb-product-seller-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fb-product-detail .fb-product-verified {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--product-blue-dark);
  font-size: .84rem;
  font-weight: 700;
}

.fb-product-detail .fb-product-verified svg { width: 17px; height: 17px; flex: 0 0 auto; }
.fb-product-detail .fb-product-seller-links {
  display: grid;
  gap: 6px;
}

.fb-product-detail .fb-product-seller-links:empty { display: none; }
.fb-product-detail .fb-product-seller-facts {
  display: grid;
  gap: 9px;
  padding: 12px 0 0;
  border-top: 1px solid var(--product-line);
  list-style: none;
  text-align: start;
}

.fb-product-detail .fb-product-seller-facts li {
  display: flex;
  align-items: start;
  gap: 7px;
  min-width: 0;
  color: var(--product-muted);
  font-size: .82rem;
}

.fb-product-detail .fb-product-seller-facts svg { flex: 0 0 17px; width: 17px; height: 17px; color: var(--product-blue); }

.fb-product-detail .fb-product-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  margin-top: clamp(16px, 1.75cqi, 26px);
  padding: 5px;
  border: 1px solid var(--product-line);
  border-radius: 8px;
  background: var(--product-pale);
}

.fb-product-detail .fb-product-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 37px;
  padding: 6px 11px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--product-ink);
  background: transparent;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.fb-product-detail .fb-product-tabs button:hover { background: #e0ebff; }
.fb-product-detail .fb-product-tabs button[aria-selected="true"] {
  background: var(--product-blue);
  color: #fff;
}

.fb-product-detail .fb-product-tabs svg { width: 16px; height: 16px; flex: 0 0 auto; }
.fb-product-detail .fb-product-panels { min-width: 0; }
.fb-product-detail .fb-product-panel {
  min-width: 0;
  margin-top: 8px;
  padding: clamp(14px, 1.8cqi, 26px);
  border: 1px solid var(--product-line);
  border-radius: var(--product-radius);
  background: #fff;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-panel > :first-child { margin-top: 0; }
.fb-product-detail .fb-product-panel > :last-child { margin-bottom: 0; }
.fb-product-detail .fb-product-panel :is(h2, h3) { color: var(--product-ink); }
.fb-product-detail .fb-product-panel > p { max-width: 78ch; color: var(--product-muted); }
.fb-product-detail .fb-product-panel img { max-width: 100%; height: auto; }
.fb-product-detail .fb-product-description { white-space: pre-line; }
.fb-product-detail .fb-product-panel > .small-button { width: auto; }
.fb-product-detail .fb-product-panel > details {
  max-width: 78ch;
  margin-bottom: 8px;
  padding: 8px 12px;
  border: 1px solid var(--product-line);
  border-radius: 7px;
}

.fb-product-detail .fb-product-panel > details summary { font-weight: 700; cursor: pointer; }

.fb-product-detail .fb-product-specs {
  display: grid;
  width: 100%;
  max-width: 66ch;
  margin: 0;
  border: 1px solid var(--product-line);
  border-radius: 8px;
}

.fb-product-detail .fb-product-specs > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 10px;
  padding: 8px 12px;
}

.fb-product-detail .fb-product-specs > div + div { border-top: 1px solid var(--product-line); }
.fb-product-detail .fb-product-specs dt { color: var(--product-ink); font-weight: 700; }
.fb-product-detail .fb-product-specs dd { margin: 0; color: var(--product-muted); }

.fb-product-detail .fb-product-related { margin-top: clamp(16px, 2.1cqi, 30px); }
.fb-product-detail .fb-product-section-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  margin-bottom: 11px;
}

.fb-product-detail .fb-product-section-heading h2 {
  margin: 0;
  padding-inline-start: 9px;
  border-inline-start: 4px solid var(--product-blue);
  color: var(--product-ink);
  font-size: clamp(16px, 1.7cqi, 24px);
  line-height: 1.25;
}

.fb-product-detail .fb-product-section-heading button {
  gap: 5px;
  min-height: 32px;
  padding: 4px 0;
  border-color: transparent;
  color: var(--product-blue-dark);
  background: transparent;
  box-shadow: none;
}

.fb-product-detail .fb-product-section-heading button:hover { background: transparent; text-decoration: underline; }
.fb-product-detail .fb-product-section-heading svg { width: 15px; height: 15px; }
.fb-product-detail .fb-product-related-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(8px, 1.08cqi, 16px);
}

.fb-product-detail .fb-product-related-card {
  min-width: 0;
  border: 1px solid var(--product-line);
  border-radius: 8px;
  color: var(--product-ink);
  background: #fff;
  overflow-wrap: anywhere;
}

.fb-product-detail .fb-product-related-card:hover {
  border-color: #afc9f5;
  box-shadow: 0 3px 11px #14396914;
}

.fb-product-detail .fb-product-related-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 10px;
  border: 0;
  border-radius: inherit;
  color: var(--product-ink);
  background: transparent;
  font: inherit;
  text-align: start;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.fb-product-detail .fb-product-related-title {
  color: var(--product-ink);
  font-size: .91rem;
  line-height: 1.28;
}

.fb-product-detail .fb-product-related-link:hover .fb-product-related-title { color: var(--product-blue-dark); }
.fb-product-detail .fb-product-related-card .fb-product-related-media {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1.34;
  min-width: 0;
  margin-bottom: 4px;
  overflow: hidden;
  border-radius: 6px;
  background: #f6f9ff;
}

.fb-product-detail .fb-product-related-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 4px;
  object-fit: contain;
}

.fb-product-detail .fb-product-related-media svg { width: 34px; height: 34px; color: #698ec4; }
.fb-product-detail .fb-product-related-card .fb-product-price {
  margin-top: auto;
  color: var(--product-blue-dark);
  font-size: 1rem;
}

.fb-product-detail .fb-product-dialog {
  width: min(880px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: clamp(12px, 2.2vw, 24px);
  border: 1px solid var(--product-line);
  border-radius: var(--product-radius);
  color: var(--product-ink);
  background: #fff;
  box-shadow: 0 16px 60px #071d4a50;
}

.fb-product-detail .fb-product-dialog[open] { display: grid; justify-items: stretch; gap: 12px; }
.fb-product-detail .fb-product-dialog::backdrop { background: #081c43b8; }
.fb-product-detail .fb-product-dialog > button:first-child { justify-self: end; width: auto; }
.fb-product-detail .fb-product-dialog > img {
  display: block;
  width: 100%;
  max-height: calc(100dvh - 135px);
  object-fit: contain;
}

.fb-product-detail .fb-product-share-dialog { width: min(460px, calc(100vw - 32px)); }
.fb-product-detail .fb-product-share-dialog label { display: grid; gap: 6px; font-weight: 700; }
.fb-product-detail .fb-product-share-dialog input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid var(--product-line);
  border-radius: 7px;
  color: var(--product-ink);
  font: inherit;
}

.fb-product-detail .fb-product-share-dialog [role="status"]:empty { display: none; }

@container fb-product (max-width: 1050px) {
  .fb-product-detail .fb-product-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@container fb-product (max-width: 850px) {
  .fb-product-detail .fb-product-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fb-product-detail .fb-product-seller { grid-column: 1 / -1; }
}

@container fb-product (max-width: 560px) {
  .fb-product-detail .fb-product-hero { grid-template-columns: minmax(0, 1fr); }
  .fb-product-detail .fb-product-highlights:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fb-product-detail .fb-product-highlights:has(> :nth-child(4):last-child) > :nth-child(3) { border-inline-start: 0; }
  .fb-product-detail .fb-product-highlights:has(> :nth-child(4):last-child) > :nth-child(n+3) { border-block-start: 1px solid var(--product-line); }
  .fb-product-detail .fb-product-gallery:has(.fb-product-thumbs:not([hidden]) button) { grid-template-columns: minmax(0, 1fr); }
  .fb-product-detail .fb-product-main-media { grid-row: 1; min-height: 0; }
  .fb-product-detail .fb-product-thumbs {
    flex-direction: row;
    overflow: auto;
  }
  .fb-product-detail .fb-product-thumbs button { width: 55px; }
  .fb-product-detail .fb-product-tabs > * { flex: 1 0 45%; }
  .fb-product-detail .fb-product-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container fb-product (max-width: 320px) {
  .fb-product-detail .fb-product-related-link { padding: 8px; }
  .fb-product-detail .fb-product-actions .public-listing-action-stack { grid-template-columns: 1fr; }
}


/* Shared visual tokens for the two marketplace service views. */
:is(.fb-service-catalog, .fb-service-detail) {
  --service-ink: #102550;
  --service-muted: #475e80;
  --service-blue: #0757f2;
  --service-blue-dark: #0647c2;
  --service-line: #dbe6f8;
  --service-pale: #f1f6ff;
  --service-radius: 12px;
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  min-width: 0;
  margin-inline: auto;
  color: var(--service-ink);
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.fb-service-catalog { container: service-catalog / inline-size; }
.fb-service-detail { container: service-detail / inline-size; }

.fb-market-blue > :is(.fb-service-catalog, .fb-service-detail) {
  display: block;
  max-width: var(--market-limit, 1500px);
  padding: 8px var(--market-gutter, 20px) 28px;
}

:is(.fb-service-catalog, .fb-service-detail) [hidden] { display: none !important; }
:is(.fb-service-catalog, .fb-service-detail) :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--service-blue);
  outline-offset: 2px;
}

:is(.fb-service-catalog, .fb-service-detail) :is(h1, h2, h3, p) { margin: 0; }
:is(.fb-service-catalog, .fb-service-detail) :is(button, a, label, input, select, textarea) { min-width: 0; }
:is(.fb-service-catalog, .fb-service-detail) :is(button, a) svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
}

:is(.fb-service-catalog, .fb-service-detail) :is(.fb-service-primary, .primary-button, .small-button) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  font: inherit;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  box-shadow: none;
}

:is(.fb-service-catalog, .fb-service-detail) :is(.fb-service-primary, .primary-button) {
  border-color: var(--service-blue);
  color: #fff;
  background: var(--service-blue);
}

:is(.fb-service-catalog, .fb-service-detail) :is(.fb-service-primary, .primary-button):not(:disabled):hover {
  color: #fff;
  background: var(--service-blue-dark);
}

:is(.fb-service-catalog, .fb-service-detail) .small-button {
  border-color: var(--service-line);
  color: var(--service-ink);
  background: var(--service-pale);
}

:is(.fb-service-catalog, .fb-service-detail) .small-button:not(:disabled):hover {
  border-color: #a8c4f6;
  color: var(--service-blue-dark);
  background: #e8f1ff;
}

:is(.fb-service-catalog, .fb-service-detail) :is(:disabled, [aria-disabled="true"]) { opacity: .6; }

.fb-service-catalog .fb-service-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center;
  min-height: clamp(225px, 21cqi, 310px);
  overflow: hidden;
  border: 1px solid #d6e5fb;
  border-radius: var(--service-radius);
  background: linear-gradient(118deg, #f7fbff 7%, #e9f2ff 48%, #d6e7ff 78%, #c6ddff);
}

.fb-service-catalog .fb-service-hero::before {
  position: absolute;
  z-index: -1;
  inset: -70% -8% -90% 43%;
  border: clamp(18px, 4cqi, 65px) solid #8cb4fc36;
  border-radius: 49%;
  background: #a8c9ff26;
  content: "";
  transform: rotate(31deg);
}

.fb-service-catalog .fb-service-hero-copy {
  display: grid;
  justify-items: start;
  gap: clamp(8px, .85cqi, 12px);
  min-width: 0;
  padding: clamp(16px, 2.15cqi, 28px) clamp(17px, 3.2cqi, 43px);
}

.fb-service-catalog .fb-service-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 99px;
  color: var(--service-blue-dark);
  background: #dceaff;
  font-size: .77rem;
  font-weight: 750;
}

.fb-service-catalog .fb-service-eyebrow svg { width: 16px; height: 16px; }

.fb-service-catalog .fb-service-hero h1 {
  max-width: 14em;
  font-size: clamp(1.8rem, 3.3cqi, 3.15rem);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.04;
}

.fb-service-catalog .fb-service-hero h1 :is(span, strong, em) { color: var(--service-blue); font-style: normal; }
.fb-service-catalog .fb-service-hero-copy > p {
  max-width: 46ch;
  color: var(--service-muted);
  font-size: clamp(.94rem, 1.5cqi, 1.15rem);
}

.fb-service-catalog .fb-service-hero-points,
.fb-service-catalog .fb-service-benefits ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fb-service-catalog .fb-service-hero-points li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .82rem;
  font-weight: 650;
}

.fb-service-catalog .fb-service-hero-points svg { width: 15px; height: 15px; color: #137440; }
.fb-service-catalog .fb-service-hero-copy .fb-service-primary { padding-inline: 18px; border-radius: 99px; }
.fb-service-catalog .fb-service-hero-art { min-width: 0; padding: 12px 14px 8px 0; }
.fb-service-catalog .fb-service-hero-art > svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 263px;
  margin-inline: auto;
  overflow: visible;
  filter: drop-shadow(0 12px 24px #174c9c32);
}

.fb-service-catalog :is(.fb-service-categories, .fb-service-catalog-section, .fb-service-benefits, .fb-service-cta),
.fb-service-detail .fb-service-detail-related {
  margin-top: clamp(16px, 2.1cqi, 28px);
}

.fb-service-catalog :is(.fb-service-categories, .fb-service-catalog-section, .fb-service-filter-panel)[id] {
  scroll-margin-top: 18px;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-section-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
  margin-bottom: 12px;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-section-heading h2 {
  padding-inline-start: 9px;
  border-inline-start: 4px solid var(--service-blue);
  font-size: clamp(1.15rem, 2cqi, 1.6rem);
  font-weight: 780;
  line-height: 1.18;
}

.fb-service-catalog .fb-service-text-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  border: 0;
  color: var(--service-blue-dark);
  background: transparent;
  font: inherit;
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
}

.fb-service-catalog .fb-service-text-link:hover { text-decoration: underline; }
.fb-service-catalog .fb-service-category-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: clamp(7px, 1cqi, 14px);
}

.fb-service-catalog .fb-service-category-tile {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 7px;
  min-height: 94px;
  padding: 9px 5px;
  border: 1px solid var(--service-line);
  border-radius: 10px;
  color: var(--service-ink);
  background: linear-gradient(180deg, #f8fbff, var(--service-pale));
  font: inherit;
  text-align: center;
  cursor: pointer;
}

.fb-service-catalog .fb-service-category-tile:is(:hover, [aria-pressed="true"]) {
  border-color: #83affc;
  color: var(--service-blue-dark);
  background: #e8f1ff;
}

.fb-service-catalog .fb-service-category-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  color: var(--service-blue);
  background: #e7f0ff;
}

.fb-service-catalog .fb-service-category-icon svg { width: 24px; height: 24px; }
.fb-service-catalog .fb-service-category-name { font-size: .82rem; font-weight: 680; line-height: 1.2; }

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(9px, 1.25cqi, 18px);
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card {
  display: grid;
  grid-template-columns: minmax(0, .68fr) minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 157px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: #fff;
  box-shadow: 0 3px 10px #1c4f9d08;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card:hover {
  border-color: #a7c3f5;
  box-shadow: 0 6px 16px #18488f12;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-media {
  display: grid;
  position: relative;
  place-items: center;
  aspect-ratio: 1;
  align-self: start;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  color: var(--service-blue);
  background: radial-gradient(ellipse at 38% 22%, #f9fbff, #e6f0ff);
  cursor: pointer;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-media img {
  width: 100%;
  height: 100%;
  min-width: 0;
  max-height: 160px;
  object-fit: contain;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-media:has(> img) .fb-service-card-icon { display: none; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-icon { display: grid; place-items: center; width: 100%; height: 100%; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-icon svg { width: min(42%, 54px); height: auto; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-badge {
  position: absolute;
  inset: 5px auto auto 5px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  max-width: calc(100% - 10px);
  padding: 3px 5px;
  border-radius: 99px;
  color: #fff;
  background: #186640;
  font-size: .64rem;
  font-weight: 700;
  line-height: 1.15;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-badge.is-promoted { background: #0647c2; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-badge svg { width: 11px; height: 11px; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-body {
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 5px;
  min-width: 0;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card h3 { font-size: .97rem; line-height: 1.22; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card h3 :is(button, a) {
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: start;
  text-decoration: none;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-service-card h3 :is(button, a):hover { color: var(--service-blue-dark); text-decoration: underline; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-provider { color: var(--service-muted); font-size: .75rem; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-price { color: var(--service-blue-dark); font-size: .93rem; font-weight: 780; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card .fb-service-primary { min-height: 30px; padding: 5px 9px; font-size: .73rem; border-radius: 99px; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card .fb-service-primary svg { width: 13px; height: 13px; }
:is(.fb-service-catalog, .fb-service-detail) :is(.fb-service-card-rating, .fb-service-detail-rating) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 7px;
  color: var(--service-muted);
  font-size: .77rem;
}

:is(.fb-service-catalog, .fb-service-detail) .fb-shop-stars { color: #a65e00; white-space: nowrap; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-more { color: var(--service-muted); font-size: .75rem; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-more summary { cursor: pointer; }
:is(.fb-service-catalog, .fb-service-detail) .fb-service-card-more button { margin: 4px 4px 0 0; }
.fb-service-catalog .fb-service-promoted-slot .fb-service-card { height: 100%; }
.fb-service-catalog [data-catalog-view="list"] .fb-service-card-grid { grid-template-columns: minmax(0, 1fr); }
.fb-service-catalog [data-catalog-view="list"] .fb-service-card { grid-template-columns: minmax(85px, 145px) minmax(0, 1fr); }
.fb-service-catalog .fb-service-result-count { color: var(--service-muted); font-size: .84rem; font-weight: 650; }
.fb-service-catalog .fb-service-empty {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: clamp(15px, 3cqi, 35px);
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: var(--service-pale);
  text-align: center;
}

.fb-service-catalog .fb-service-empty p { color: var(--service-muted); }
.fb-service-catalog .fb-service-filter-panel { margin: 14px 0; }
.fb-service-catalog .fb-service-filter-panel > * { width: 100%; max-width: 100%; min-width: 0; }
.fb-service-catalog .fb-service-filter-panel :is(input, select) { max-width: 100%; }

.fb-service-catalog .fb-service-benefits {
  display: grid;
  grid-template-columns: minmax(160px, .85fr) minmax(0, 3fr);
  align-items: center;
  gap: 14px;
  padding: clamp(13px, 2cqi, 24px);
  border-radius: var(--service-radius);
  background: #ebf3ff;
}

.fb-service-catalog .fb-service-benefits h2 { font-size: clamp(1.02rem, 1.7cqi, 1.42rem); line-height: 1.2; }
.fb-service-catalog .fb-service-benefits ul { justify-content: space-around; }
.fb-service-catalog .fb-service-benefits li { display: grid; justify-items: center; gap: 5px; flex: 1 1 115px; font-size: .82rem; font-weight: 680; text-align: center; }
.fb-service-catalog .fb-service-benefits svg { width: 24px; height: 24px; color: var(--service-blue-dark); }

.fb-service-catalog .fb-service-cta {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  padding: clamp(16px, 2.6cqi, 32px);
  overflow: hidden;
  border-radius: var(--service-radius);
  color: #fff;
  background: linear-gradient(120deg, #092e79, #0755e3 67%, #00a1e9);
}

.fb-service-catalog .fb-service-cta::after {
  position: absolute;
  z-index: -1;
  inset: -55% -1% -78% 58%;
  border: 20px solid #92cbff36;
  border-radius: 50%;
  transform: rotate(-18deg);
  content: "";
}

.fb-service-catalog .fb-service-cta-copy { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 13px; }
.fb-service-catalog .fb-service-cta-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  grid-row: 1 / span 2;
  border-radius: 11px;
  background: #ffffff26;
}

.fb-service-catalog .fb-service-cta-icon svg { width: 26px; height: 26px; }
.fb-service-catalog .fb-service-cta-copy > div { display: grid; gap: 4px; }
.fb-service-catalog .fb-service-cta h2 { color: inherit; font-size: clamp(1.18rem, 2.3cqi, 1.9rem); line-height: 1.15; }
.fb-service-catalog .fb-service-cta p { color: #eff5ff; }
.fb-service-catalog .fb-service-cta .fb-service-primary {
  padding-inline: 18px;
  border-color: #fff;
  border-radius: 99px;
  color: #12366e;
  background: #fff;
}

.fb-service-catalog .fb-service-cta .fb-service-primary:hover { color: #072d6c; background: #eaf3ff; }
.fb-service-catalog .marketplace-catalog-help { margin-top: 18px; }

@container service-catalog (max-width: 1030px) {
  .fb-service-catalog .fb-service-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container service-catalog (max-width: 790px) {
  .fb-service-catalog .fb-service-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fb-service-catalog .fb-service-benefits { grid-template-columns: minmax(0, 1fr); }
}

@container service-catalog (max-width: 575px) {
  .fb-service-catalog .fb-service-hero { grid-template-columns: minmax(0, 1fr); }
  .fb-service-catalog .fb-service-hero-art { padding: 0 10px 10px; }
  .fb-service-catalog .fb-service-hero-art > svg { max-height: 145px; }
  .fb-service-catalog .fb-service-hero::before { inset: 0 -80% -180% 32%; }
  .fb-service-catalog .fb-service-card { grid-template-columns: minmax(0, 1fr); align-content: start; }
  .fb-service-catalog .fb-service-card-media { aspect-ratio: 1.4; }
  .fb-service-catalog .fb-service-card-body { align-content: start; }
}

@container service-catalog (max-width: 330px) {
  .fb-service-catalog .fb-service-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fb-service-detail .fb-service-detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
  padding: 4px 0 12px;
  color: var(--service-muted);
  font-size: .83rem;
}

.fb-service-detail :is(.fb-service-detail-breadcrumb button, .fb-service-detail-breadcrumb a, .fb-service-detail-provider button, .fb-service-detail-rating button) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  color: var(--service-blue-dark);
  background: transparent;
  font: inherit;
  font-weight: 700;
  text-align: start;
  text-decoration: none;
}

.fb-service-detail :is(.fb-service-detail-breadcrumb button, .fb-service-detail-breadcrumb a, .fb-service-detail-provider button, .fb-service-detail-rating button):hover {
  text-decoration: underline;
}

.fb-service-detail .fb-service-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr) minmax(220px, .65fr);
  align-items: start;
  gap: clamp(13px, 1.65cqi, 25px);
}

.fb-service-detail .fb-service-detail-hero > * { min-width: 0; }
.fb-service-detail .fb-service-detail-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

.fb-service-detail .fb-service-detail-gallery:has(.fb-service-detail-thumbs button) {
  grid-template-columns: clamp(44px, 5.2cqi, 66px) minmax(0, 1fr);
}

.fb-service-detail .fb-service-detail-thumbs { display: flex; flex-direction: column; gap: 8px; padding: 2px; }
.fb-service-detail .fb-service-detail-thumbs button {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  padding: 4px;
  overflow: hidden;
  border: 1px solid var(--service-line);
  border-radius: 8px;
  color: var(--service-blue);
  background: var(--service-pale);
}

.fb-service-detail .fb-service-detail-thumbs button:is(:hover, [aria-pressed="true"]) { border-color: var(--service-blue); }
.fb-service-detail .fb-service-detail-thumbs img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.fb-service-detail .fb-service-detail-media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 200px;
  aspect-ratio: 1.32;
  max-height: 380px;
  overflow: hidden;
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: linear-gradient(145deg, #eff6ff, #dceaff);
}

.fb-service-detail .fb-service-detail-media-frame { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
.fb-service-detail .fb-service-detail-media-frame :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fb-service-detail .fb-service-detail-media-empty {
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 14px;
  color: var(--service-muted);
  text-align: center;
}

.fb-service-detail .fb-service-detail-media-empty svg { width: clamp(44px, 7cqi, 74px); height: auto; color: #4279d0; }
.fb-service-detail :is(.fb-service-detail-verified, .fb-service-detail-media-note) {
  position: absolute;
  inset-inline-start: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: calc(100% - 58px);
  padding: 4px 7px;
  border-radius: 8px;
  color: #fff;
  font-size: .73rem;
  font-weight: 700;
  pointer-events: none;
}

.fb-service-detail .fb-service-detail-verified { inset-block-start: 10px; background: #186640; }
.fb-service-detail .fb-service-detail-media-note { inset-block-end: 12px; background: #102550dc; }
.fb-service-detail :is(.fb-service-detail-verified, .fb-service-detail-media-note) svg { width: 14px; height: 14px; flex-shrink: 0; }
.fb-service-detail .fb-service-detail-zoom {
  position: absolute;
  inset: auto 12px 12px auto;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #d4e2f9;
  border-radius: 99px;
  color: var(--service-blue-dark);
  background: #fff;
  box-shadow: 0 2px 8px #183b7c24;
}

.fb-service-detail .fb-service-detail-info { display: grid; align-content: start; gap: 10px; padding: 1px 0; }
.fb-service-detail .fb-service-detail-kicker { color: var(--service-blue-dark); font-size: .85rem; font-weight: 750; }
.fb-service-detail .fb-service-detail-info h1 {
  font-size: clamp(1.55rem, 2.6cqi, 2.42rem);
  font-weight: 800;
  letter-spacing: -.027em;
  line-height: 1.08;
}

.fb-service-detail .fb-service-detail-info p { color: var(--service-muted); }
.fb-service-detail .fb-service-detail-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 95px), 1fr));
  min-width: 0;
  margin: 3px 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: var(--service-pale);
  list-style: none;
}

.fb-service-detail .fb-service-detail-facts > * {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 10px 7px;
  color: var(--service-muted);
  font-size: .8rem;
  text-align: center;
}

.fb-service-detail .fb-service-detail-facts > * + * { border-inline-start: 1px solid var(--service-line); }
.fb-service-detail .fb-service-detail-facts :is(dd, dt) { margin: 0; }
.fb-service-detail .fb-service-detail-facts :is(strong, dd) { color: var(--service-ink); font-weight: 750; }
.fb-service-detail .fb-service-detail-facts svg { width: 20px; height: 20px; color: var(--service-blue); }
.fb-service-detail .fb-service-detail-provider { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--service-muted); font-size: .83rem; }
.fb-service-detail .fb-service-detail-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  color: var(--service-muted);
}

.fb-service-detail .fb-service-detail-price strong { color: var(--service-blue-dark); font-size: clamp(1.2rem, 2.3cqi, 1.95rem); }
.fb-service-detail .fb-service-detail-price del { font-size: .9rem; }
.fb-service-detail .fb-service-detail-rows { display: grid; gap: 7px; margin-block: 9px; }
.fb-service-detail .fb-service-detail-rows > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; padding-block: 4px; border-bottom: 1px solid var(--service-line); }
.fb-service-detail .fb-service-detail-rows dt { color: var(--service-muted); font-size: .83rem; }
.fb-service-detail .fb-service-detail-rows dd { margin: 0; font-size: .89rem; font-weight: 650; white-space: pre-line; }
.fb-service-detail .fb-service-detail-provider-logo {
  display: block;
  width: min(68px, 100%);
  aspect-ratio: 1;
  margin: 0 0 9px;
  border: 1px solid var(--service-line);
  border-radius: 9px;
  background: #fff;
  object-fit: contain;
}

.fb-service-detail .fb-service-booking {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: #fff;
  box-shadow: 0 6px 16px #1348930e;
}

.fb-service-detail .fb-service-booking-head {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 13px 14px;
  color: #fff;
  background: linear-gradient(112deg, #0744b9, var(--service-blue));
  font-size: .96rem;
  font-weight: 750;
}

.fb-service-detail .fb-service-booking-head :is(h2, h3) { color: inherit; font: inherit; }
.fb-service-detail .fb-service-booking-head svg { flex: 0 0 auto; width: 21px; height: 21px; }
.fb-service-detail .fb-service-booking .public-listing-booking {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  margin: 0;
  padding: 13px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.fb-service-detail .fb-service-booking .public-listing-booking h3 { color: var(--service-ink); font-size: .95rem; }
.fb-service-detail .fb-service-booking .public-listing-booking p { color: var(--service-muted); font-size: .83rem; }
.fb-service-detail .fb-service-booking .public-listing-booking form { grid-template-columns: minmax(0, 1fr); align-items: start; }
.fb-service-detail .fb-service-booking .public-listing-booking label { color: var(--service-ink); font-size: .82rem; font-weight: 680; }
.fb-service-detail .fb-service-booking .public-listing-booking :is(input, select, textarea) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: 1px solid var(--service-line);
  border-radius: 7px;
  color: var(--service-ink);
  background: #fff;
  font: inherit;
}

.fb-service-detail .fb-service-booking .public-listing-booking textarea { min-height: 58px; resize: vertical; }
.fb-service-detail .fb-service-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 5px; }
.fb-service-detail .fb-service-detail-info .fb-service-detail-actions > button { flex: 0 1 auto; width: auto; }
.fb-service-detail .fb-service-booking > .fb-service-detail-actions { padding: 7px 13px 13px; }
.fb-service-detail .fb-service-detail-actions .public-listing-action-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

.fb-service-detail .fb-service-detail-actions :is(small, p) { color: var(--service-muted); font-size: .79rem; }
.fb-service-detail .fb-service-booking .b2c-service-requests { min-width: 0; margin: 0; padding: 12px; box-shadow: none; }
.fb-service-detail .b2c-service-request-list { max-width: 100%; overflow-x: auto; }
.fb-service-detail .b2c-service-request-list table { min-width: 580px; }

.fb-service-detail .fb-service-detail-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  margin: clamp(16px, 2.3cqi, 27px) 0 0;
  padding: 5px;
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: var(--service-pale);
}

.fb-service-detail .fb-service-detail-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 37px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--service-ink);
  background: transparent;
  font: inherit;
  font-size: .83rem;
  font-weight: 690;
  text-align: start;
}

.fb-service-detail .fb-service-detail-tabs button:hover { border-color: #bdd3fa; }
.fb-service-detail .fb-service-detail-tabs button[aria-selected="true"] { color: #fff; background: var(--service-blue); }
.fb-service-detail .fb-service-detail-panels { min-width: 0; margin-top: 10px; }
.fb-service-detail .fb-service-detail-panel { min-width: 0; }
.fb-service-detail .fb-service-detail-panel > :is(h2, h3) { margin-bottom: 9px; font-size: 1.17rem; }
.fb-service-detail .fb-service-detail-panel > :is(p, dl, details, ul) { margin-block: 0 12px; }
.fb-service-detail .fb-service-detail-panel details { padding: 9px 12px; border: 1px solid var(--service-line); border-radius: 8px; background: #fff; }
.fb-service-detail .fb-service-detail-panel summary { font-weight: 700; cursor: pointer; }
.fb-service-detail .fb-service-detail-panel details p { margin-top: 8px; }
.fb-service-detail .fb-service-detail-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 12px;
}

.fb-service-detail .fb-service-detail-overview > *,
.fb-service-detail .fb-service-detail-review-summary {
  min-width: 0;
  padding: clamp(12px, 1.6cqi, 20px);
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  background: #fff;
}

.fb-service-detail .fb-service-detail-overview :is(h2, h3) { margin-bottom: 9px; font-size: 1.12rem; line-height: 1.2; }
.fb-service-detail .fb-service-detail-overview :is(h2, h3) > svg { width: 19px; height: 19px; margin-inline-end: 3px; vertical-align: -.17em; color: var(--service-blue); }
.fb-service-detail .fb-service-detail-overview p { color: var(--service-muted); white-space: pre-line; }
.fb-service-detail .fb-service-detail-overview .fb-service-detail-policies { background: var(--service-pale); }
.fb-service-detail .fb-service-detail-overview :is(ul, dl) { margin-block: 8px 0; }
.fb-service-detail .fb-service-detail-included ul { display: grid; gap: 6px; padding: 0; list-style: none; }
.fb-service-detail .fb-service-detail-included li { display: flex; align-items: baseline; gap: 7px; color: var(--service-muted); }
.fb-service-detail .fb-service-detail-included li svg { flex: 0 0 auto; align-self: center; width: 16px; height: 16px; color: #16744a; }
.fb-service-detail .fb-service-detail-included li strong { margin-inline-end: 3px; color: var(--service-ink); }
.fb-service-detail .fb-service-detail-review-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; background: var(--service-pale); }
.fb-service-detail .fb-service-detail-related > h2 { margin-bottom: 12px; padding-inline-start: 9px; border-inline-start: 4px solid var(--service-blue); font-size: clamp(1.15rem, 2cqi, 1.6rem); }
.fb-service-detail .ugc-panel { margin: 10px 0; padding: clamp(12px, 1.6cqi, 20px); border-color: var(--service-line); border-radius: var(--service-radius); color: var(--service-ink); }
.fb-service-detail .ugc-panel h2 { font-size: 1.12rem; }
.fb-service-detail .ugc-panel p { margin-top: 5px; }
.fb-service-detail .ugc-review { border-color: var(--service-line); }
.fb-service-detail .ugc-review h3 { font-size: .99rem; }

.fb-service-detail .fb-service-detail-dialog {
  box-sizing: border-box;
  width: min(90vw, 920px);
  max-height: 90vh;
  padding: 14px;
  border: 1px solid var(--service-line);
  border-radius: var(--service-radius);
  color: var(--service-ink);
  background: #fff;
}

.fb-service-detail .fb-service-detail-dialog::backdrop { background: #061636bd; }
.fb-service-detail .fb-service-detail-dialog img { display: block; width: 100%; max-height: 73vh; margin: 10px auto 0; object-fit: contain; }

@container service-detail (max-width: 1030px) {
  .fb-service-detail .fb-service-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container service-detail (max-width: 810px) {
  .fb-service-detail .fb-service-detail-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fb-service-detail .fb-service-booking { grid-column: 1 / -1; }
}

@container service-detail (max-width: 570px) {
  .fb-service-detail .fb-service-detail-hero { grid-template-columns: minmax(0, 1fr); }
  .fb-service-detail .fb-service-detail-facts:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fb-service-detail .fb-service-detail-facts:has(> :nth-child(4):last-child) > :nth-child(3) { border-inline-start: 0; }
  .fb-service-detail .fb-service-detail-facts:has(> :nth-child(4):last-child) > :nth-child(n+3) { border-block-start: 1px solid var(--service-line); }
  .fb-service-detail .fb-service-detail-gallery:has(.fb-service-detail-thumbs button) { grid-template-columns: minmax(0, 1fr); }
  .fb-service-detail .fb-service-detail-media { grid-row: 1; min-height: 0; }
  .fb-service-detail .fb-service-detail-thumbs { flex-direction: row; }
  .fb-service-detail .fb-service-detail-thumbs button { width: 47px; }
  .fb-service-detail .fb-service-detail-tabs button { flex: 1 1 125px; justify-content: center; padding-inline: 6px; }
  .fb-service-detail .fb-service-card { grid-template-columns: minmax(0, 1fr); align-content: start; }
}


/* Service catalog only: the existing search form sits next to its results. */
.fb-service-catalog .fb-service-catalog-columns {
  display: grid;
  grid-template-columns: clamp(230px, 23cqi, 286px) minmax(0, 1fr);
  gap: clamp(14px, 1.7cqi, 24px);
  align-items: start;
}

.fb-service-catalog .fb-service-catalog-columns > * { min-width: 0; }
.fb-service-catalog .fb-service-catalog-columns > .fb-service-filter-panel { margin: 0; }
.fb-service-catalog .fb-service-filter-panel .catalog-search-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 16px !important;
  overflow: visible;
  border-color: var(--service-line);
  border-radius: var(--service-radius);
}

.fb-service-catalog .fb-service-filter-panel .catalog-search-panel form { gap: 13px; }
.fb-service-catalog .fb-service-filter-panel .catalog-search-heading {
  display: grid;
  justify-content: stretch;
  justify-items: start;
  gap: 8px;
}

.fb-service-catalog .fb-service-filter-panel .catalog-search-heading h3 { font-size: 18px; }
.fb-service-catalog .fb-service-filter-panel .catalog-reset { white-space: normal; }
.fb-service-catalog .fb-service-filter-panel .catalog-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
}

.fb-service-catalog .fb-service-filter-panel .catalog-search-row > .primary-button {
  background: var(--service-blue);
}

.fb-service-catalog .fb-service-filter-panel .catalog-search-row > .primary-button:hover {
  background: var(--service-blue-dark);
}

.fb-service-catalog .fb-service-filter-panel :is(.catalog-primary-filters, .catalog-extra-grid) {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 11px;
}

.fb-service-catalog .fb-service-filter-panel .catalog-primary-filters > .fb-directory-field:first-child {
  grid-column: auto;
}

.fb-service-catalog .fb-service-filter-panel .catalog-extra-filters summary span {
  display: block;
  margin: 3px 0 0;
}

.fb-service-catalog .fb-service-filter-panel .catalog-result-summary { gap: 4px 10px; }
.fb-service-catalog .fb-service-results-column [data-catalog-view="grid"] .fb-service-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 245px), 1fr));
}

@container service-catalog (max-width: 730px) {
  .fb-service-catalog .fb-service-catalog-columns { grid-template-columns: minmax(0, 1fr); }
}


/* The catalog shares the service storefront shell and sidebar. Product cards
   get a wider photo area and an optional list layout. */
.fb-product-catalog .fb-product-catalog-card {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 11px;
  min-height: 0;
  padding: 11px;
}

.fb-product-catalog .fb-product-catalog-card .fb-service-card-media {
  aspect-ratio: 16 / 10;
}

.fb-product-catalog .fb-product-catalog-card .fb-service-card-media img {
  position: absolute;
  inset: 0;
  max-height: none;
  object-fit: contain;
}

.fb-product-catalog .fb-product-catalog-card .fb-service-card-body {
  align-content: start;
  align-self: stretch;
  gap: 6px;
}

.fb-product-catalog .fb-product-catalog-card h3 { font-size: 1rem; }
.fb-product-catalog .fb-product-catalog-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding-top: 2px;
}

.fb-product-catalog .fb-product-catalog-actions > :is(a, button) {
  justify-content: center;
  text-align: center;
}

.fb-product-catalog .fb-service-results-column [data-catalog-view="grid"] .fb-product-catalog-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 211px), 1fr));
}

.fb-product-catalog [data-catalog-view="list"] .fb-product-catalog-card {
  grid-template-columns: minmax(100px, 168px) minmax(0, 1fr);
  grid-template-rows: auto;
}

.fb-product-catalog .fb-service-card-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 6px;
}

.fb-product-catalog .fb-service-card-price del {
  color: var(--service-muted);
  font-size: .82em;
  font-weight: 500;
}

.fb-product-catalog .fb-product-discount {
  padding: 2px 5px;
  border-radius: 4px;
  background: #b51e37;
  color: #fff;
  font-size: .72rem;
  font-weight: 750;
}

@container service-catalog (min-width: 320px) and (max-width: 480px) {
  .fb-product-catalog .fb-service-results-column [data-catalog-view="grid"] .fb-product-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fb-product-catalog .fb-product-catalog-card { padding: 8px; }
}


/* Supplier cards use the same blue catalog shell, with shop identity first. */
.fb-supplier-catalog .fb-supplier-catalog-card {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  padding: 0;
}

.fb-supplier-catalog .fb-supplier-catalog-card .fb-supplier-catalog-media {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  aspect-ratio: auto;
  min-height: 79px;
  padding: 12px;
  border: 0;
  border-bottom: 1px solid var(--service-line);
  border-radius: var(--service-radius) var(--service-radius) 0 0;
  background: linear-gradient(120deg, #eaf2ff, #f6f9ff);
  color: var(--service-ink);
  text-align: start;
}

.fb-supplier-catalog .fb-supplier-catalog-logo {
  position: relative;
  display: grid;
  flex: 0 0 49px;
  place-items: center;
  width: 49px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid #c9dcff;
  border-radius: 10px;
  background: #fff;
  color: var(--service-blue-dark);
  font-weight: 800;
}

.fb-supplier-catalog .fb-supplier-catalog-logo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 3px;
  background: #fff;
  object-fit: contain;
}

.fb-supplier-catalog .fb-supplier-catalog-location {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: var(--service-blue-dark);
  font-size: .8rem;
  font-weight: 700;
}

.fb-supplier-catalog .fb-supplier-catalog-card .fb-service-card-body {
  align-content: start;
  padding: 13px;
  gap: 7px;
}

.fb-supplier-catalog .fb-supplier-catalog-card h3 { font-size: 1.03rem; }
.fb-supplier-catalog .fb-supplier-catalog-seller,
.fb-supplier-catalog .fb-supplier-catalog-description { color: var(--service-muted); font-size: .83rem; }
.fb-supplier-catalog .fb-supplier-catalog-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.fb-supplier-catalog :is(.fb-supplier-catalog-meta, .fb-supplier-catalog-badges, .fb-supplier-catalog-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  min-width: 0;
}

.fb-supplier-catalog .fb-supplier-catalog-meta {
  color: var(--service-muted);
  font-size: .78rem;
}

.fb-supplier-catalog .fb-supplier-catalog-meta > * { display: inline-flex; align-items: center; gap: 4px; }
.fb-supplier-catalog .fb-supplier-catalog-meta svg { width: 14px; height: 14px; color: var(--service-blue-dark); }
.fb-supplier-catalog .fb-supplier-catalog-actions { padding-top: 4px; }

.fb-supplier-catalog .fb-service-results-column .fb-supplier-catalog-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 247px), 1fr));
}

@container service-catalog (min-width: 380px) and (max-width: 510px) {
  .fb-supplier-catalog .fb-service-results-column .fb-supplier-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Account shortcuts and ad placements in the public B2C marketplace. */
.fb-market-blue .fb-market-top {
  box-sizing: border-box;
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: var(--market-limit);
  margin-inline: auto;
  padding: 10px var(--market-gutter) 8px;
}

.fb-market-blue .fb-market-top .fb-market-top-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  width: auto;
  margin: 0;
  padding: 0;
}

.fb-market-blue .fb-market-top .fb-market-top-actions > :is(a, button) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 35px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--market-border);
  border-radius: 8px;
  background: var(--market-surface);
  box-shadow: none;
  color: var(--market-deep);
  font-size: .81rem;
  font-weight: 680;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

.fb-market-blue .fb-market-top .fb-market-top-actions > :is(a, button):hover {
  border-color: #a9c5f8;
  background: #e7effe;
}

.fb-market-blue .fb-market-top .fb-market-top-actions > [data-global-ai-open],
.fb-market-blue .fb-market-top .account-ad-card > .small-button {
  border-color: var(--market-blue);
  background: var(--market-blue);
  color: #fff;
}

.fb-market-blue .fb-market-top .fb-market-top-actions > [data-global-ai-open]:hover,
.fb-market-blue .fb-market-top .account-ad-card > .small-button:hover {
  border-color: #0544bc;
  background: #0544bc;
  color: #fff;
}

.fb-market-blue .fb-market-top .fb-market-top-actions svg,
.fb-market-blue .fb-market-top .account-ad-card > span svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

.fb-market-blue .fb-market-top :is(a, button):focus-visible {
  outline: 2px solid var(--market-blue);
  outline-offset: 2px;
}

.fb-market-blue .fb-market-top > [data-account-ads-host]:empty {
  display: none;
}

.fb-market-blue .fb-market-top .account-ad-section {
  width: 100%;
  margin: 0;
  padding: 0;
  gap: 8px;
}

.fb-market-blue .fb-market-top .account-ad-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.fb-market-blue .fb-market-top .account-ad-card {
  min-width: 0;
  min-height: 0;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto auto 1fr auto;
  align-content: stretch;
  align-items: start;
  gap: 3px 8px;
  padding: 9px;
  border-color: var(--market-border);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 7px #0b204c0a;
}

.fb-market-blue .fb-market-top .account-ad-card > span {
  grid-row: 1 / 4;
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: #e8f0ff;
  color: var(--market-blue);
}

.fb-market-blue .fb-market-top .account-ad-card > small {
  color: #174791;
  font-size: .69rem;
  font-weight: 680;
  line-height: 1.2;
}

.fb-market-blue .fb-market-top .account-ad-card > strong {
  color: var(--market-ink);
  font-size: .92rem;
  line-height: 1.2;
}

.fb-market-blue .fb-market-top .account-ad-card > p {
  color: var(--market-muted);
  font-size: .73rem;
  font-weight: 500;
  line-height: 1.3;
}

.fb-market-blue .fb-market-top .account-ad-card > .small-button {
  min-width: 0;
  min-height: 30px;
  margin: 3px 0 0;
  padding: 5px 7px;
  border-radius: 7px;
  box-shadow: none;
  font-size: .75rem;
  line-height: 1.25;
  white-space: normal;
}

.fb-market-blue .fb-market-top .ad-free-upgrade-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 35px;
  padding: 6px 10px;
  border: 1px solid #123b89;
  border-radius: 8px;
  background: linear-gradient(115deg, var(--market-deep), #0646bd);
  box-shadow: none;
  color: #fff;
  font-size: .8rem;
  font-weight: 680;
  line-height: 1.3;
  text-decoration: none;
}

.fb-market-blue .fb-market-top .ad-free-upgrade-button:hover {
  background: #07378e;
}

@media (max-width: 920px) {
  .fb-market-blue .fb-market-top .account-ad-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .fb-market-blue .fb-market-top .account-ad-card {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .fb-market-blue .fb-market-top .account-ad-card > span {
    grid-row: 1 / 3;
    width: 26px;
    height: 26px;
  }

  .fb-market-blue .fb-market-top .account-ad-card > p {
    grid-column: 1 / -1;
  }
}

@media (max-width: 359px) {
  .fb-market-blue .fb-market-top .account-ad-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Apply the marketplace accents to the shared account chrome. */
.app-shell > .sidebar {
  color: var(--fb-brand-muted);
  border-inline-end-color: var(--fb-brand-border);
}

.app-shell .sidebar .brand .fb-platform-wordmark { color: var(--fb-brand-ink); }
.app-shell .sidebar .brand-mark {
  background: var(--fb-brand-tint);
  color: var(--fb-brand-blue);
}

.app-shell .sidebar :is(.nav-item, .portal-switcher button) { color: var(--fb-brand-muted); }
.app-shell .sidebar :is(.nav-item, .portal-switcher button):is(:hover, :focus-visible) {
  border-color: var(--fb-brand-border);
  background: var(--fb-brand-surface);
  color: var(--fb-brand-dark);
}

.app-shell .sidebar :is(.nav-item.active, .portal-switcher button.active, .company-admin-return-card.active) {
  border-color: #bfd3f8;
  background: var(--fb-brand-tint);
  color: var(--fb-brand-dark);
}

.app-shell .topbar h1,
.login-shell :is(h1, h2, h3),
.public-shell :is(h1, h2, h3) { color: var(--fb-brand-ink); }

.login-shell .login-logo {
  background: var(--fb-brand-deep);
  color: #fff;
}

.app-shell .account-ad-card > span,
.login-shell .login-icon,
.public-b2b-shell .public-b2b-brand > svg {
  background: var(--fb-brand-tint);
  color: var(--fb-brand-blue);
}

.app-shell .ad-free-upgrade-button,
#app > [data-account-ads-host] .ad-free-upgrade-button,
.public-b2b-shell .ad-free-upgrade-button {
  background: linear-gradient(115deg, var(--fb-brand-deep), var(--fb-brand-dark));
  color: #fff;
}

.app-shell .ad-free-upgrade-button:hover,
#app > [data-account-ads-host] .ad-free-upgrade-button:hover,
.public-b2b-shell .ad-free-upgrade-button:hover { background: var(--fb-brand-deep); }

/* Account setup, address book, account context, providers and ANAF have
   separate stylesheets. These scoped rules apply the shared interface palette. */
:root :is(
  #account-setup-dialog.account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog,
  #freebill-anaf-workspace.anaf-workspace
) {
  border-color: var(--fb-brand-border);
  color: var(--fb-brand-ink);
}

:root :is(
  #account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog,
  #freebill-anaf-workspace
)::backdrop {
  background-color: rgb(11 32 76 / 47%);
}

:root :is(
  #account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog,
  #freebill-anaf-workspace
) :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  border-color: var(--fb-brand-border);
  color: var(--fb-brand-ink);
}

:root :is(
  #account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog,
  #freebill-anaf-workspace
) :is(input[type=checkbox], input[type=radio]) {
  accent-color: var(--fb-brand-blue);
}

:root :is(
  #account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog,
  #freebill-anaf-workspace
) :is(input, select, textarea, button, summary, a):focus-visible {
  outline-color: var(--fb-brand-blue);
}

:root :is(
  #account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog
) .primary-button,
:root #account-setup-dialog .setup-footer .primary-button,
:root #freebill-anaf-workspace :is(.primary-button, button[aria-pressed=true]) {
  background: var(--fb-brand-blue);
  border-color: var(--fb-brand-blue);
  color: #fff;
}

:root :is(
  #account-setup-dialog,
  #freebill-address-dialog,
  #freebill-account-context-dialog,
  #freebill-provider-dialog
) .primary-button:hover:not(:disabled),
:root #account-setup-dialog .setup-footer .primary-button:hover:not(:disabled),
:root #freebill-anaf-workspace :is(.primary-button, button[aria-pressed=true]):hover:not(:disabled) {
  background: var(--fb-brand-dark);
  border-color: var(--fb-brand-dark);
  color: #fff;
}

:root #account-setup-dialog :is(.setup-header, .setup-footer, .setup-flow-context, .setup-steps .setup-step-number),
:root #account-setup-dialog :is(.setup-options, .setup-goal, .setup-card, .setup-guided-section, .setup-contact, .setup-checks li) {
  border-color: var(--fb-brand-border);
}

:root #account-setup-dialog :is(.setup-flow-sidebar, .setup-steps, .setup-context, .setup-contact) {
  background-color: var(--fb-brand-surface);
}

:root #account-setup-dialog .setup-flow-sidebar {
  border-color: var(--fb-brand-border);
}

:root #account-setup-dialog :is(
  .setup-flow-position, .setup-flow-context, .setup-content > p, .setup-preview,
  .setup-hint, .setup-market-status, .setup-goal small, .setup-contact dt,
  .setup-save-status, .setup-steps li:not(.is-current)
) {
  color: var(--fb-brand-muted);
}

:root #account-setup-dialog :is(.setup-header .eyebrow, .setup-flow-country, .setup-options > summary) {
  color: var(--fb-brand-dark);
}

:root #account-setup-dialog .setup-steps li.is-current,
:root #account-setup-dialog .setup-goal:has(input:checked),
:root .account-setup-banner {
  background-color: var(--fb-brand-tint);
  border-color: #b6cdf9;
}

:root #account-setup-dialog .setup-steps li.is-current {
  color: var(--fb-brand-deep);
}

:root #account-setup-dialog .setup-steps li.is-current .setup-step-number {
  background-color: var(--fb-brand-blue);
  border-color: var(--fb-brand-blue);
  color: #fff;
}

:root #account-setup-dialog .setup-goal input {
  accent-color: var(--fb-brand-blue);
}

:root :is(#freebill-address-dialog, #freebill-account-context-dialog, #freebill-provider-dialog) :is(
  .panel, details, [data-provider-account]
) {
  border-color: var(--fb-brand-border);
}

:root #freebill-anaf-workspace :is(fieldset, .anaf-line, .anaf-record) {
  border-color: var(--fb-brand-border);
}

:root #freebill-anaf-workspace button:not(.primary-button):not([aria-pressed=true]) {
  background-color: var(--fb-brand-surface);
  border-color: var(--fb-brand-border);
  color: var(--fb-brand-ink);
}

:root #freebill-anaf-workspace button:not(.primary-button):not([aria-pressed=true]):hover:not(:disabled) {
  background-color: var(--fb-brand-tint);
  border-color: var(--fb-brand-blue);
}

.sales-form .sales-cash-receipt-box {
  grid-template-columns: minmax(0, 1fr) minmax(0, 34%);
  align-items: center;
  gap: 16px 24px;
}

.sales-form .sales-checkbox-row {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  cursor: pointer;
}

.sales-form .sales-checkbox-row:has(> input:disabled) {
  cursor: default;
}

.sales-form .sales-checkbox-row > input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 1px 0 0;
  padding: 0;
  accent-color: var(--fb-brand-blue, var(--teal));
  cursor: inherit;
}

.sales-form .sales-checkbox-row > input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--fb-brand-blue, var(--teal));
  outline-offset: 3px;
}

.sales-form .sales-checkbox-row > span {
  min-width: 0;
}

.sales-form .sales-checkbox-row b {
  font-size: 14px;
  line-height: 22px;
}

.sales-form .sales-checkbox-row small {
  font-weight: 500;
}

@media (max-width: 700px) {
  .sales-form .sales-cash-receipt-box {
    grid-template-columns: minmax(0, 1fr);
  }
}


[data-automation-section="operator"],
[data-automation-section="operator"] .panel-head > div {
  min-width: 0;
}

[data-automation-section="operator"] .ai-operator-command-box {
  grid-template-columns: minmax(0, 1fr);
}

.ai-operator-command-box > label,
.ai-operator-command-box .admin-form > label {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.ai-operator-command-box > .admin-form {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.ai-operator-command-box select,
.ai-operator-command-box textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.ai-operator-command-box textarea {
  min-height: 110px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--ink);
  background: var(--surface, #fff);
  font: inherit;
}

[data-automation-section="operator"] :is(.ai-operator-suggestions, .ai-operator-result-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.ai-operator-suggestions > .small-button {
  min-width: 0;
  min-height: 44px;
  height: auto;
  padding: 8px 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

[data-automation-section="operator"] .panel-tools {
  align-items: center;
}

[data-automation-section="operator"] :is(.panel-tools, .ai-boundary-strip, details, .ai-box, .activity-row) {
  min-width: 0;
  overflow-wrap: anywhere;
}

[data-automation-section="operator"] details pre {
  white-space: pre-wrap;
}

[data-automation-section="operator"] .activity-row {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}

/* Public B2B presentation. Same palette and visual language as the B2C storefront.
   All rules are scoped to this storefront; account screens and B2C stay unchanged. */
.public-b2b-shell {
  --market-ink: #0b204c;
  --market-muted: #425879;
  --market-blue: #0755ed;
  --market-deep: #04275f;
  --market-border: #dbe5f5;
  --market-surface: #f3f7fd;
  --market-gutter: clamp(16px, 2.1vw, 32px);
  --market-limit: 1500px;
  background: #fbfdff;
  color: var(--market-ink);
}
.public-b2b-shell :is(.public-b2b-topbar, .public-b2b-market-nav, .public-b2b-ad-wrap, .public-b2b-page) {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--market-limit);
  margin-inline: auto;
  padding-inline: var(--market-gutter);
}
.public-b2b-shell .public-b2b-topbar {
  display: flex;
  flex-wrap: wrap;
  min-height: 90px;
  gap: 18px;
  padding-block: 16px;
  background: #fbfdff;
  border: 0;
}
.public-b2b-shell .public-b2b-brand { gap: 10px; color: var(--market-ink); }
.public-b2b-shell .public-b2b-brand > svg {
  width: clamp(36px, 4.1vw, 52px); height: clamp(36px, 4.1vw, 52px);
  flex: 0 0 auto; padding: 0; border-radius: 0; background: transparent;
  color: var(--market-blue); stroke-width: 2.25;
}
.public-b2b-shell .public-b2b-brand strong {
  font-size: clamp(25px, 3.02vw, 40px); font-weight: 850;
  line-height: 1; letter-spacing: -.055em; white-space: nowrap;
}
.public-b2b-shell .public-b2b-brand b { color: var(--market-blue); }
.public-b2b-shell .public-b2b-brand small { margin-top: 5px; color: var(--market-muted); font-size: 13px; }
.public-b2b-shell .public-b2b-header-label {
  display: flex; align-items: center; gap: 10px; padding: 10px 16px;
  background: var(--market-surface); border: 1px solid var(--market-border); border-radius: 10px;
}
.public-b2b-shell .public-b2b-header-label svg { width: 24px; height: 24px; color: var(--market-blue); }
.public-b2b-shell .public-b2b-header-label :is(strong, small) { display: block; }
.public-b2b-shell .public-b2b-header-label strong { font-size: 14px; }
.public-b2b-shell .public-b2b-header-label small { margin-top: 2px; color: var(--market-muted); font-size: 12px; }
.public-b2b-shell .public-b2b-market-nav {
  display: flex; flex-wrap: wrap; align-items: stretch; gap: 4px 18px;
  min-height: 54px; padding-block: 0; background: #f0f5fd;
  border-block: 1px solid #e2eaf7;
}
.public-b2b-shell .public-b2b-market-nav :is(a, span.public-b2b-nav-label) {
  display: inline-flex; align-items: center; gap: 9px; min-height: 52px;
  padding: 10px 16px; color: var(--market-ink); text-decoration: none;
  font-size: 14px; font-weight: 700; line-height: 1.3;
}
.public-b2b-shell .public-b2b-market-nav span.public-b2b-nav-label {
  min-width: 238px; border-radius: 6px; background: #064bd2; color: #fff;
}
.public-b2b-shell .public-b2b-market-nav svg { width: 18px; height: 18px; flex: 0 0 auto; }
.public-b2b-shell .public-b2b-market-nav a:hover { color: var(--market-blue); background: #e7effe; }
.public-b2b-shell :is(.primary-button, .small-button) {
  min-width: 0; max-width: 100%; min-height: 40px; padding: 9px 15px;
  border: 1px solid var(--market-border); border-radius: 8px;
  color: var(--market-deep); background: var(--market-surface); box-shadow: none;
  line-height: 1.35; white-space: normal;
}
.public-b2b-shell .primary-button,
.public-b2b-shell .public-b2b-topbar nav .small-button,
.public-b2b-shell .account-ad-card > .small-button {
  background: var(--market-blue); border-color: var(--market-blue); color: #fff;
}
.public-b2b-shell .small-button:hover { border-color: #a9c5f8; background: #e7effe; }
.public-b2b-shell .primary-button:hover,
.public-b2b-shell .public-b2b-topbar nav .small-button:hover,
.public-b2b-shell .account-ad-card > .small-button:hover { background: #0544bc; border-color: #0544bc; color: #fff; }
.public-b2b-shell :is(a, button, input, select):focus-visible { outline: 2px solid var(--market-blue); outline-offset: 3px; }
.public-b2b-shell .public-b2b-ad-wrap { padding-block: 12px; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-section { width: 100%; margin: 0; padding: 0; gap: 8px; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card {
  min-width: 0; min-height: 0; grid-template-columns: 32px minmax(0,1fr);
  grid-template-rows: auto auto 1fr auto; align-content: stretch; align-items: start;
  gap: 3px 8px; padding: 9px; border-color: var(--market-border); border-radius: 9px;
  background: #fff; box-shadow: 0 2px 7px #0b204c0a;
}
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card > span {
  grid-row: 1/4; width: 32px; height: 32px; border-radius: 7px; background: #e8f0ff; color: var(--market-blue);
}
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card > span svg { width: 16px; height: 16px; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card > small { color: #174791; font-size: .69rem; font-weight: 680; line-height: 1.2; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card > strong { color: var(--market-ink); font-size: .92rem; line-height: 1.2; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card > p { color: var(--market-muted); font-size: .73rem; font-weight: 500; line-height: 1.3; }
.public-b2b-shell .public-b2b-ad-wrap .account-ad-card > .small-button { min-height: 30px; margin: 3px 0 0; padding: 5px 7px; border-radius: 7px; font-size: .75rem; }
.public-b2b-shell .ad-free-upgrade-button {
  min-height: 35px; padding: 6px 10px; border: 1px solid #123b89; border-radius: 8px;
  background: linear-gradient(115deg, var(--market-deep), #0646bd); box-shadow: none;
  color: #fff; font-size: .8rem; font-weight: 680; line-height: 1.3;
}
.public-b2b-shell .public-b2b-page { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; padding-block: 4px 40px; }
.public-b2b-shell .public-b2b-page > * { min-width: 0; }
.public-b2b-shell .public-b2b-hero {
  position: relative; isolation: isolate; display: flex; align-items: center;
  min-height: clamp(250px, 24vw, 350px); margin: 0; overflow: hidden;
  border: 1px solid #124b9f; border-radius: 12px; color: #fff;
  background: radial-gradient(ellipse at 81% 86%, #1977f4 0%, transparent 45%), linear-gradient(130deg, #031334 0%, #062354 47%, #0649aa 100%);
}
.public-b2b-shell .public-b2b-hero::before {
  position: absolute; z-index: -1; inset: auto -19% -81% 31%; height: 129%; border-radius: 48%;
  transform: rotate(-14deg); background: linear-gradient(100deg, transparent, #0b66de 45%, #57b1ff); content: "";
}
.public-b2b-shell .public-b2b-hero::after {
  position: absolute; z-index: -1; inset: -25% auto auto 64%; width: 6%; height: 136%;
  transform: skewX(-38deg); background: linear-gradient(180deg, #0874fc, transparent 80%); content: "";
}
.public-b2b-shell .public-b2b-hero-copy { position: relative; z-index: 2; width: 56%; padding: clamp(24px, 3.5vw, 48px); }
.public-b2b-shell .public-b2b-hero .eyebrow { display: inline-block; margin-bottom: 12px; padding: 6px 10px; border: 1px solid #6eaaff66; border-radius: 999px; color: #b6e0ff; background: #1461b447; font-size: 11px; letter-spacing: .07em; }
.public-b2b-shell .public-b2b-hero h1 { margin: 0; color: #fff; font-size: clamp(28px, 3vw, 44px); font-weight: 750; line-height: 1.1; letter-spacing: -.035em; text-wrap: balance; }
.public-b2b-shell .public-b2b-hero p { max-width: 35em; margin: 16px 0 22px; color: #e5f1ff; font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; }
.public-b2b-shell .public-b2b-hero-link { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 10px 18px; border-radius: 999px; background: var(--market-blue); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.public-b2b-shell .public-b2b-hero-link:hover { background: #146bff; }
.public-b2b-shell .public-b2b-hero-link svg { width: 16px; height: 16px; }
.public-b2b-shell .fb-market-hero-art { position: absolute; z-index: 1; inset: 6% 4% 2% 56%; display: grid; align-content: center; justify-items: center; min-width: 0; pointer-events: none; }
.public-b2b-shell .fb-market-art-screen { position: relative; display: flex; width: 86%; max-width: 410px; aspect-ratio: 1.52; padding: 4%; border: 5px solid #183450; border-radius: 10px 10px 4px 4px; background: #eff6ff; box-shadow: 10px 16px 24px #001c4b66; transform: perspective(650px) rotateY(-13deg) rotateZ(-7deg); }
.public-b2b-shell .fb-market-art-sidebar { display: flex; flex: 0 0 14%; flex-direction: column; gap: 8%; padding: 5% 3%; background: #0b3975; }
.public-b2b-shell .fb-market-art-sidebar b { display: grid; place-items: center; color: #fff; background: #247aff; font-size: 15px; }
.public-b2b-shell .fb-market-art-sidebar i { width: 90%; height: 4%; border-radius: 3px; background: #8bb9ec; opacity: .7; }
.public-b2b-shell .fb-market-art-dashboard { display: grid; grid-template-rows: 12% 25% 1fr; flex: 1; gap: 10%; padding: 4% 5%; color: #0b204c; }
.public-b2b-shell .fb-market-art-dashboard strong { font-size: clamp(8px, 1vw, 13px); letter-spacing: .06em; }
.public-b2b-shell .fb-market-art-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 5%; }
.public-b2b-shell .fb-market-art-metrics i { display: block; border-radius: 3px; background: #387cff; }
.public-b2b-shell .fb-market-art-metrics i:first-child { background: #ff9a4c; }
.public-b2b-shell .fb-market-art-metrics i:last-child { background: #08a8c6; }
.public-b2b-shell .fb-market-art-bars { display: flex; justify-content: space-around; align-items: end; padding: 4% 2% 0; border: 1px solid #dce9fa; background: repeating-linear-gradient(0deg,#fff 0%,#fff 23%,#e6f0fc 24%,#fff 25%); }
.public-b2b-shell .fb-market-art-bars i { width: 8%; height: 36%; border-radius: 2px 2px 0 0; background: linear-gradient(#65bdff,#1566db); }
.public-b2b-shell .fb-market-art-bars i:nth-child(2) { height: 51%; }
.public-b2b-shell .fb-market-art-bars i:nth-child(3) { height: 43%; }
.public-b2b-shell .fb-market-art-bars i:nth-child(4) { height: 67%; }
.public-b2b-shell .fb-market-art-bars i:nth-child(5) { height: 57%; }
.public-b2b-shell .fb-market-art-bars i:nth-child(6) { height: 79%; }
.public-b2b-shell .fb-market-art-bars i:nth-child(7) { height: 92%; }
.public-b2b-shell .fb-market-art-base { position: relative; z-index: 2; width: 96%; max-width: 460px; height: 11px; margin-top: -7px; border-radius: 3px 3px 45% 45%; background: linear-gradient(#dceafa,#7899bc); transform: rotate(-7deg); box-shadow: 0 12px 20px #001c4b44; }
.public-b2b-shell .public-b2b-catalog { padding: 0; border: 0; border-radius: 0; background: transparent; scroll-margin-top: 20px; }
.public-b2b-shell .public-b2b-catalog-head { margin-bottom: 18px; align-items: center; }
.public-b2b-shell .public-b2b-catalog-head h2 { border-left: 4px solid var(--market-blue); padding-left: 12px; color: var(--market-ink); font-size: clamp(20px, 1.8vw, 26px); font-weight: 750; line-height: 1.25; }
.public-b2b-shell .public-b2b-catalog-head p { margin-top: 9px; color: var(--market-muted); font-size: 13px; line-height: 1.45; }
.public-b2b-shell .public-b2b-catalog-head .public-b2b-access-actions { margin: 0; }
.public-b2b-shell .public-b2b-catalog > :is([role="alert"], [role="status"]) { padding: 14px 18px; border: 1px solid var(--market-border); border-radius: 9px; background: #eff5ff; color: var(--market-deep); overflow-wrap: anywhere; }
.public-b2b-shell .public-b2b-catalog > [role="alert"] { border-color: #f3c8c8; background: #fff4f4; color: #a82828; }
.public-b2b-shell .public-b2b-catalog-layout { display: grid; grid-template-columns: 265px minmax(0,1fr); gap: 22px; align-items: start; }
.public-b2b-shell .public-b2b-filter-panel { display: grid; gap: 20px; min-width: 0; padding: 20px; border: 1px solid var(--market-border); border-radius: 12px; background: #fff; }
.public-b2b-shell .public-b2b-filter-panel h3 { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--market-ink); font-size: 16px; }
.public-b2b-shell .public-b2b-filter-panel h3 svg { width: 19px; height: 19px; color: var(--market-blue); }
.public-b2b-shell .public-b2b-filters { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 0; }
.public-b2b-shell .public-b2b-filters label { gap: 7px; color: var(--market-muted); font-size: 13px; font-weight: 600; }
.public-b2b-shell .public-b2b-filters :is(input,select) { height: 44px; border-color: #cbdcf5; border-radius: 8px; color: var(--market-ink); font-size: 13px; }
.public-b2b-shell .public-b2b-filters .primary-button { width: 100%; }
.public-b2b-shell .public-b2b-results { min-width: 0; }
.public-b2b-shell .public-b2b-result-count { margin: 0 0 12px; font-size: 13px; color: var(--market-muted); }
.public-b2b-shell .marketplace-catalog-view-toolbar { min-width: 0; margin-bottom: 14px; color: var(--market-muted); }
.public-b2b-shell .marketplace-catalog-view-button { border-color: var(--market-border); color: var(--market-deep); background: #fff; }
.public-b2b-shell .marketplace-catalog-view-button[aria-pressed="true"] { background: #e9f1ff; border-color: #9ebfff; color: var(--market-blue); }
.public-b2b-shell .public-product-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,235px),1fr)); gap: 16px; }
.public-b2b-shell .public-product-tile { min-width: 0; border: 1px solid var(--market-border); border-radius: 12px; background: #fff; color: var(--market-ink); overflow: hidden; box-shadow: 0 3px 14px #0b204c06; }
.public-b2b-shell .public-product-tile:hover { border-color: #abc9ff; box-shadow: 0 7px 22px #0b204c0d; }
.public-b2b-shell .public-product-media { min-height: 145px; max-height: 200px; color: var(--market-blue); background: linear-gradient(135deg,#f2f7ff,#e4efff); }
.public-b2b-shell .public-product-media > span { background: var(--market-blue); color: #fff; border-radius: 14px; }
.public-b2b-shell .public-product-body { min-width: 0; padding: 18px; gap: 10px; }
.public-b2b-shell .public-product-body h3 { margin: 0; color: var(--market-ink); font-size: 18px; line-height: 1.3; overflow-wrap: anywhere; }
.public-b2b-shell .public-product-body > small { color: var(--market-muted); }
.public-b2b-shell .public-product-body p { margin: 4px 0; color: var(--market-muted); overflow-wrap: anywhere; }
.public-b2b-shell .public-product-body a:not(.small-button):not(.primary-button) { color: #0756c0; }
.public-b2b-shell .public-b2b-offer-facts { padding-block: 12px; border-block: 1px solid #edf2fa; gap: 16px; }
.public-b2b-shell .public-b2b-offer-facts dt { color: var(--market-muted); }
.public-b2b-shell .public-product-footer { flex-wrap: wrap; gap: 10px; margin-top: auto; }
.public-b2b-shell .public-product-footer > * { min-width: 0; max-width: 100%; }
.public-b2b-shell .public-product-footer strong { color: var(--market-blue); }
.public-b2b-shell .public-b2b-store-directory .public-product-tile { border-top: 4px solid #d7e6ff; }
.public-b2b-shell .public-b2b-store-directory .public-b2b-access-actions { gap: 8px; margin-top: 16px; }
.public-b2b-shell .public-b2b-empty,
.public-b2b-shell .public-b2b-store-directory .public-product-grid > p { grid-column: 1/-1; margin: 0; padding: 32px 24px; border: 1px dashed #cbdcf5; border-radius: 12px; color: var(--market-muted); background: #f7faff; text-align: center; line-height: 1.6; }
@media (max-width: 1000px) {
  .public-b2b-shell .public-b2b-header-label { display: none; }
  .public-b2b-shell .public-b2b-ad-wrap .account-ad-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-b2b-shell .public-b2b-catalog-layout { grid-template-columns: 230px minmax(0,1fr); gap: 16px; }
  .public-b2b-shell .public-b2b-filter-panel { padding: 16px; }
  .public-b2b-shell .public-b2b-hero-copy { width: 60%; }
  .public-b2b-shell .fb-market-hero-art { inset-inline-start: 59%; }
}
@media (max-width: 700px) {
  .public-b2b-shell .public-b2b-topbar { padding-block: 14px; gap: 14px; }
  .public-b2b-shell .public-b2b-topbar nav { gap: 8px; }
  .public-b2b-shell .public-b2b-topbar nav .small-button { padding: 8px 11px; font-size: 12px; }
  .public-b2b-shell .public-b2b-market-nav { gap: 0; padding: 0 16px; }
  .public-b2b-shell .public-b2b-market-nav .public-b2b-nav-label { flex-basis: 100%; min-width: 0; min-height: 40px; }
  .public-b2b-shell .public-b2b-market-nav a { flex: 1 1 140px; padding: 10px 8px; font-size: 12px; }
  .public-b2b-shell .public-b2b-hero { min-height: 250px; }
  .public-b2b-shell .public-b2b-hero-copy { width: 100%; padding: 28px; }
  .public-b2b-shell .fb-market-hero-art { display: none; }
  .public-b2b-shell .public-b2b-catalog-layout { grid-template-columns: minmax(0,1fr); }
  .public-b2b-shell .public-b2b-catalog-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .public-b2b-shell .public-b2b-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-b2b-shell .public-b2b-filters label { grid-column: 1/-1; }
  .public-b2b-shell .public-b2b-ad-wrap .account-ad-card > p { grid-column: 1/-1; }
  .public-b2b-shell .public-b2b-ad-wrap .account-ad-card > span { grid-row: 1/3; }
}
@media (max-width: 359px) {
  .public-b2b-shell .public-b2b-ad-wrap .account-ad-grid { grid-template-columns: minmax(0,1fr); }
  .public-b2b-shell .public-b2b-hero-copy { padding: 22px; }
}