* {
  box-sizing: border-box;
}

/* How-it-works visual guide: synthetic app screenshots with simple red targets. */
.how-visual-guide {
  margin-top: 18px;
}

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

.how-visual-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(47, 107, 255, 0.18);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.78);
}

.how-visual-card h3 {
  margin: 14px 0 6px;
}

.how-visual-card p {
  margin: 0;
  color: var(--muted);
}

.how-visual-frame {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(16, 47, 95, 0.14);
  border-radius: 14px;
  background: #eef4ff;
  box-shadow: 0 14px 30px rgba(16, 47, 95, 0.12);
}

.how-visual-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.how-visual-target,
.how-visual-arrow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.how-visual-target {
  width: clamp(34px, 12%, 58px);
  aspect-ratio: 1;
  border: 4px solid #df2035;
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9);
}

.how-visual-arrow {
  width: clamp(42px, 18%, 78px);
  height: 5px;
  border-radius: 999px;
  background: #df2035;
  transform-origin: right center;
}

.how-visual-arrow::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 13px;
  height: 13px;
  border-top: 5px solid #df2035;
  border-right: 5px solid #df2035;
  transform: translateY(-50%) rotate(45deg);
}

.how-visual-contact .how-visual-target {
  left: 11%;
  top: 15%;
}

.how-visual-contact .how-visual-arrow {
  left: 32%;
  top: 9%;
  transform: rotate(145deg);
}

.how-visual-project .how-visual-target {
  right: 10%;
  bottom: 7%;
}

.how-visual-project .how-visual-arrow {
  right: 29%;
  bottom: 7%;
  transform: rotate(10deg);
}

.how-visual-invoices .how-visual-target {
  right: 9%;
  top: 60%;
}

.how-visual-invoices .how-visual-arrow {
  right: 27%;
  top: 48%;
  transform: rotate(32deg);
}

.how-visual-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  color: #1f63ed;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.how-visual-link:hover,
.how-visual-link:focus-visible {
  color: #124cc0;
}

body.settlelink-dark-mode .how-visual-card {
  border-color: rgba(125, 166, 255, 0.28);
  background: rgba(18, 31, 55, 0.88);
}

body.settlelink-dark-mode .how-visual-frame {
  border-color: rgba(160, 190, 255, 0.22);
  background: #0e1a2d;
}

body.settlelink-dark-mode .how-visual-link {
  color: #8eb4ff;
}

@media (max-width: 900px) {
  .how-visual-guide-grid {
    grid-template-columns: 1fr;
  }
}

:root {
  --bg: #eef2f7;
  --panel-bg: #f4f7fb;
  --card: #ffffff;
  --text: #15264b;
  --text-strong: #102248;
  --muted: #7181a6;
  --muted-soft: #8a97b2;
  --border: #dfe5f0;
  --border-strong: #d7dfec;
  --primary: #2f66f3;
  --primary-dark: #2556d5;
  --primary-soft: #eaf1ff;
  --primary-tint: #f5f8ff;
  --success: #31c48d;
  --success-soft: #e9fbf4;
  --warning: #f5af3f;
  --warning-soft: #fff5e7;
  --danger-soft: #fff1f0;
  --shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  --shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.04);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --content-width: 1440px;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.72), transparent 28%),
    linear-gradient(180deg, #edf1f7 0%, #eef2f7 100%);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
}

body.settlelink-dark-mode {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 28%),
    linear-gradient(180deg, #0b1220 0%, #111827 100%);
  color: #e5eefc;
}

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

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

#app {
  min-height: 100vh;
}

html.js-preload body {
  visibility: hidden;
}

.top-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(244, 247, 251, 0.94);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(223, 229, 240, 0.95);
}

.nav-inner {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 10px 16px;
  min-height: 56px;
  border-radius: 18px;
  background: #66748a;
  border: 1px solid #66748a;
  box-shadow: var(--shadow-soft);
  color: var(--text);
  overflow: hidden;
}

.brand-marketing {
  min-width: 220px;
  background: #ffffff;
  border: 2px solid #2f66f3;
  border-radius: 24px;
  box-shadow: var(--shadow-soft);
}

.brand-icon-only {
  width: 88px;
  min-width: 88px;
  padding: 12px;
  border-radius: 22px;
}

.brand-logo-icon {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
  border-radius: 10px;
}

.brand-logo {
  height: 22px;
  width: auto;
  display: block;
}


.brand-logo-full {
  height: 34px;
  width: auto;
  max-width: 100%;
  display: block;
}

.nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.nav-links a,
.nav-links button {
  padding: 10px 12px;
  border-radius: 12px;
  color: #66728f;
  font-weight: 700;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.nav-links button {
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.nav-links a:hover,
.nav-links button:hover {
  background: #ffffff;
  color: var(--text);
  transform: translateY(-1px);
}

.nav-links .nav-cta {
  background: var(--primary);
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(47, 102, 243, 0.18);
}

.nav-links .nav-cta:hover {
  background: var(--primary-dark);
  color: #ffffff;
}

.app-shell {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 24px 18px 72px;
}

.app-shell-builder {
  max-width: 1480px;
}

.builder-layout {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.builder-sidebar-brand-full {
  background: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 18px;
  box-shadow: none;
  min-height: auto;
}

.builder-sidebar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 110px;
  padding: 18px 12px;
  border: 2px solid #2f66f3;
  border-radius: 18px;
  background: #ffffff;
  margin-bottom: 0;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(47, 102, 243, 0.08);
}

.builder-sidebar-logo-full {
  width: auto;
  max-width: 160px;
  height: 40px;
  object-fit: contain;
  display: block;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
}

.logo img {
  height: 32px;
}

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

.builder-sidebar-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 0 14px;
  border-radius: 16px;
  color: #3b4b70;
  font-weight: 700;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.builder-sidebar-link:hover {
  background: #eef4ff;
  color: var(--primary);
  transform: translateY(-1px);
}

.builder-sidebar-link.active {
  background: #e8eefc;
  color: var(--primary);
}

.builder-sidebar-icon,
.mobile-bottom-nav-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  opacity: 0.9;
}

.builder-sidebar-icon::before,
.builder-sidebar-icon::after,
.mobile-bottom-nav-icon::before,
.mobile-bottom-nav-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.icon-dashboard::before {
  inset: 2px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.icon-dashboard::after {
  left: 5px;
  top: 5px;
  width: 8px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 4px 0 currentColor;
}

.icon-projects::before {
  left: 2px;
  top: 3px;
  width: 14px;
  height: 11px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.icon-projects::after {
  left: 5px;
  top: 1px;
  width: 8px;
  height: 4px;
  border: 2px solid currentColor;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}

.icon-subcontractors::before {
  left: 4px;
  top: 2px;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.icon-subcontractors::after {
  left: 2px;
  bottom: 2px;
  width: 14px;
  height: 7px;
  border: 2px solid currentColor;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: none;
}

.icon-receipts::before {
  left: 4px;
  top: 2px;
  width: 10px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.icon-receipts::after {
  left: 6px;
  top: 6px;
  width: 6px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 4px 0 currentColor;
}

.icon-company::before {
  left: 4px;
  top: 2px;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.icon-company::after {
  left: 3px;
  bottom: 2px;
  width: 12px;
  height: 6px;
  border: 2px solid currentColor;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: none;
}

.builder-main {
  min-width: 0;
}

.builder-mobile-logo {
  display: none;
}
.client-top-logo-wrap {
  margin-bottom: 18px;
}

.client-top-logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  padding: 12px 18px;
  border-radius: 24px;
  background: #ffffff;
  border: 2px solid #d6e3ff;
  box-shadow: var(--shadow-soft);
}

.client-top-logo-link {
  text-decoration: none;
}

.client-top-logo-image {
  width: auto;
  max-width: 210px;
  height: 34px;
  object-fit: contain;
  display: block;
}

body.settlelink-client-open .top-nav {
  display: none;
}

.app-shell-client {
  max-width: 980px;
}

.mobile-bottom-nav {
  display: none;
}

.dashboard-shell {
  background: var(--panel-bg);
  border: 1px solid var(--border);
  border-radius: 34px;
  padding: 20px;
  box-shadow: var(--shadow);
}

.dashboard-topbar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 18px;
}

.dashboard-welcome-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.03;
  letter-spacing: -0.035em;
  color: var(--text-strong);
}

.dashboard-company-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid var(--border);
  color: #334364;
  font-weight: 700;
  width: fit-content;
  box-shadow: var(--shadow-soft);
}

.dashboard-company-avatar {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(180deg, #d0d8e8 0%, #aebbd3 100%);
}

.dashboard-company-caret {
  color: #7f8cad;
}

.dashboard-metric-row {
  display: none;
}

.dashboard-metric-card {
  display: none;
}

.dashboard-metric-card-action {
  display: none;
}

.dashboard-metric-label {
  display: block;
  font-size: 13px;
  color: #6d7b98;
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dashboard-metric-value {
  display: block;
  font-size: 29px;
  line-height: 1.05;
  font-weight: 800;
  color: var(--text);
}

.dashboard-view-btn,
.dashboard-create-project-btn,
.dashboard-open-project-btn {
  border: none;
  cursor: pointer;
  font-weight: 700;
  transition: transform 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}

.dashboard-view-btn:hover,
.dashboard-create-project-btn:hover,
.dashboard-open-project-btn:hover {
  transform: translateY(-1px);
  opacity: 0.98;
}

.dashboard-view-btn {
  background: #eef3ff;
  color: var(--primary);
  padding: 10px 16px;
  border-radius: 14px;
}

.dashboard-projects-section {
  margin-top: 8px;
}

.dashboard-projects-heading {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 14px;
}

.dashboard-projects-heading h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.1;
  color: var(--text-strong);
}

.dashboard-create-project-btn {
  width: fit-content;
  background: var(--primary);
  color: #ffffff;
  padding: 12px 18px;
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(47, 102, 243, 0.18);
}

.dashboard-projects-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.dashboard-project-card {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
  box-shadow: var(--shadow-soft);
}

.dashboard-project-card-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.dashboard-project-title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.08;
  color: var(--text);
  letter-spacing: -0.025em;
}

.dashboard-project-meta-line {
  margin: 0;
  color: #7080a0;
  font-size: 14px;
  line-height: 1.5;
}

.dashboard-meta-dot {
  margin: 0 6px;
  color: #b2bdd2;
}

.dashboard-project-menu {
  border: none;
  background: transparent;
  color: #7f8cad;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 2px 4px;
  min-height: auto;
  min-width: auto;
}

.dashboard-project-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: center;
}

.dashboard-project-due-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
}

.dashboard-open-project-btn {
  background: #eef3ff;
  color: var(--primary);
  padding: 10px 14px;
  border-radius: 14px;
  width: fit-content;
}

.dashboard-project-progress-wrap {
  display: grid;
  gap: 8px;
}

.dashboard-project-progress-track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #edf1f7;
  overflow: hidden;
}

.dashboard-project-progress-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #72d6ab 0%, #4ecb95 100%);
}

.dashboard-project-progress-fill.is-complete {
  background: linear-gradient(90deg, #63d39b 0%, #3ecb83 100%);
}

.dashboard-project-progress-fill.is-waiting {
  background: linear-gradient(90deg, #72d6ab 0%, #4ecb95 100%);
}

.dashboard-project-progress-fill.is-draft {
  background: linear-gradient(90deg, #ffd27a 0%, #f5af3f 100%);
}

.dashboard-project-progress-fill.is-empty {
  background: #d8e1f0;
}

.dashboard-project-progress-note {
  color: #6f7e9d;
  font-size: 13px;
  font-weight: 700;
}

.dashboard-project-due-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}

.dashboard-project-due-pill {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border-radius: 14px;
  background: #fdeaea;
  color: #d92d20;
  font-weight: 800;
  cursor: pointer;
}

.dashboard-project-due-pill span {
  line-height: 1;
}

.dashboard-project-due-arrow {
  font-size: 28px;
  line-height: 1;
}

@media (max-width: 768px) {
  .dashboard-project-due-row {
    grid-template-columns: 1fr;
  }

  .dashboard-project-due-pill {
    min-height: 44px;
  }
}

.dashboard-project-due-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}

.dashboard-project-due-pill {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border-radius: 14px;
  background: #fdeaea;
  color: #d92d20;
  font-weight: 800;
  cursor: pointer;
}

.dashboard-project-due-pill span {
  line-height: 1;
}

.dashboard-project-due-arrow {
  font-size: 28px;
  line-height: 1;
}

@media (max-width: 768px) {
  .dashboard-project-due-row {
    grid-template-columns: 1fr;
  }

  .dashboard-project-due-pill {
    min-height: 44px;
  }
}

.dashboard-empty-state {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 30px 22px;
  text-align: center;
  box-shadow: var(--shadow-soft);
}

.dashboard-empty-state h3 {
  margin: 0 0 10px;
  font-size: 24px;
}

.dashboard-empty-state p {
  margin: 0 0 16px;
  color: #6f7e9d;
}

.page-header {
  margin-bottom: 20px;
}

.eyebrow {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

h1 {
  margin: 0 0 8px;
  font-size: 38px;
  line-height: 1.03;
  letter-spacing: -0.04em;
  color: var(--text-strong);
}

h2,
h3 {
  margin: 0;
  letter-spacing: -0.02em;
  color: var(--text-strong);
}

.page-subtitle,
.muted-text {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.hero,
.hero-card,
.panel,
.metric-card,
.receipt-card {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 24px;
  box-shadow: var(--shadow-soft);
}

.hero,
.hero-card {
  padding: 24px;
  margin-bottom: 18px;
}

.hero h1,
.hero-card h1 {
  max-width: 900px;
}

.hero p,
.hero-card p {
  max-width: 920px;
}

.summary-grid,
.metrics-grid,
.receipt-grid,
.payment-record-grid,
.project-grid,
.dashboard-detail-grid,
.stack-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.project-grid {
  grid-template-columns: 1fr;
  gap: 12px;
}

.project-payment-summaries-header {
  align-items: flex-start;
  gap: 14px;
}

.project-payment-summaries-controls {
  display: grid;
  gap: 10px;
  min-width: 220px;
}

.project-payment-sort-field {
  margin: 0;
}

.project-payment-summaries-toggle {
  width: 100%;
}

.project-payment-summaries-wrap {
  display: grid;
  overflow: hidden;
  max-height: 6000px;
  opacity: 1;
  transform: translateY(0);
  transition:
    max-height 260ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

.project-payment-summaries-wrap.is-collapsed {
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
}

@media (max-width: 768px) {
  .project-payment-summaries-header {
    display: grid;
  }

  .project-payment-summaries-controls {
    width: 100%;
    min-width: 0;
  }
}

.stack-layout {
  grid-template-columns: 1fr;
  gap: 12px;
}

.metric-card,
.receipt-card,
.project-stat {
  padding: 10px 12px;
}

.metric-label {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.metric-card strong,
.receipt-card strong {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.metric-value {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

.panel {
  padding: 20px;
}

.panel-header,
.job-panel-header,
.stage-panel-header,
.sub-item-top,
.project-card-top,
.project-card-footer,
.inline-status-row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.panel-title {
  font-size: 22px;
  line-height: 1.1;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.empty-panel {
  text-align: center;
  padding: 30px 22px;
}

.primary-btn,
.secondary-btn {
  border: none;
  border-radius: 14px;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 700;
  min-height: 42px;
  transition: transform 0.15s ease, opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.primary-btn:hover,
.secondary-btn:hover {
  transform: translateY(-1px);
}

.primary-btn {
  background: var(--primary);
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(47, 102, 243, 0.16);
}

.primary-btn:hover {
  background: var(--primary-dark);
}

.secondary-btn {
  background: #ffffff;
  color: var(--primary);
  border: 1px solid #d6e3ff;
}

.secondary-btn:hover {
  background: #f8fbff;
}

.status-badge,
.status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 32px;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.status-badge.draft,
.status-chip.draft {
  background: #eef2f6;
  color: #475467;
}

.status-badge.setup,
.status-chip.review,
.status-chip.overdue {
  background: #fff4e5;
  color: #b54708;
}

.status-badge.approval,
.status-chip.sent,
.status-chip.active {
  background: #eaf2ff;
  color: #175cd3;
}

.status-badge.payment,
.status-chip.approved {
  background: #ecfdf3;
  color: #027a48;
}

.status-badge.paid,
.status-chip.paid {
  background: #dcfae6;
  color: #067647;
}

.status-chip.neutral {
  background: #f1f5f9;
  color: #475569;
}

.form-panel {
  padding: 22px;
}

.form-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.field-group {
  display: grid;
  gap: 8px;
}

.field-group label {
  font-weight: 700;
  color: #344054;
}

.text-input {
  width: 100%;
  border: 1px solid #d0d5dd;
  border-radius: 14px;
  padding: 12px 14px;
  background: #ffffff;
  color: var(--text);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.text-input:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(47, 102, 243, 0.1);
  border-color: rgba(47, 102, 243, 0.45);
}

body.settlelink-dark-mode .top-nav {
  background: rgba(11, 18, 32, 0.94);
  border-bottom: 1px solid #243041;
}

body.settlelink-dark-mode .nav-links a {
  color: #c8d4ea;
}

body.settlelink-dark-mode .nav-links a:hover {
  background: #162033;
  color: #ffffff;
}

body.settlelink-dark-mode .brand-marketing,
body.settlelink-dark-mode .builder-mobile-logo,
body.settlelink-dark-mode .client-top-logo-card,
body.settlelink-dark-mode .builder-sidebar-brand,
body.settlelink-dark-mode .panel,
body.settlelink-dark-mode .form-panel,
body.settlelink-dark-mode .hero,
body.settlelink-dark-mode .hero-card,
body.settlelink-dark-mode .metric-card,
body.settlelink-dark-mode .receipt-card,
body.settlelink-dark-mode .dashboard-shell,
body.settlelink-dark-mode .dashboard-project-card,
body.settlelink-dark-mode .dashboard-empty-state,
body.settlelink-dark-mode .marketing-card,
body.settlelink-dark-mode .legal-card,
body.settlelink-dark-mode .project-card,
body.settlelink-dark-mode .project-stat,
body.settlelink-dark-mode .invoice-contact-card,
body.settlelink-dark-mode .invoice-wording-block,
body.settlelink-dark-mode .app-modal-card {
  background: #101827;
  border-color: #243041;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

body.settlelink-dark-mode h1,
body.settlelink-dark-mode h2,
body.settlelink-dark-mode h3,
body.settlelink-dark-mode .panel-title,
body.settlelink-dark-mode .dashboard-welcome-title,
body.settlelink-dark-mode .dashboard-project-title,
body.settlelink-dark-mode .app-modal-title {
  color: #f8fbff;
}

body.settlelink-dark-mode .page-subtitle,
body.settlelink-dark-mode .muted-text,
body.settlelink-dark-mode .invoice-doc-note,
body.settlelink-dark-mode .dashboard-project-meta-line,
body.settlelink-dark-mode .dashboard-project-progress-note,
body.settlelink-dark-mode .dashboard-company-caret,
body.settlelink-dark-mode .marketing-card p,
body.settlelink-dark-mode .legal-card p {
  color: #9fb0cf;
}

body.settlelink-dark-mode .text-input,
body.settlelink-dark-mode select,
body.settlelink-dark-mode textarea {
  background: #0b1322;
  color: #f8fbff;
  border-color: #30415c;
}

body.settlelink-dark-mode .secondary-btn {
  background: #101827;
  color: #dbe6ff;
  border-color: #30415c;
}

body.settlelink-dark-mode .secondary-btn:hover {
  background: #162033;
}

body.settlelink-dark-mode .builder-sidebar-link,
body.settlelink-dark-mode .mobile-bottom-nav-link {
  color: #c8d4ea;
}

body.settlelink-dark-mode .builder-sidebar-link:hover,
body.settlelink-dark-mode .builder-sidebar-link.active,
body.settlelink-dark-mode .mobile-bottom-nav-link.active {
  background: #162033;
  color: #ffffff;
}

body.settlelink-dark-mode .mobile-bottom-nav {
  background: rgba(11, 18, 32, 0.96);
  border-color: #243041;
}

body.settlelink-dark-mode .dashboard-company-pill,
body.settlelink-dark-mode .invoice-contact-card-item,
body.settlelink-dark-mode .notice-box,
body.settlelink-dark-mode .calculator-total,
body.settlelink-dark-mode .payment-feedback-box {
  background: #0f1728;
  border-color: #243041;
}

.password-input-wrap {
  position: relative;
}

.password-input-wrap .text-input {
  padding-right: 54px;
}

.password-toggle-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: var(--primary);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
  min-height: auto;
}

.auth-switch-row {
  margin-top: 14px;
}

.auth-switch-text {
  margin: 0;
  color: var(--muted);
}

.auth-link-btn {
  border: none;
  background: transparent;
  color: var(--primary);
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}

.stage-photo-preview {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid var(--border);
}

.payment-hero-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.success-hero-card,
.receipt-hero-card {
  background: linear-gradient(180deg, #f4fff8 0%, #ecfdf3 100%);
  border-color: #b7e4c7;
}

.success-hero-card .panel-title,
.receipt-hero-card .panel-title,
.success-hero-card strong,
.receipt-hero-card strong {
  color: #067647;
}

.payment-feedback-box {
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: #ffffff;
}

.error-box {
  border-color: #fecdca;
  background: #fff6f5;
}

.success-box {
  border-color: #abefc6;
  background: #ecfdf3;
}

.feedback-text {
  margin: 0;
  font-weight: 700;
}

.summary-line,
.timeline-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}

.summary-line:last-child,
.timeline-row:last-child {
  border-bottom: none;
}

.timeline-card,
.detail-list {
  display: grid;
  gap: 0;
}

.client-success-header {
  text-align: center;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.client-success-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 26px;
  border: 1px solid #cfe0ff;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%);
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08);
}

.client-success-preview-card {
  border-color: #b9d1ff;
}

.client-success-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eaf2ff;
  color: var(--primary);
  font-size: 42px;
  font-weight: 900;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.76);
}

.client-success-copy {
  min-width: 0;
}

.client-success-pill {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #eaf2ff;
  color: var(--primary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.client-success-copy h3 {
  margin: 0;
  color: var(--text-strong);
  font-size: clamp(26px, 6vw, 40px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.client-success-copy p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.45;
}

.client-success-amount {
  min-width: 160px;
  text-align: right;
}

.client-success-amount span {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.client-success-amount strong {
  display: block;
  color: var(--text-strong);
  font-size: clamp(38px, 8vw, 56px);
  line-height: 0.95;
  letter-spacing: -0.065em;
}

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

.client-success-info-card {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow-soft);
  min-width: 0;
}

.client-success-info-card span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.client-success-info-card strong {
  display: block;
  margin-top: 6px;
  color: var(--text-strong);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.client-success-next-card .timeline-row strong {
  color: #067647;
}

.client-success-note-card {
  border-color: #d6e3ff;
  background: #f8fbff;
}

.client-success-actions {
  margin-top: 4px;
}

.client-success-actions .primary-btn,
.client-success-actions .secondary-btn {
  min-height: 50px;
  padding-left: 16px;
  padding-right: 16px;
}

.client-success-actions button:disabled {
  opacity: 0.72;
  cursor: not-allowed;
  transform: none;
}

body.settlelink-dark-mode .client-success-card,
body.settlelink-dark-mode .client-success-info-card,
body.settlelink-dark-mode .client-success-note-card {
  background: rgba(17, 24, 39, 0.92);
  border-color: rgba(147, 197, 253, 0.28);
}

body.settlelink-dark-mode .client-success-copy h3,
body.settlelink-dark-mode .client-success-amount strong,
body.settlelink-dark-mode .client-success-info-card strong {
  color: #e5eefc;
}

@media (max-width: 820px) {
  .client-success-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 24px 18px;
  }

  .client-success-amount {
    min-width: 0;
    text-align: center;
  }

  .client-success-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-success-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .client-success-actions .primary-btn,
  .client-success-actions .secondary-btn {
    width: 100%;
  }
}

@media (max-width: 460px) {
  .client-success-info-grid {
    grid-template-columns: 1fr;
  }

  .client-success-mark {
    width: 68px;
    height: 68px;
    font-size: 38px;
  }
}

.receipt-grid,
.payment-record-grid {
  margin-top: 14px;
}

.project-card {
  padding: 16px;
}

.project-inline-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.project-stat {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fbfdff;
}

.project-stat span {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: var(--muted);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.project-stat strong {
  font-size: 15px;
  line-height: 1.2;
}

.progress-track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e7eef8;
  overflow: hidden;
}

.progress-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #60a5fa, #3b82f6);
}

.project-progress-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.project-invoices-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.project-invoices-list .panel {
  width: 100%;
}

.project-invoices-list .metrics-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

.project-invoices-list .button-row {
  gap: 8px;
}

.section-heading {
  margin: 0 0 16px;
}

.hero p,
.panel p,
.metric-card p {
  margin-top: 0;
}

.calculator-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.calculator-list {
  display: grid;
  gap: 0;
  margin-top: 16px;
}

.calculator-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  color: var(--text);
}

.calculator-total {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid #d7e3ff;
  border-radius: 18px;
  background: #f6f9ff;
}

.calculator-total span {
  font-weight: 700;
  color: var(--muted);
}

.calculator-total strong {
  font-size: 26px;
  line-height: 1.1;
  color: var(--primary);
}

.toast-layer {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 9999;
  display: grid;
  gap: 10px;
  pointer-events: none;
}

.app-toast {
  min-width: 220px;
  max-width: min(360px, calc(100vw - 32px));
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(21, 38, 75, 0.96);
  color: #ffffff;
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.app-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.app-toast.success .app-toast-dot {
  background: #49d597;
}

.app-toast.info .app-toast-dot {
  background: #6fa3ff;
}

.app-toast-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}

.app-toast-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

/* marketing polish */
.marketing-hero {
  padding: 30px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(47, 102, 243, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.marketing-hero-actions {
  margin-top: 18px;
}

.marketing-split-grid,
.marketing-feature-grid,
.marketing-steps-grid,
.marketing-trust-grid,
.marketing-footer-grid {
  display: grid;
  gap: 14px;
}

.marketing-feature-grid.three-up,
.marketing-steps-grid.three-up,
.marketing-trust-grid.three-up {
  grid-template-columns: 1fr;
}

.marketing-card {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
  padding: 20px;
}

.marketing-card h3 {
  font-size: 22px;
  margin-bottom: 8px;
}

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

.marketing-card-number {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: #edf3ff;
  color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  margin-bottom: 14px;
}

.marketing-highlight {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.marketing-mini-grid {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.marketing-stat {
  padding: 16px 18px;
  border: 1px solid var(--border);
  background: #ffffff;
  border-radius: 20px;
}

.marketing-stat-label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
  font-weight: 800;
}

.marketing-stat strong {
  display: block;
  font-size: 26px;
  line-height: 1.05;
}

.marketing-section-title {
  margin-bottom: 14px;
}

.marketing-section-title p {
  margin-top: 8px;
  color: var(--muted);
}

.marketing-cta-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.marketing-note {
  font-size: 13px;
  color: var(--muted-soft);
}

.legal-grid {
  display: grid;
  gap: 14px;
}

.legal-card {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
  padding: 20px;
}

.legal-card h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.legal-card h3 {
  font-size: 19px;
  margin-bottom: 8px;
}

.legal-list {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.legal-list li {
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fbfdff;
  color: var(--text);
}

.legal-list strong {
  display: block;
  margin-bottom: 4px;
}

.notice-box {
  border: 1px solid #d7e3ff;
  background: #f7faff;
  border-radius: 18px;
  padding: 16px 18px;
}

.notice-box.warning {
  border-color: #f8d7a4;
  background: #fffaf1;
}

.notice-box.success {
  border-color: #bde9d2;
  background: #f2fcf7;
}

.notice-box.danger {
  border-color: #fecdca;
  background: #fff1f0;
}

.vat-lookup-status-box {
  margin-top: 12px;
}

.vat-lookup-company-name {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.35;
  color: var(--text-strong);
}

.payment-terms-panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 220ms ease, opacity 180ms ease;
}

.payment-terms-panel-inner {
  padding-top: 12px;
}

.kicker-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.soft-divider {
  height: 1px;
  background: var(--border);
  margin: 4px 0;
}

.invoice-photo-item {
  display: grid;
  gap: 10px;
}

.invoice-doc-root {
  padding: 28px;
  font-family: Arial, Helvetica, sans-serif;
  color: #15264b;
  background: #ffffff;
}

.invoice-doc-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  margin-bottom: 28px;
}

.invoice-doc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  font-size: 28px;
}

.invoice-doc-brand img {
  height: 32px;
  width: auto;
}

.invoice-doc-title {
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
}

.invoice-doc-subtitle {
  margin: 6px 0 0;
  color: #6c7a98;
}

.invoice-doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 22px;
}

.invoice-doc-card {
  border: 1px solid #dfe5f0;
  border-radius: 18px;
  padding: 16px;
}

.invoice-doc-card-label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7181a6;
  font-weight: 800;
}

.invoice-doc-card strong {
  display: block;
  font-size: 24px;
  line-height: 1.15;
}

.invoice-doc-section {
  border: 1px solid #dfe5f0;
  border-radius: 18px;
  padding: 18px;
  margin-bottom: 18px;
}

.invoice-doc-section h3 {
  margin: 0 0 12px;
  font-size: 20px;
}

.invoice-doc-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid #e5ebf4;
}

.invoice-doc-row:last-child {
  border-bottom: none;
}

.invoice-doc-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid #d7e3ff;
  background: #f6f9ff;
  margin-top: 14px;
}

.invoice-doc-total span {
  font-weight: 700;
  color: #62718f;
}

.invoice-doc-total strong {
  font-size: 30px;
  line-height: 1.05;
  color: var(--primary);
}

.invoice-doc-note {
  color: #7181a6;
  line-height: 1.6;
}

.invoice-doc-photo-list {
  display: grid;
  gap: 12px;
}

.invoice-doc-photo-list img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid #dfe5f0;
}

@media (max-width: 768px) {
  .invoice-doc-root {
    padding: 18px;
  }

  .invoice-doc-header {
    flex-direction: column;
    gap: 14px;
  }

  .invoice-doc-grid {
    grid-template-columns: 1fr;
  }

  .invoice-doc-total {
    align-items: flex-start;
    flex-direction: column;
  }

  .invoice-doc-total strong {
    font-size: 24px;
  }
}

.payment-hero-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.payment-hero-amount {
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  color: var(--text);
}

.centered-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.centered-action-row .primary-btn,
.centered-action-row .secondary-btn {
  flex: 0 0 auto;
  min-width: auto;
}

.invoice-wording-stack {
  display: grid;
  gap: 14px;
}

.invoice-wording-block {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
}

.invoice-wording-block h3 {
  margin: 0 0 10px;
  font-size: 18px;
}

.invoice-wording-block p {
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.6;
}

.invoice-wording-block p:last-child {
  margin-bottom: 0;
}

.invoice-photo-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.invoice-simple-shell {
  padding: 18px;
}

.invoice-simple-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 16px;
}

.invoice-simple-main-card,
.invoice-simple-side-card {
  padding: 18px;
  border-radius: 22px;
  background: #ffffff;
}

.invoice-simple-total-box,
.invoice-simple-summary-box {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 18px;
  margin-bottom: 14px;
  text-align: center;
}

.invoice-simple-total-label {
  display: block;
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.invoice-simple-total-box strong,
.invoice-simple-summary-box strong {
  display: block;
  font-size: 38px;
  line-height: 1.05;
  color: var(--text-strong);
}

.invoice-simple-lines {
  display: grid;
  gap: 0;
}

.invoice-simple-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border);
}

.invoice-simple-line:last-child {
  border-bottom: none;
}

.invoice-simple-line span {
  color: var(--text);
  font-weight: 700;
}

.invoice-simple-line strong {
  font-size: 22px;
  line-height: 1.1;
  color: var(--text-strong);
  text-align: right;
}

.invoice-simple-line--saving {
  margin-top: 4px;
  padding-top: 18px;
}

.invoice-simple-line--saving strong {
  color: var(--primary);
}

.invoice-simple-actions {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .invoice-simple-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .invoice-simple-shell,
  .invoice-simple-main-card,
  .invoice-simple-side-card {
    padding: 14px;
  }

  .invoice-simple-total-box strong,
  .invoice-simple-summary-box strong {
    font-size: 30px;
  }

  .invoice-simple-line {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .invoice-simple-line strong {
    font-size: 20px;
    text-align: left;
  }
}

.invoice-simple-shell {
  padding: 18px;
}

.invoice-simple-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 16px;
}

.invoice-simple-main-card,
.invoice-simple-side-card {
  padding: 18px;
  border-radius: 22px;
  background: #ffffff;
}

.invoice-simple-total-box,
.invoice-simple-summary-box {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 18px;
  margin-bottom: 14px;
  text-align: center;
}

.invoice-simple-total-label {
  display: block;
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.invoice-simple-total-box strong,
.invoice-simple-summary-box strong {
  display: block;
  font-size: 38px;
  line-height: 1.05;
  color: var(--text-strong);
}

.invoice-simple-lines {
  display: grid;
  gap: 0;
}

.invoice-simple-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border);
}

.invoice-simple-line:last-child {
  border-bottom: none;
}

.invoice-simple-line span {
  color: var(--text);
  font-weight: 700;
}

.invoice-simple-line strong {
  font-size: 22px;
  line-height: 1.1;
  color: var(--text-strong);
  text-align: right;
}

.invoice-simple-line--saving {
  margin-top: 4px;
  padding-top: 18px;
}

.invoice-simple-line--saving strong {
  color: var(--primary);
}

.invoice-simple-actions {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .invoice-simple-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .invoice-simple-shell,
  .invoice-simple-main-card,
  .invoice-simple-side-card {
    padding: 14px;
  }

  .invoice-simple-total-box strong,
  .invoice-simple-summary-box strong {
    font-size: 30px;
  }

  .invoice-simple-line {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .invoice-simple-line strong {
    font-size: 20px;
    text-align: left;
  }
}

@media (min-width: 760px) {
  .payment-hero-top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .payment-hero-amount {
    font-size: 26px;
    line-height: 1.08;
    word-break: break-word;
  }

  .centered-action-row {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .centered-action-row .primary-btn,
  .centered-action-row .secondary-btn {
    width: 100%;
    min-width: 100%;
  }
}

.invoice-contact-list {
  display: grid;
  gap: 12px;
}

.invoice-contact-card {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fbfdff;
  padding: 14px;
}

.invoice-contact-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.invoice-contact-card-name {
  margin: 0;
  font-size: 17px;
  line-height: 1.15;
  color: var(--text-strong);
}

.invoice-contact-person {
  display: flex;
  align-items: center;
  gap: 12px;
}

.invoice-contact-avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #e7ebf3;
  position: relative;
  flex-shrink: 0;
}

.invoice-contact-avatar::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 8px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #9aa8c3;
}

.invoice-contact-avatar::after {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 7px;
  width: 26px;
  height: 12px;
  border-radius: 12px 12px 6px 6px;
  background: #9aa8c3;
}


.invoice-contact-card-subtitle {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.invoice-contact-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.invoice-contact-card-item {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #ffffff;
  padding: 10px 12px;
}

.invoice-contact-card-item span {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.invoice-contact-card-item strong {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  color: var(--text);
  word-break: break-word;
}

.invoice-contact-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.invoice-contact-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--primary);
  font-size: 12px;
  font-weight: 800;
}

.client-saving-box,
.invoice-doc-saving-box {
  border: 1px solid #b7e4c7;
  background: #f2fcf7;
}

.client-saving-box .invoice-simple-total-label,
.invoice-doc-saving-box span {
  color: #067647;
}

.client-saving-box strong,
.invoice-doc-saving-box strong {
  color: #067647 !important;
}

.client-saving-note,
.invoice-doc-saving-note {
  margin-top: 10px;
  color: #067647;
  font-weight: 700;
}

.payment-terms-points {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.payment-terms-point {
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fbfdff;
}

.payment-terms-point strong {
  display: block;
  margin-bottom: 6px;
  color: var(--text-strong);
  font-size: 13px;
  line-height: 1.25;
}

.payment-terms-point span {
  display: block;
  color: var(--muted);
  line-height: 1.5;
}

body.settlelink-dark-mode .payment-terms-point {
  background: #0f1728;
  border-color: #243041;
}

body.settlelink-dark-mode .payment-terms-point strong {
  color: #f8fbff;
}

body.settlelink-dark-mode .payment-terms-point span {
  color: #9fb0cf;
}

.form-error-text {
  margin-top: 8px;
  color: #d92d20;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
}

.text-input.input-error {
  border-color: #d92d20;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.10);
}

.app-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.42);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 10000;
}

.app-modal-card {
  width: min(520px, 100%);
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
  padding: 22px;
}

.app-modal-title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.1;
  color: var(--text-strong);
}

.app-modal-text {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.app-modal-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.danger-btn {
  background: #fff1f0;
  color: #d92d20;
  border: 1px solid #fecdca;
}

.danger-btn:hover {
  background: #ffe4e1;
}

@media (max-width: 768px) {
  .invoice-contact-card-grid {
    grid-template-columns: 1fr;
  }

  .invoice-contact-card-top {
    flex-direction: column;
  }

  .invoice-contact-card-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .invoice-contact-card-actions .primary-btn,
  .invoice-contact-card-actions .secondary-btn {
    width: 100%;
  }

  .receipt-grid,
  .payment-record-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  body {
    background: #ffffff;
  }

  .button-row,
  .eyebrow,
  .top-nav,
  .builder-sidebar,
  .dashboard-company-pill,
  .dashboard-project-menu,
  .mobile-bottom-nav,
  .toast-layer {
    display: none !important;
  }

  .app-shell {
    max-width: 100%;
    padding: 0;
  }

  .panel,
  .metric-card,
  .receipt-card,
  .hero,
  .hero-card,
  .dashboard-shell,
  .dashboard-project-card,
  .dashboard-metric-card {
    box-shadow: none;
    border: 1px solid #d0d5dd;
  }
}

@media (min-width: 760px) {
  .nav-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .dashboard-topbar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .dashboard-metric-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-projects-heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .dashboard-projects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-project-actions {
    grid-template-columns: auto 1fr;
  }

  .dashboard-project-due-row .dashboard-open-project-btn,
  .dashboard-project-actions .dashboard-open-project-btn {
    width: auto;
    text-align: center;
    padding: 9px 13px;
    font-size: 14px;
  }

  .summary-grid,
  .metrics-grid,
  .receipt-grid,
  .payment-record-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketing-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketing-feature-grid.three-up,
  .marketing-steps-grid.three-up,
  .marketing-trust-grid.three-up {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .legal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .panel-header,
  .job-panel-header,
  .stage-panel-header,
  .sub-item-top,
  .project-card-top,
  .project-card-footer {
    flex-direction: row;
    align-items: flex-start;
  }
}

@media (min-width: 1080px) {
  .builder-layout {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }

    .builder-sidebar {
    position: sticky;
    top: 96px;
    min-height: auto;
    height: fit-content;
  }

  .dashboard-shell {
    min-height: 520px;
  }

  .marketing-split-grid {
    grid-template-columns: 1.2fr 0.8fr;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  .top-nav {
    position: static;
    top: auto;
  }

  .nav-inner {
    padding: 8px 10px;
    gap: 8px;
  }

  body.settlelink-builder-open .top-nav {
    display: none;
  }

  body.settlelink-marketing-open .top-nav {
    background: transparent;
    backdrop-filter: none;
    border-bottom: none;
  }

  .brand {
    justify-content: center;
    width: 100%;
    padding: 12px 16px;
    min-height: 74px;
  }

  .brand-marketing {
    width: 100%;
    min-width: 0;
    border-radius: 24px;
    border: 2px solid #2f66f3;
    background: #ffffff;
    box-shadow: var(--shadow-soft);
  }

  .brand-icon-only {
    width: 100%;
    min-width: 0;
  }

  .brand-logo-full {
    height: 34px;
  }

  .brand-logo-icon {
    width: 32px;
    height: 32px;
  }

  body.settlelink-marketing-open .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px 34px;
  width: 100%;
  padding: 2px 0 0;
}

body.settlelink-marketing-open .nav-links a:not(.nav-cta),
body.settlelink-marketing-open .nav-links button:not(.nav-cta):not(.nav-install-cta) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: auto;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #66728f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

body.settlelink-marketing-open .nav-links a:not(.nav-cta):hover,
body.settlelink-marketing-open .nav-links button:not(.nav-cta):not(.nav-install-cta):hover {
  background: transparent;
  color: var(--text);
  transform: none;
}

body.settlelink-marketing-open .nav-links .nav-cta,
body.settlelink-marketing-open .nav-links .nav-install-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 160px;
  max-width: 100%;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 10px 20px rgba(47, 102, 243, 0.18);
}

.nav-install-cta {
  border: none;
  cursor: pointer;
  font: inherit;
  white-space: normal;
  line-height: 1.15;
}

/* keep sidebar styling separate (fixes broken merge) */
  .builder-sidebar-brand-full {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 18px;
    box-shadow: none;
    min-height: auto;
    grid-column: 1 / -1;
  }

  .builder-sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 110px;
    padding: 18px 12px;
    border: 2px solid #2f66f3;
    border-radius: 18px;
    background: #ffffff;
    margin-bottom: 0;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(47, 102, 243, 0.08);
  }

  .builder-layout {
    display: block;
  }

  .builder-sidebar {
    display: none;
  }

  .builder-mobile-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    margin-bottom: 12px;
    padding: 12px 16px;
    border-radius: 24px;
    background: #ffffff;
    border: 2px solid #2f66f3;
    box-shadow: var(--shadow-soft);
    overflow: hidden;
    text-decoration: none;
  }

  .builder-mobile-logo-image {
    width: auto;
    max-width: 210px;
    height: 34px;
    object-fit: contain;
    display: block;
  }

  .builder-main {
    width: 100%;
  }

    .app-shell {
    padding: 10px 10px 92px;
  }

  .app-shell-builder {
    padding-bottom: 92px;
  }

    .dashboard-shell {
    padding: 12px;
    border-radius: 22px;
  }

  .dashboard-topbar {
    gap: 10px;
    margin-bottom: 14px;
  }

  .dashboard-welcome-title {
    font-size: 23px;
  }

  .dashboard-company-pill {
    padding: 8px 12px;
  }

    .dashboard-metric-row {
    display: none;
  }

  .dashboard-metric-card {
    display: none;
  }

  .dashboard-metric-value {
    font-size: 24px;
  }

  .dashboard-projects-heading {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .dashboard-projects-heading h2 {
    font-size: 20px;
  }

  .dashboard-create-project-btn {
    width: auto;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 14px;
  }

  .dashboard-projects-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .dashboard-project-card {
    padding: 14px;
  }

  .dashboard-project-due-pill {
    width: 100%;
  }

  .dashboard-project-title {
    font-size: 18px;
  }

  .dashboard-project-meta-line {
    font-size: 13px;
    line-height: 1.4;
  }

  .dashboard-open-project-btn {
    width: auto;
    text-align: center;
    padding: 9px 13px;
    font-size: 14px;
  }

  .dashboard-project-progress-track {
    height: 8px;
  }

    .summary-grid,
  .metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .project-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .metric-card,
  .receipt-card,
  .project-stat {
    padding: 14px;
  }

  .metric-card strong,
  .receipt-card strong {
    font-size: 18px;
  }

  .project-stat strong {
    font-size: 18px;
  }
    .project-card {
    padding: 14px;
  }

  .project-card-footer {
    gap: 8px;
  }

  .project-card-footer .primary-btn,
  .project-card-footer .secondary-btn {
    width: 100%;
  }

  .panel,
  .form-panel,
  .project-card,
  .hero,
  .hero-card,
  .marketing-card,
  .legal-card {
    padding: 14px;
    border-radius: 20px;
  }

  .marketing-hero {
    padding: 18px;
  }

  .page-header {
    margin-bottom: 14px;
  }

  h1 {
    font-size: 24px;
    line-height: 1.08;
  }

  h2 {
    font-size: 18px;
  }

  .panel-title {
    font-size: 18px;
  }

  p,
  .muted-text,
  .page-subtitle {
    font-size: 14px;
  }

  .button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .button-row .primary-btn,
.button-row .secondary-btn {
  flex: 1 1 calc(50% - 4px);
  min-width: calc(50% - 4px);
  min-height: 38px;
  padding: 8px 10px;
  font-size: 13px;
}

  input,
  select,
  textarea,
  button {
    min-height: 42px;
  }

  .summary-line,
  .timeline-row,
  .calculator-row {
    padding: 10px 0;
    font-size: 14px;
  }

  .project-inline-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .toast-layer {
    top: auto;
    bottom: 96px;
    right: 10px;
    left: 10px;
  }

  .app-toast {
    max-width: 100%;
  }

  .mobile-bottom-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 7px 10px calc(7px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--border);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  box-shadow: 0 -12px 34px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(14px);
}

  .mobile-bottom-nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 50px;
    padding: 5px 3px;
    border-radius: 14px;
    color: #7382a3;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
  }

  .mobile-bottom-nav-link.active {
    background: #edf3ff;
    color: var(--primary);
  }

  .mobile-bottom-nav-label {
    line-height: 1.1;
    white-space: nowrap;
  }

  * {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

@media (max-width: 420px) {
  .app-shell {
    padding-left: 8px;
    padding-right: 8px;
  }

  body.settlelink-marketing-open .nav-links {
  gap: 12px 22px;
}

body.settlelink-marketing-open .nav-links a:not(.nav-cta),
body.settlelink-marketing-open .nav-links button:not(.nav-cta):not(.nav-install-cta) {
  font-size: 15px;
}

body.settlelink-marketing-open .nav-links .nav-cta,
body.settlelink-marketing-open .nav-links .nav-install-cta {
  min-width: 148px;
  min-height: 48px;
  padding: 0 20px;
  font-size: 15px;
}

  .dashboard-shell {
    padding: 12px;
  }

  .dashboard-metric-value {
    font-size: 20px;
  }

  .dashboard-project-title {
    font-size: 17px;
  }

  .summary-grid,
  .metrics-grid,
  .receipt-grid,
  .payment-record-grid {
    grid-template-columns: 1fr;
  }

  .project-inline-stats {
    grid-template-columns: 1fr;
  }

  .button-row .primary-btn,
  .button-row .secondary-btn {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .project-top-actions {
    grid-template-columns: 1fr;
  }

  .project-top-actions .primary-btn,
  .project-top-actions .secondary-btn {
    min-width: 100%;
    font-size: 13px;
  }

  .mobile-bottom-nav {
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 5px;
    gap: 3px;
  }

  .mobile-bottom-nav-link {
    min-height: 48px;
    padding: 4px 2px;
    font-size: 9px;
  }
}

.button-row.centered-row {
  justify-content: center;
}

.button-row.spread-row {
  justify-content: space-between;
}

.button-row.compact-actions {
  gap: 10px;
}

.button-row.compact-actions .primary-btn,
.button-row.compact-actions .secondary-btn {
  min-height: 48px;
}

.project-top-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.project-top-actions .primary-btn,
.project-top-actions .secondary-btn {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 14px;
}

.project-top-actions .primary-btn {
  box-shadow: 0 8px 18px rgba(47, 102, 243, 0.14);
}

.project-top-actions .project-delete-btn {
  color: #d92d20;
  background: #fff1f0;
  border-color: #fecdca;
}

.project-top-actions .project-delete-btn:hover {
  background: #ffe4e1;
}

body.settlelink-dark-mode .project-top-actions .project-delete-btn {
  color: #fecaca;
  background: rgba(127, 29, 29, 0.24);
  border-color: rgba(248, 113, 113, 0.45);
}

.dashboard-public-links {
  margin-top: 16px;
  display: none;
}

.dashboard-public-links-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.dashboard-public-links-grid .secondary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  min-height: 42px;
}

.dashboard-completed-mobile-actions .secondary-btn,
.panel-action-footer .primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 768px) {
  .dashboard-public-links {
    display: block;
  }

  .dashboard-public-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-public-links-grid a:last-child {
    grid-column: 1 / -1;
  }
}

.dashboard-completed-panel {
  margin-top: 18px;
}

.completed-folder-card {
  padding: 18px;
}

.completed-folder-card-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.completed-folder-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: #eef4ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.completed-folder-main {
  min-width: 0;
}

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

.completed-folder-actions .primary-btn,
.completed-folder-actions .secondary-btn {
  width: 100%;
}

@media (max-width: 768px) {
  .completed-folder-card {
    padding: 14px;
  }

  .completed-folder-card-top {
    align-items: flex-start;
  }

  .completed-folder-actions {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.dashboard-completed-dropzone {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px 18px;
  border: 2px dashed #d6e3ff;
  border-radius: 24px;
  background: #fbfdff;
  text-align: center;
}

.dashboard-completed-dropzone.is-drag-over {
  border-color: #2f66f3;
  background: #f5f8ff;
}

.dashboard-completed-dropzone-icon {
  font-size: 34px;
  line-height: 1;
}

.dashboard-completed-mobile-actions {
  display: none;
  margin-top: 10px;
}

@media (min-width: 769px) {
  .dashboard-completed-dropzone {
    display: flex;
  }
}

@media (max-width: 768px) {
  .dashboard-completed-mobile-actions {
    display: block;
  }

  .dashboard-completed-mobile-actions .secondary-btn {
    width: 100%;
  }
}

.panel-action-footer {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

@media (max-width: 768px) {
  .button-row,
  .button-row.centered-row,
  .button-row.spread-row,
  .button-row.compact-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .button-row .primary-btn,
  .button-row .secondary-btn {
    width: 100%;
  }

  .summary-line,
  .timeline-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .summary-line strong,
  .timeline-row strong {
    width: 100%;
    text-align: left;
    white-space: normal;
    word-break: break-word;
  }

  .client-top-logo-wrap {
    margin-bottom: 12px;
  }

  .client-top-logo-card {
    min-height: 64px;
    padding: 10px 14px;
    border-radius: 18px;
  }

  .client-top-logo-image {
    max-width: 180px;
    height: 28px;
  }

  .project-top-actions {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 12px;
  }

  .project-top-actions .primary-btn,
  .project-top-actions .secondary-btn {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    font-size: 13px;
  }
}

.payment-hero-card .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.payment-hero-card .panel-header strong {
  display: block;
  min-width: 140px;
  text-align: right;
  font-size: 32px;
  line-height: 1.1;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .payment-hero-card .panel-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .payment-hero-card .panel-header strong {
    min-width: auto;
    text-align: left;
    white-space: normal;
    word-break: break-word;
  }
}

.project-summary-grid {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}

.project-summary-grid--top {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-summary-grid--bottom {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-summary-grid .metric-card {
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px;
}

.project-summary-grid .metric-card strong {
  font-size: 1.55rem;
  line-height: 1.1;
}

@media (max-width: 1100px) {
  .project-summary-grid--top,
  .project-summary-grid--bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .project-summary-grid--top,
  .project-summary-grid--bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .project-summary-grid .metric-card {
    min-height: 78px;
    padding: 10px;
    border-radius: 16px;
  }

  .project-summary-grid .metric-card strong {
    font-size: 1.2rem;
  }

  .project-summary-grid .metric-label {
    font-size: 10px;
    margin-bottom: 6px;
  }
}

@media (max-width: 420px) {
  .project-summary-grid--top,
  .project-summary-grid--bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .project-summary-grid .metric-card {
    min-height: 72px;
    padding: 9px;
  }

  .project-summary-grid .metric-card strong {
    font-size: 1.05rem;
  }
}
.calculator-card {
  margin-top: 8px;
}

/* Bundle: homepage + sidebar tidy */

.marketing-dual-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.marketing-dual-benefits .marketing-card {
  padding: 18px;
}

.marketing-dual-benefits .marketing-mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.marketing-dual-benefits .marketing-stat {
  padding: 12px 14px;
  border-radius: 16px;
}

.marketing-dual-benefits .marketing-stat strong {
  font-size: 18px;
  line-height: 1.1;
}

.builder-sidebar,
.sidebar-card,
.workspace-sidebar,
.dashboard-sidebar {
  align-self: start;
}

.builder-sidebar .panel,
.sidebar-card .panel,
.workspace-sidebar .panel,
.dashboard-sidebar .panel {
  min-height: auto;
}

.summary-grid .metric-card,
.metrics-grid .metric-card,
.receipt-grid .receipt-card,
.payment-record-grid .receipt-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.summary-grid .metric-card strong,
.metrics-grid .metric-card strong,
.receipt-grid .receipt-card strong,
.payment-record-grid .receipt-card strong {
  display: block;
  line-height: 1.12;
}

.centered-action-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
}

.builder-sidebar,
.sidebar-card,
.workspace-sidebar,
.dashboard-sidebar {
  padding-bottom: 18px;
}

@media (max-width: 900px) {
  .marketing-dual-benefits {
    grid-template-columns: 1fr;
  }

  .marketing-dual-benefits .marketing-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketing-dual-benefits .marketing-stat {
    padding: 10px 12px;
  }

  .marketing-dual-benefits .marketing-stat-label {
    font-size: 10px;
  }

  .marketing-dual-benefits .marketing-stat strong {
    font-size: 15px;
  }
}

/* --- Project Invoices page exact layout fix --- */
.project-invoices-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.project-invoice-card {
  width: 100%;
}

.project-invoice-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 12px 0;
}

@media (max-width: 768px) {
  .project-invoices-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .project-invoice-card {
    width: 100%;
  }

  .project-invoice-stats {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .project-invoices-list .button-row {
    flex-direction: column;
    align-items: stretch;
  }

  .project-invoices-list .button-row .primary-btn,
  .project-invoices-list .button-row .secondary-btn {
    width: 100%;
  }
}
/* --- Better checkbox styling --- */
input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  aspect-ratio: 1 / 1;
  flex: 0 0 20px;
  align-self: flex-start;
  margin: 2px 0 0;
  accent-color: #2f66f3;
  color-scheme: light;
  cursor: pointer;
  vertical-align: middle;
}

body.settlelink-dark-mode input[type="checkbox"] {
  accent-color: #6ea8ff;
  color-scheme: dark;
}

label .muted-text,
label.muted-text {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.45;
}
/* Dashboard 4-card desktop layout */
@media (min-width: 760px) {
  .dashboard-metric-row {
    display: none;
  }
}

@media (max-width: 768px) {
  .completed-folder-card-top,
  .panel-header,
  .project-card-top {
    align-items: flex-start;
  }

  .completed-folder-card-top {
    flex-direction: column;
  }

  .panel-header strong,
  .project-card-top strong {
    width: 100%;
    text-align: left;
    white-space: normal;
    word-break: break-word;
  }

  .detail-list,
  .timeline-card,
  .project-inline-stats,
  .project-summary-grid {
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .metric-card strong,
  .receipt-card strong,
  .project-stat strong {
    font-size: 16px;
  }

  .completed-folder-card,
  .project-card,
  .panel,
  .hero,
  .hero-card {
    min-width: 0;
  }
}

/* Final builder mobile overflow hardening bundle */

.app-shell,
.app-shell-builder,
.app-shell-client,
.builder-layout,
.builder-main,
.dashboard-shell,
.panel,
.hero,
.hero-card,
.project-card,
.completed-folder-card,
.project-invoice-card,
.invoice-contact-card,
.invoice-wording-block,
.receipt-card,
.metric-card,
.project-stat,
.app-modal-card,
.payment-feedback-box,
.notice-box,
.calculator-total,
.dashboard-project-card,
.dashboard-empty-state,
.completed-folder-main,
.dashboard-project-card-top > div,
.project-card-top > div,
.panel-header > div,
.completed-folder-card-top > div {
  min-width: 0;
}

h1,
h2,
h3,
.panel-title,
.page-subtitle,
.muted-text,
.dashboard-welcome-title,
.dashboard-project-title,
.dashboard-project-meta-line,
.dashboard-company-pill,
.invoice-contact-card-name,
.invoice-contact-card-subtitle,
.invoice-contact-card-item strong,
.project-stat strong,
.metric-card strong,
.receipt-card strong,
.summary-line strong,
.timeline-row strong,
.payment-hero-amount,
.app-modal-title,
.app-modal-text {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.primary-btn,
.secondary-btn,
.dashboard-create-project-btn,
.dashboard-open-project-btn,
.dashboard-view-btn,
.dashboard-project-due-pill,
.nav-links .nav-cta,
.nav-links .nav-install-cta,
.button-row .primary-btn,
.button-row .secondary-btn {
  white-space: normal;
  line-height: 1.2;
  text-align: center;
  min-width: 0;
}

.nav-links a,
.nav-links button,
.dashboard-company-pill,
.invoice-contact-card-item,
.project-stat,
.metric-card,
.receipt-card,
.summary-line strong,
.timeline-row strong {
  min-width: 0;
}

@media (max-width: 768px) {
  .app-shell,
  .app-shell-builder,
  .app-shell-client {
    overflow-x: hidden;
  }

  .dashboard-topbar,
  .dashboard-projects-heading,
  .completed-folder-card-top,
  .panel-header,
  .project-card-top,
  .dashboard-project-card-top {
    gap: 10px;
  }

  .dashboard-company-pill {
    width: 100%;
    justify-content: flex-start;
  }

  .dashboard-project-card-top,
  .panel-header,
  .project-card-top,
  .completed-folder-card-top {
    align-items: flex-start;
  }

  .project-summary-grid--top,
  .project-summary-grid--bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .summary-grid,
  .metrics-grid,
  .receipt-grid,
  .payment-record-grid,
  .project-inline-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-public-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .invoice-contact-card-item,
  .project-stat,
  .metric-card,
  .receipt-card,
  .calculator-total,
  .payment-hero-top {
    min-width: 0;
  }
}

@media (max-width: 560px) {
  .dashboard-projects-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard-create-project-btn,
  .dashboard-open-project-btn,
  .dashboard-project-due-pill {
    width: 100%;
  }

  .project-summary-grid--top,
  .project-summary-grid--bottom,
  .summary-grid,
  .metrics-grid,
  .receipt-grid,
  .payment-record-grid,
  .project-inline-stats,
  .dashboard-public-links-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-project-actions,
  .dashboard-project-due-row {
    grid-template-columns: 1fr;
  }

  .dashboard-project-progress-note,
  .dashboard-project-meta-line,
  .page-subtitle,
  .muted-text,
  p {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .payment-hero-amount {
    font-size: 24px;
  }

  .client-top-logo-image,
  .builder-mobile-logo-image {
    max-width: 170px;
  }
}

@media (max-width: 380px) {
  .app-shell {
    padding-left: 6px;
    padding-right: 6px;
  }

  .panel,
  .form-panel,
  .project-card,
  .hero,
  .hero-card,
  .marketing-card,
  .legal-card,
  .completed-folder-card,
  .project-invoice-card {
    padding: 12px;
  }

  .payment-hero-amount {
    font-size: 22px;
  }

  .dashboard-welcome-title {
    font-size: 21px;
  }

  .dashboard-project-title {
    font-size: 16px;
  }
}

/* Dashboard desktop repair bundle */

.dashboard-shell {
  max-width: 940px;
  margin: 0 auto;
}

.dashboard-projects-section {
  margin-top: 8px;
}

.dashboard-completed-panel {
  margin-top: 18px;
}

.dashboard-projects-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.dashboard-project-card {
  position: relative;
}

.dashboard-project-card-top {
  margin-bottom: 14px;
}

.dashboard-project-menu-wrap {
  position: relative;
  flex-shrink: 0;
}

.dashboard-project-menu {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #7f8cad;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.dashboard-project-menu:hover {
  background: #f5f8ff;
  color: var(--primary);
}

.dashboard-project-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 190px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
  display: grid;
  gap: 6px;
  z-index: 20;
}

.dashboard-project-menu-panel[hidden] {
  display: none;
}

.dashboard-project-menu-action {
  width: 100%;
  border: 1px solid #d6e3ff;
  background: #ffffff;
  color: var(--primary);
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.dashboard-project-menu-action:hover {
  background: #f8fbff;
}

.dashboard-project-menu-action.is-danger {
  border-color: #fecdca;
  background: #fff6f5;
  color: #d92d20;
}

.dashboard-project-actions {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.dashboard-open-project-btn {
  width: 100%;
  min-height: 46px;
}

.dashboard-project-progress-wrap {
  min-width: 0;
}

.dashboard-project-progress-track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e7edf7;
  overflow: hidden;
}

.dashboard-project-progress-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.dashboard-project-progress-fill.is-active {
  background: #3b82f6;
}

.dashboard-project-progress-fill.is-awaiting {
  background: #f59e0b;
}

.dashboard-project-progress-fill.is-overdue {
  background: #ef4444;
}

.dashboard-project-progress-fill.is-complete {
  background: #22c55e;
}

.dashboard-project-progress-fill.is-muted {
  background: #cbd5e1;
}

.dashboard-project-progress-note {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 700;
}

.dashboard-project-progress-note.is-active {
  color: #2563eb;
}

.dashboard-project-progress-note.is-awaiting {
  color: #b45309;
}

.dashboard-project-progress-note.is-overdue {
  color: #dc2626;
}

.dashboard-project-progress-note.is-complete {
  color: #15803d;
}

.dashboard-project-progress-note.is-muted {
  color: #64748b;
}

@media (min-width: 769px) {
  .dashboard-public-links {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .dashboard-shell {
    padding: 12px;
    border-radius: 22px;
  }

  .dashboard-projects-grid {
    gap: 12px;
  }

  .dashboard-project-actions {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-project-menu-panel {
    right: 0;
    min-width: 180px;
  }
}

/* Dashboard cleanup bundle */

.dashboard-shortcuts-panel {
  margin-top: 16px;
}

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

.dashboard-shortcuts-grid .secondary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  text-align: center;
}

.dashboard-projects-heading .button-row {
  justify-content: flex-end;
}

.dashboard-company-pill,
.dashboard-company-avatar,
.dashboard-company-caret {
  display: none !important;
}

@media (max-width: 768px) {
  .dashboard-shortcuts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .dashboard-shortcuts-grid {
    grid-template-columns: 1fr;
  }
}

@keyframes settlelinkLoadingSpin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.startup-loading-shell {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(110, 132, 198, 0.88) 0%, rgba(122, 142, 201, 0.90) 100%);
}

.startup-loading-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(120, 139, 199, 0.22);
}

.startup-loading-card {
  position: relative;
  z-index: 1;
  width: min(820px, 100%);
  background: rgba(255, 255, 255, 0.96);
  border-radius: 34px;
  box-shadow: 0 28px 60px rgba(31, 52, 107, 0.18);
  padding: 38px 28px 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.startup-loading-logo {
  width: auto;
  height: 52px;
  max-width: min(260px, 72%);
  object-fit: contain;
  display: block;
  margin-bottom: 28px;
}

.startup-loading-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #11275b;
}

.startup-loading-subtitle {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #66728f;
}

.startup-loading-spinner {
  width: 44px;
  height: 44px;
  margin-top: 28px;
  border-radius: 999px;
  border: 5px solid rgba(47, 102, 243, 0.16);
  border-top-color: #6da8ff;
  border-right-color: #2f66f3;
  animation: settlelinkLoadingSpin 0.8s linear infinite;
}

body.settlelink-dark-mode .startup-loading-shell {
  background:
    linear-gradient(180deg, rgba(18, 29, 58, 0.94) 0%, rgba(28, 44, 82, 0.96) 100%);
}

body.settlelink-dark-mode .startup-loading-shell::before {
  background: rgba(19, 29, 54, 0.34);
}

body.settlelink-dark-mode .startup-loading-card {
  background: rgba(16, 24, 39, 0.94);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35);
}

body.settlelink-dark-mode .startup-loading-title {
  color: #f8fbff;
}

body.settlelink-dark-mode .startup-loading-subtitle {
  color: #a9b7d3;
}

@media (max-width: 768px) {
  .startup-loading-shell {
    padding: 18px;
  }

  .startup-loading-card {
    width: min(92vw, 680px);
    border-radius: 26px;
    padding: 28px 18px 24px;
  }

  .startup-loading-logo {
    height: 42px;
    max-width: 72%;
    margin-bottom: 22px;
  }

  .startup-loading-title {
    font-size: 22px;
    line-height: 1.12;
  }

  .startup-loading-subtitle {
    margin-top: 10px;
    font-size: 15px;
  }

  .startup-loading-spinner {
    width: 38px;
    height: 38px;
    margin-top: 22px;
    border-width: 4px;
  }
}

/* More page redesign bundle */

/* Third-party payment setup trust card */

.more-payment-setup-panel {
  padding: 18px;
  border: 1px solid #dfe7f3;
  border-radius: 28px;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.more-payment-setup-top {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 18px;
}

.more-payment-setup-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.more-payment-setup-icon {
  width: 112px;
  height: 112px;
  border-radius: 28px;
  background: linear-gradient(180deg, #eefaf3 0%, #e3f6eb 100%);
  color: #16a34a;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.08);
  flex-shrink: 0;
}

.more-payment-setup-icon .builder-sidebar-icon {
  width: 54px;
  height: 54px;
}

.more-payment-setup-icon .icon-security::before {
  left: 17px;
  top: 8px;
  width: 20px;
  height: 16px;
  border: 4px solid currentColor;
  border-bottom: none;
  border-radius: 14px 14px 0 0;
}

.more-payment-setup-icon .icon-security::after {
  left: 14px;
  top: 22px;
  width: 26px;
  height: 20px;
  border: 4px solid currentColor;
  border-radius: 7px;
}

.more-payment-setup-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 16px;
  border-radius: 999px;
  background: #e6f8ea;
  color: #16a34a;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
}

.more-payment-setup-title {
  font-size: 24px;
  line-height: 1.08;
  margin-bottom: 8px;
}

.more-payment-setup-subtitle {
  font-size: 15px;
  line-height: 1.55;
  max-width: 680px;
}

.more-payment-status-card {
  margin-top: 4px;
  padding: 18px 20px;
  border: 2px solid #4cbc73;
  border-radius: 24px;
  background: linear-gradient(180deg, #eef9f1 0%, #edf8f0 100%);
}

.more-payment-status-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.more-payment-status-label {
  display: block;
  margin-bottom: 6px;
  color: #2c7a4b;
  font-size: 14px;
  font-weight: 700;
}

.more-payment-status-value {
  display: block;
  font-size: 22px;
  line-height: 1.08;
  color: #11803d;
}

.more-payment-last-checked-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #dff3e5;
  color: #238351;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.more-payment-status-detail {
  color: #234a34;
  font-size: 15px;
  font-weight: 700;
}

.more-payment-trust-box {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 24px;
  background: #f2f5fd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.more-payment-trust-box-left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.more-payment-trust-icon {
  width: 72px;
  height: 72px;
  border-radius: 22px;
  background: #e9eefc;
  color: #2f66f3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.more-payment-trust-icon .builder-sidebar-icon {
  width: 26px;
  height: 26px;
}

.more-payment-trust-title {
  display: block;
  margin-bottom: 6px;
  font-size: 17px;
  line-height: 1.15;
  color: var(--text-strong);
}

.more-payment-trust-text {
  max-width: 460px;
  font-size: 15px;
  line-height: 1.55;
}

.more-payment-trust-brand {
  flex-shrink: 0;
}

.more-payment-powered-by {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 18px;
  border-radius: 16px;
  background: #14204a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(20, 32, 74, 0.16);
}

.more-payment-setup-btn {
  min-height: 56px;
  border-radius: 18px;
  font-size: 15px;
  font-weight: 800;
}

.more-payment-refresh-note {
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
}

.more-payment-setup-details-btn {
  width: 100%;
  margin-top: 18px;
  padding-top: 18px;
  border: none;
  border-top: 1px solid #e4e9f2;
  background: transparent;
  color: var(--primary);
  font-weight: 800;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
}

.more-payment-setup-details-btn:hover {
  opacity: 0.9;
}

.more-payment-setup-details-btn::after {
  content: "›";
  margin-left: 10px;
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .more-payment-setup-panel {
    padding: 16px;
    border-radius: 24px;
  }

  .more-payment-setup-top {
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
  }

  .more-payment-setup-icon-wrap {
    justify-content: flex-start;
  }

  .more-payment-setup-icon {
    width: 86px;
    height: 86px;
    border-radius: 24px;
  }

  .more-payment-setup-icon .builder-sidebar-icon {
    width: 44px;
    height: 44px;
  }

  .more-payment-setup-icon .icon-security::before {
    left: 14px;
    top: 6px;
    width: 16px;
    height: 13px;
    border: 3px solid currentColor;
    border-bottom: none;
    border-radius: 11px 11px 0 0;
  }

  .more-payment-setup-icon .icon-security::after {
    left: 12px;
    top: 18px;
    width: 20px;
    height: 16px;
    border: 3px solid currentColor;
    border-radius: 6px;
  }

  .more-payment-setup-title {
    font-size: 21px;
  }

  .more-payment-status-card {
    padding: 16px;
    border-radius: 22px;
  }

  .more-payment-status-card-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .more-payment-last-checked-badge {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 13px;
  }

  .more-payment-status-value {
    font-size: 20px;
  }

  .more-payment-trust-box {
    padding: 16px;
    border-radius: 22px;
    flex-direction: column;
    align-items: flex-start;
  }

  .more-payment-trust-box-left {
    align-items: flex-start;
  }

  .more-payment-trust-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .more-payment-trust-icon .builder-sidebar-icon {
    width: 22px;
    height: 22px;
  }

  .more-payment-trust-brand {
    width: 100%;
  }

  .more-payment-powered-by {
    width: 100%;
    min-height: 50px;
    border-radius: 14px;
  }

  .more-payment-setup-btn {
    min-height: 52px;
  }
}

body.settlelink-dark-mode .more-payment-setup-panel {
  background: linear-gradient(180deg, #101827 0%, #111d31 100%);
  border-color: #243041;
}

body.settlelink-dark-mode .more-payment-setup-icon {
  background: linear-gradient(180deg, rgba(22, 163, 74, 0.18) 0%, rgba(22, 163, 74, 0.10) 100%);
  color: #6ee7a0;
  box-shadow: inset 0 0 0 1px rgba(110, 231, 160, 0.12);
}

body.settlelink-dark-mode .more-payment-setup-badge {
  background: rgba(22, 163, 74, 0.18);
  color: #6ee7a0;
}

body.settlelink-dark-mode .more-payment-status-card {
  background: linear-gradient(180deg, rgba(22, 163, 74, 0.12) 0%, rgba(22, 163, 74, 0.08) 100%);
  border-color: rgba(110, 231, 160, 0.44);
}

body.settlelink-dark-mode .more-payment-status-label,
body.settlelink-dark-mode .more-payment-status-value,
body.settlelink-dark-mode .more-payment-status-detail,
body.settlelink-dark-mode .more-payment-last-checked-badge {
  color: #d8ffe7;
}

body.settlelink-dark-mode .more-payment-last-checked-badge {
  background: rgba(110, 231, 160, 0.12);
}

body.settlelink-dark-mode .more-payment-trust-box {
  background: #0f1728;
  border: 1px solid #243041;
}

body.settlelink-dark-mode .more-payment-trust-icon {
  background: #162033;
  color: #dbe6ff;
}

body.settlelink-dark-mode .more-payment-powered-by {
  background: #0d1635;
  color: #ffffff;
}

body.settlelink-dark-mode .more-payment-setup-details-btn {
  border-top-color: #243041;
}

.icon-security::before {
  left: 5px;
  top: 3px;
  width: 8px;
  height: 7px;
  border: 2px solid currentColor;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}

.icon-security::after {
  left: 4px;
  top: 8px;
  width: 10px;
  height: 8px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.icon-appearance::before {
  left: 8px;
  top: 1px;
  width: 2px;
  height: 16px;
  background: currentColor;
  box-shadow: -6px 4px 0 currentColor, 6px -2px 0 currentColor;
}

.icon-appearance::after {
  left: 6px;
  top: 6px;
  width: 6px;
  height: 6px;
  border: 2px solid currentColor;
  border-radius: 999px;
  background: #ffffff;
}

.more-page-header {
  margin-bottom: 16px;
}

.more-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.more-section-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: #eef3ff;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.more-section-icon .builder-sidebar-icon {
  width: 22px;
  height: 22px;
}

.more-section-icon-danger {
  background: #fff1f0;
  color: #d92d20;
}

.more-detail-list .timeline-row span {
  font-weight: 700;
  color: var(--muted);
}

.more-wide-btn {
  width: 100%;
  justify-content: center;
}

.more-security-panel,
.more-appearance-panel,
.more-vat-panel,
.more-workspace-panel,
.more-danger-panel,
.more-account-panel {
  padding: 18px;
}

.more-inline-link-row {
  line-height: 1.55;
}

.more-inline-setting-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: #fbfdff;
}

.more-inline-setting-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.more-inline-setting-icon {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background: #eef3ff;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.more-inline-setting-label {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.more-inline-setting-btn {
  width: 100%;
}

.more-checkbox-card {
  margin-top: 8px;
  padding: 16px 18px;
  border: 1px solid #d7e3ff;
  border-radius: 20px;
  background: #f7faff;
}

.more-checkbox-card label {
  align-items: flex-start !important;
}

.more-action-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.more-action-btn {
  width: 100%;
  min-height: 50px;
  justify-content: center;
}

.more-compliance-wrap {
  display: grid;
  gap: 12px;
}

.more-compliance-wrap .panel {
  padding: 18px;
}

.more-compliance-wrap .panel .panel-title {
  font-size: 20px;
}

.more-compliance-wrap .timeline-row span {
  font-weight: 700;
  color: var(--muted);
}

.more-danger-panel {
  border-color: #f3d3cf;
}

.more-danger-title {
  color: #c81e1e;
}

.more-danger-notice {
  margin-top: 4px;
}

.more-delete-toggle-row {
  margin-bottom: 0;
}

.more-collapse-panel {
  min-width: 0;
}

@media (min-width: 760px) {
  .more-inline-setting-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .more-inline-setting-btn {
    width: auto;
    min-width: 230px;
  }
}

@media (max-width: 768px) {
  .builder-mobile-logo {
    min-height: 66px;
    margin-bottom: 10px;
    padding: 10px 14px;
    border-radius: 22px;
  }

  .builder-mobile-logo-image {
    height: 30px;
    max-width: 190px;
  }

  .more-page-header {
    margin-bottom: 12px;
  }

  .more-section-heading {
    gap: 12px;
    margin-bottom: 14px;
  }

  .more-section-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
  }

  .more-section-icon .builder-sidebar-icon {
    width: 20px;
    height: 20px;
  }

  .more-security-panel,
  .more-appearance-panel,
  .more-vat-panel,
  .more-workspace-panel,
  .more-danger-panel,
  .more-account-panel,
  .more-compliance-wrap .panel {
    padding: 16px;
  }

  .more-inline-setting-card {
    padding: 14px;
    border-radius: 18px;
  }

  .more-inline-setting-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .more-checkbox-card {
    padding: 14px 16px;
    border-radius: 18px;
  }

  .more-action-stack {
    gap: 10px;
  }
}

body.settlelink-dark-mode .more-section-icon,
body.settlelink-dark-mode .more-inline-setting-icon {
  background: #162033;
  color: #dbe6ff;
}

body.settlelink-dark-mode .more-inline-setting-card {
  background: #0f1728;
  border-color: #243041;
}

body.settlelink-dark-mode .more-checkbox-card {
  background: #0f1728;
  border-color: #30415c;
}

body.settlelink-dark-mode .more-danger-panel {
  border-color: #5b2a2a;
}

body.settlelink-dark-mode .more-section-icon-danger {
  background: rgba(217, 45, 32, 0.14);
  color: #ff8b80;
}

body.settlelink-dark-mode .more-danger-title {
  color: #ff8b80;
}

.builder-setup-helper {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 9000;
  width: min(360px, calc(100vw - 32px));
  border: 1px solid rgba(47, 102, 243, 0.18);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.20);
  overflow: hidden;
  backdrop-filter: blur(18px);
}

.builder-setup-helper-toggle {
  width: 100%;
  border: none;
  background: transparent;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
  color: var(--text-strong);
}

.builder-setup-helper-toggle strong {
  display: block;
  font-size: 15px;
  line-height: 1.2;
}

.builder-setup-helper-toggle small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.builder-setup-helper-dot {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(47, 102, 243, 0.24);
}

.builder-setup-helper-chevron {
  color: var(--muted);
  font-size: 16px;
  font-weight: 900;
}

.builder-setup-helper-body {
  padding: 0 16px 16px;
}

.builder-setup-helper.is-collapsed .builder-setup-helper-body {
  display: none;
}

.builder-setup-helper-progress-track {
  height: 8px;
  border-radius: 999px;
  background: #edf2fb;
  overflow: hidden;
  margin-bottom: 14px;
}

.builder-setup-helper-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #31c48d, #2f66f3);
  transition: width 0.35s ease;
}

.builder-setup-helper-task {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fbfdff;
  margin-bottom: 10px;
}

.builder-setup-helper-task-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf2fb;
  color: var(--primary);
  font-size: 13px;
  font-weight: 900;
}

.builder-setup-helper-task strong {
  display: block;
  color: var(--text-strong);
  font-size: 14px;
  line-height: 1.2;
}

.builder-setup-helper-task p,
.builder-setup-helper-finished p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
}

.builder-setup-helper-task.is-done {
  border-color: #abefc6;
  background: #f6fef9;
}

.builder-setup-helper-task.is-done .builder-setup-helper-task-icon {
  background: #dcfae6;
  color: #067647;
}

.builder-setup-helper-task.is-newly-done {
  animation: builderSetupTaskDone 0.8s ease both;
}

.builder-setup-helper.has-new-completion .builder-setup-helper-dot,
.builder-setup-helper.is-finished .builder-setup-helper-dot {
  animation: builderSetupPulse 0.85s ease both;
  background: #31c48d;
}

.builder-setup-helper-finished {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid #abefc6;
  background: #f6fef9;
  margin-bottom: 12px;
}

.builder-setup-helper-finished strong {
  color: #067647;
  font-size: 15px;
  line-height: 1.25;
}

.builder-setup-helper-actions {
  display: grid;
  grid-template-columns: 1fr 0.55fr;
  gap: 10px;
}

.builder-setup-helper-action {
  min-height: 44px;
  padding: 10px 12px;
  justify-content: center;
  border-radius: 16px;
  font-size: 13px;
}

@keyframes builderSetupPulse {
  0% {
    transform: scale(1);
  }

  45% {
    transform: scale(1.18);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes builderSetupTaskDone {
  0% {
    transform: translateY(0);
  }

  35% {
    transform: translateY(-3px);
  }

  100% {
    transform: translateY(0);
  }
}

body.settlelink-dark-mode .builder-setup-helper {
  background: rgba(15, 23, 40, 0.96);
  border-color: #243041;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
}

body.settlelink-dark-mode .builder-setup-helper-toggle {
  color: #f4f7fb;
}

body.settlelink-dark-mode .builder-setup-helper-toggle small,
body.settlelink-dark-mode .builder-setup-helper-task p,
body.settlelink-dark-mode .builder-setup-helper-finished p {
  color: #9ca8c3;
}

body.settlelink-dark-mode .builder-setup-helper-progress-track,
body.settlelink-dark-mode .builder-setup-helper-task-icon {
  background: #162033;
}

body.settlelink-dark-mode .builder-setup-helper-task {
  background: #0f1728;
  border-color: #243041;
}

body.settlelink-dark-mode .builder-setup-helper-task strong {
  color: #f4f7fb;
}

body.settlelink-dark-mode .builder-setup-helper-task.is-done,
body.settlelink-dark-mode .builder-setup-helper-finished {
  background: rgba(49, 196, 141, 0.10);
  border-color: rgba(49, 196, 141, 0.40);
}

@media (max-width: 768px) {
  .builder-setup-helper {
    right: 12px;
    bottom: 96px;
    width: min(360px, calc(100vw - 24px));
    border-radius: 22px;
  }

  .builder-setup-helper-toggle {
    padding: 13px 14px;
  }

  .builder-setup-helper-body {
    padding: 0 14px 14px;
  }

  .builder-setup-helper-actions {
    grid-template-columns: 1fr;
  }
}

.more-payment-last-checked-badge[hidden] {
  display: none !important;
}

/* Payment setup state colours */
.more-payment-setup-panel[data-setup-state="loading"] .more-payment-setup-icon,
.more-payment-setup-panel[data-setup-state="loading"] .more-payment-setup-badge {
  background: #eef4ff;
  color: #1d4ed8;
}

.more-payment-setup-panel[data-setup-state="loading"] .more-payment-status-card {
  background: #f5f8ff;
  border-color: #b2ccff;
}

.more-payment-setup-panel[data-setup-state="not_started"] .more-payment-setup-icon,
.more-payment-setup-panel[data-setup-state="not_started"] .more-payment-setup-badge {
  background: #f2f4f7;
  color: #344054;
}

.more-payment-setup-panel[data-setup-state="not_started"] .more-payment-status-card {
  background: #ffffff;
  border-color: #d0d5dd;
}

.more-payment-setup-panel[data-setup-state="in_progress"] .more-payment-setup-icon,
.more-payment-setup-panel[data-setup-state="in_progress"] .more-payment-setup-badge,
.more-payment-setup-panel[data-setup-state="needs_more"] .more-payment-setup-icon,
.more-payment-setup-panel[data-setup-state="needs_more"] .more-payment-setup-badge {
  background: #fffaeb;
  color: #b54708;
}

.more-payment-setup-panel[data-setup-state="in_progress"] .more-payment-status-card,
.more-payment-setup-panel[data-setup-state="needs_more"] .more-payment-status-card {
  background: #fffcf5;
  border-color: #fdb022;
}

.more-payment-setup-panel[data-setup-state="ready"] .more-payment-setup-icon,
.more-payment-setup-panel[data-setup-state="ready"] .more-payment-setup-badge {
  background: #ecfdf3;
  color: #067647;
}

.more-payment-setup-panel[data-setup-state="ready"] .more-payment-status-card {
  background: #f6fef9;
  border-color: #32d583;
}

.more-payment-setup-panel[data-setup-state="error"] .more-payment-setup-icon,
.more-payment-setup-panel[data-setup-state="error"] .more-payment-setup-badge {
  background: #fef3f2;
  color: #b42318;
}

.more-payment-setup-panel[data-setup-state="error"] .more-payment-status-card {
  background: #fffbfa;
  border-color: #fda29b;
}

.more-settings-header {
  margin-bottom: 16px;
}

.more-settings-header h1 {
  font-size: clamp(34px, 8vw, 48px);
  letter-spacing: -0.04em;
}

.more-settings-list {
  display: grid;
  gap: 10px;
  padding-bottom: 130px;
}

.more-settings-section {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.more-settings-section > summary {
  list-style: none;
}

.more-settings-section > summary::-webkit-details-marker {
  display: none;
}

.more-settings-row {
  min-height: 74px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 4px;
  border-bottom: 1px solid rgba(123, 137, 168, 0.20);
  cursor: pointer;
}

.more-settings-row-icon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  color: var(--primary);
}

.more-settings-row-copy {
  min-width: 0;
}

.more-settings-row-copy strong {
  display: block;
  color: var(--text-strong);
  font-size: 24px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.more-settings-row-copy small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 750;
}

.more-settings-row-arrow {
  color: var(--muted);
  font-size: 34px;
  line-height: 1;
  font-weight: 300;
  transform: rotate(0deg);
  transition: transform 160ms ease;
}

.more-settings-section[open] .more-settings-row-arrow {
  transform: rotate(90deg);
}

.more-settings-content {
  padding: 12px 0 18px;
}

.more-settings-content > .panel,
.more-settings-content > .more-compliance-wrap > .panel {
  margin: 0;
}

.more-settings-content .panel {
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.more-settings-content .more-stripe-panel,
.more-settings-content .more-security-panel,
.more-settings-content .more-appearance-panel,
.more-settings-content .more-workspace-panel,
.more-settings-content .more-danger-panel {
  border-radius: 24px;
}

.more-settings-content .more-payment-setup-panel {
  padding: 20px;
}

.more-settings-danger-section .more-settings-row-copy strong,
.more-settings-row-icon-danger {
  color: #c83232;
}

.more-settings-row-icon-danger {
  background: #fff1f1;
}

.more-settings-danger-section .more-settings-row {
  border-bottom-color: rgba(200, 50, 50, 0.22);
}

body.settlelink-dark-mode .more-settings-row {
  border-bottom-color: rgba(156, 168, 195, 0.18);
}

body.settlelink-dark-mode .more-settings-row-icon {
  background: #162033;
  color: #7ba4ff;
}

body.settlelink-dark-mode .more-settings-row-copy strong {
  color: #f4f7fb;
}

body.settlelink-dark-mode .more-settings-row-copy small,
body.settlelink-dark-mode .more-settings-row-arrow {
  color: #9ca8c3;
}

body.settlelink-dark-mode .more-settings-row-icon-danger {
  background: rgba(200, 50, 50, 0.14);
  color: #ff8b8b;
}

@media (max-width: 768px) {
  .more-settings-list {
    gap: 4px;
  }

  .more-settings-row {
    min-height: 70px;
    padding: 13px 0;
    gap: 12px;
  }

  .more-settings-row-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }

  .more-settings-row-copy strong {
    font-size: 22px;
  }

  .more-settings-row-copy small {
    font-size: 12px;
  }

  .more-settings-content {
    padding: 10px 0 16px;
  }

  .more-settings-content .more-payment-setup-panel {
    padding: 18px;
  }
}

/* Dark mode professional polish */
body.settlelink-dark-mode {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.16), transparent 30%),
    radial-gradient(circle at top right, rgba(49, 196, 141, 0.06), transparent 28%),
    linear-gradient(180deg, #0f172a 0%, #111827 48%, #0b1220 100%) !important;
  color: #eaf1ff;
}

body.settlelink-dark-mode .app-shell,
body.settlelink-dark-mode .app-shell-builder {
  background: transparent;
}

body.settlelink-dark-mode .dashboard-shell,
body.settlelink-dark-mode .panel,
body.settlelink-dark-mode .form-panel,
body.settlelink-dark-mode .metric-card,
body.settlelink-dark-mode .receipt-card,
body.settlelink-dark-mode .project-card,
body.settlelink-dark-mode .dashboard-project-card,
body.settlelink-dark-mode .dashboard-empty-state,
body.settlelink-dark-mode .invoice-contact-card,
body.settlelink-dark-mode .invoice-wording-block,
body.settlelink-dark-mode .more-settings-content .panel {
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border-color: rgba(71, 85, 105, 0.76) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .dashboard-shell {
  border: 1px solid rgba(71, 85, 105, 0.72);
}

body.settlelink-dark-mode h1,
body.settlelink-dark-mode h2,
body.settlelink-dark-mode h3,
body.settlelink-dark-mode h4,
body.settlelink-dark-mode .panel-title,
body.settlelink-dark-mode .dashboard-welcome-title,
body.settlelink-dark-mode .dashboard-project-title,
body.settlelink-dark-mode .more-settings-row-copy strong {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .page-subtitle,
body.settlelink-dark-mode .muted-text,
body.settlelink-dark-mode .dashboard-project-meta-line,
body.settlelink-dark-mode .dashboard-project-progress-note,
body.settlelink-dark-mode .more-settings-row-copy small {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode .eyebrow {
  color: #8ea7d8 !important;
}

/* Dark logo containers */
body.settlelink-dark-mode .builder-mobile-logo,
body.settlelink-dark-mode .builder-sidebar-brand,
body.settlelink-dark-mode .brand-marketing,
body.settlelink-dark-mode .client-top-logo-card {
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 1px solid rgba(71, 85, 105, 0.82) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .builder-mobile-logo-image,
body.settlelink-dark-mode .brand-logo-full,
body.settlelink-dark-mode .startup-loading-logo {
  filter: none !important;
  object-fit: contain;
}

/* Dark loading screen */
body.settlelink-dark-mode .startup-loading-shell {
  background:
    radial-gradient(circle at top, rgba(47, 102, 243, 0.20), transparent 34%),
    linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
}

body.settlelink-dark-mode .startup-loading-shell::before {
  background: rgba(15, 23, 42, 0.22) !important;
}

body.settlelink-dark-mode .startup-loading-card {
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border: 1px solid rgba(71, 85, 105, 0.72);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode .startup-loading-title {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .startup-loading-subtitle {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode .startup-loading-spinner {
  border-color: rgba(96, 165, 250, 0.18) !important;
  border-top-color: #60a5fa !important;
  border-right-color: #2f66f3 !important;
}

/* Dark buttons */
body.settlelink-dark-mode .secondary-btn,
body.settlelink-dark-mode .dashboard-open-project-btn,
body.settlelink-dark-mode .more-action-btn {
  background: rgba(30, 41, 59, 0.94) !important;
  color: #dbeafe !important;
  border-color: rgba(71, 85, 105, 0.90) !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .secondary-btn:hover,
body.settlelink-dark-mode .dashboard-open-project-btn:hover,
body.settlelink-dark-mode .more-action-btn:hover {
  background: rgba(51, 65, 85, 0.94) !important;
}

/* Dark inputs */
body.settlelink-dark-mode .text-input,
body.settlelink-dark-mode select,
body.settlelink-dark-mode textarea {
  background: rgba(15, 23, 42, 0.96) !important;
  color: #f8fbff !important;
  border-color: rgba(71, 85, 105, 0.90) !important;
}

body.settlelink-dark-mode .text-input::placeholder,
body.settlelink-dark-mode textarea::placeholder {
  color: #7584a3 !important;
}

/* Payment setup dark mode states */
body.settlelink-dark-mode .more-payment-setup-panel {
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border-color: rgba(71, 85, 105, 0.82) !important;
}

body.settlelink-dark-mode .more-payment-setup-icon,
body.settlelink-dark-mode .more-payment-setup-badge {
  background: rgba(148, 163, 184, 0.14) !important;
  color: #dbeafe !important;
}

body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="loading"] .more-payment-setup-icon,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="loading"] .more-payment-setup-badge {
  background: rgba(96, 165, 250, 0.14) !important;
  color: #93c5fd !important;
}

body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="not_started"] .more-payment-setup-icon,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="not_started"] .more-payment-setup-badge {
  background: rgba(148, 163, 184, 0.14) !important;
  color: #dbeafe !important;
}

body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="in_progress"] .more-payment-setup-icon,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="in_progress"] .more-payment-setup-badge,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="needs_more"] .more-payment-setup-icon,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="needs_more"] .more-payment-setup-badge {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
}

body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="ready"] .more-payment-setup-icon,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state="ready"] .more-payment-setup-badge {
  background: rgba(49, 196, 141, 0.16) !important;
  color: #86efac !important;
}

body.settlelink-dark-mode .more-payment-status-card,
body.settlelink-dark-mode .more-payment-setup-panel[data-setup-state] .more-payment-status-card {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 28, 46, 0.98) 100%) !important;
  border-color: rgba(71, 85, 105, 0.86) !important;
  color: #f8fbff !important;
}

body.settlelink-dark-mode .more-payment-status-label,
body.settlelink-dark-mode .more-payment-status-detail {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode #builderStripeStatusValue {
  background: rgba(30, 41, 59, 0.96) !important;
  color: #f8fbff !important;
  border-color: rgba(71, 85, 105, 0.90) !important;
}

body.settlelink-dark-mode .more-payment-trust-box {
  background: rgba(15, 23, 42, 0.82) !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
}

body.settlelink-dark-mode .more-payment-trust-icon {
  background: rgba(47, 102, 243, 0.14) !important;
  color: #93c5fd !important;
}

/* Bottom nav */
body.settlelink-dark-mode .mobile-bottom-nav {
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: rgba(71, 85, 105, 0.82) !important;
  box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.28) !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link.active {
  background: rgba(47, 102, 243, 0.16) !important;
  color: #f8fbff !important;
}

/* Setup helper */
body.settlelink-dark-mode .builder-setup-helper {
  background: rgba(17, 28, 46, 0.96) !important;
  border-color: rgba(71, 85, 105, 0.82) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode .builder-setup-helper-task {
  background: rgba(15, 23, 42, 0.88) !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
}

body.settlelink-dark-mode .builder-setup-helper-task-icon,
body.settlelink-dark-mode .builder-setup-helper-progress-track {
  background: rgba(30, 41, 59, 0.96) !important;
}

body.settlelink-dark-mode .builder-setup-helper-toggle strong,
body.settlelink-dark-mode .builder-setup-helper-task strong {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .builder-setup-helper-toggle small,
body.settlelink-dark-mode .builder-setup-helper-task p {
  color: #aab8d4 !important;
}

/* Danger sections remain clearly dangerous, not just dark */
body.settlelink-dark-mode .danger,
body.settlelink-dark-mode .more-danger-panel,
body.settlelink-dark-mode .more-settings-danger-section .panel {
  border-color: rgba(248, 113, 113, 0.34) !important;
}

body.settlelink-dark-mode .notice-box.danger,
body.settlelink-dark-mode .more-danger-notice {
  background: rgba(127, 29, 29, 0.20) !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
}

@media (max-width: 768px) {
  body.settlelink-dark-mode .builder-mobile-logo {
    min-height: 84px;
    border-radius: 24px;
  }

  body.settlelink-dark-mode .builder-mobile-logo-image {
    height: 38px;
    max-width: 230px;
  }
}

/* Final logo sizing cleanup */
.app-boot-shell-logo,
.startup-loading-logo,
.builder-mobile-logo-image,
.client-top-logo-image,
.brand-logo-full {
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.app-boot-shell-logo,
.startup-loading-logo {
  max-width: min(280px, 72vw) !important;
  max-height: 54px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.builder-mobile-logo-image,
.client-top-logo-image {
  max-width: min(250px, 72vw) !important;
  max-height: 48px !important;
}

.brand-logo-full {
  max-width: 230px !important;
  max-height: 44px !important;
}

.builder-mobile-logo,
.client-top-logo-card,
.builder-sidebar-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fix dark-mode payment amount readability */
body.settlelink-dark-mode .payment-hero-amount {
  color: #f8fbff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 18px rgba(96, 165, 250, 0.18);
}

body.settlelink-dark-mode .payment-hero-top,
body.settlelink-dark-mode .payment-hero-top * {
  opacity: 1;
}

@media (max-width: 768px) {
  .builder-mobile-logo {
    min-height: 86px !important;
    padding: 14px 18px !important;
  }

  .builder-mobile-logo-image {
    max-width: min(240px, 68vw) !important;
    max-height: 44px !important;
  }

  .startup-loading-logo,
  .app-boot-shell-logo {
    max-width: min(250px, 72vw) !important;
    max-height: 46px !important;
  }
}

.builder-setup-helper-actions-single {
  grid-template-columns: 1fr !important;
}

.receipts-sort-panel {
  padding: 16px;
}

.receipts-sort-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.receipts-sort-row strong {
  display: block;
  color: var(--text-strong);
  font-size: 16px;
  font-weight: 900;
}

.receipts-sort-row p {
  margin: 4px 0 0;
}

.receipts-sort-btn {
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 16px;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .receipts-sort-row {
    grid-template-columns: 1fr;
  }

  .receipts-sort-btn {
    width: 100%;
  }
}

/* Receipts folder icon dark mode fix */
body.settlelink-dark-mode .completed-folder-icon {
  background:
    linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.96) 100%) !important;
  border: 1px solid rgba(71, 85, 105, 0.86) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

body.settlelink-dark-mode .completed-folder-card .empty-panel {
  background: rgba(15, 23, 42, 0.82) !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
}

/* Marketing page cleanup */
.marketing-process-panel {
  padding: 22px;
}

.marketing-process-list {
  display: grid;
  gap: 12px;
}

.marketing-process-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: #ffffff;
}

.marketing-process-step > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  color: var(--primary);
  font-size: 18px;
  font-weight: 900;
  flex-shrink: 0;
}

.marketing-process-step h3 {
  margin: 0 0 6px;
  font-size: 20px;
  line-height: 1.12;
}

.marketing-process-step p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.marketing-legal-link-panel {
  margin-bottom: 20px;
}

/* Dark mode marketing fixes */
body.settlelink-dark-mode .marketing-hero,
body.settlelink-dark-mode .marketing-card,
body.settlelink-dark-mode .legal-card,
body.settlelink-dark-mode .marketing-process-panel,
body.settlelink-dark-mode .marketing-legal-link-panel {
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border-color: rgba(71, 85, 105, 0.76) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .marketing-stat,
body.settlelink-dark-mode .marketing-process-step,
body.settlelink-dark-mode .legal-list li {
  background: rgba(15, 23, 42, 0.82) !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
  color: #f8fbff !important;
}

body.settlelink-dark-mode .marketing-stat-label,
body.settlelink-dark-mode .marketing-process-step p,
body.settlelink-dark-mode .legal-list li {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode .marketing-stat strong,
body.settlelink-dark-mode .marketing-process-step h3 {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .marketing-card-number,
body.settlelink-dark-mode .marketing-process-step > span,
body.settlelink-dark-mode .marketing-highlight {
  background: rgba(47, 102, 243, 0.16) !important;
  color: #93c5fd !important;
}

body.settlelink-dark-mode .nav-links a:not(.nav-cta),
body.settlelink-dark-mode .nav-links button:not(.nav-cta):not(.nav-install-cta) {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode .nav-links a:not(.nav-cta):hover,
body.settlelink-dark-mode .nav-links button:not(.nav-cta):not(.nav-install-cta):hover {
  color: #f8fbff !important;
}

@media (max-width: 768px) {
  .marketing-process-panel {
    padding: 18px;
  }

  .marketing-process-step {
    padding: 14px;
    border-radius: 18px;
    gap: 12px;
  }

  .marketing-process-step > span {
    width: 36px;
    height: 36px;
    border-radius: 14px;
    font-size: 16px;
  }

  .marketing-process-step h3 {
    font-size: 18px;
  }

  .marketing-dual-benefits .marketing-mini-grid {
    grid-template-columns: 1fr;
  }

  .marketing-dual-benefits .marketing-stat {
    padding: 14px 16px;
  }

  .marketing-dual-benefits .marketing-stat strong {
    font-size: 20px;
  }
}

/* ===============================
   Legal Centre desktop app page
   =============================== */

body.settlelink-builder-open .top-nav .nav-inner {
  max-width: 1480px;
}

body.settlelink-builder-open .top-nav .nav-links {
  align-items: center;
  justify-content: flex-end;
}

.top-builder-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 14px;
  color: #62708f;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

.top-builder-nav-link:hover {
  background: #eef4ff;
  color: #2f66f3;
}

.top-builder-nav-link.active {
  color: #2f66f3;
  background: #eef4ff;
  border-bottom-color: #2f66f3;
}

.legal-centre-page {
  display: grid;
  gap: 22px;
}

.legal-centre-main {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.legal-centre-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(47, 102, 243, 0.10), transparent 32%),
    #ffffff;
}

.legal-centre-hero h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.legal-centre-hero-art {
  display: none;
  align-items: center;
  gap: 18px;
  min-width: 250px;
  justify-content: flex-end;
}

.legal-centre-shield {
  width: 88px;
  height: 102px;
  border-radius: 28px 28px 34px 34px;
  background: linear-gradient(180deg, #dbe8ff 0%, #8eb6ff 100%);
  border: 3px solid #6aa0ff;
  color: #2f66f3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  font-weight: 900;
  box-shadow: 0 18px 28px rgba(47, 102, 243, 0.16);
}

.legal-centre-house {
  width: 132px;
  height: 86px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, transparent 0 28%, #cddaf0 29% 34%, transparent 35%),
    linear-gradient(180deg, #f7faff 0%, #eaf1fb 100%);
  border: 1px solid #d8e2f2;
  position: relative;
}

.legal-centre-house::before {
  content: "";
  position: absolute;
  left: 20px;
  top: -28px;
  width: 86px;
  height: 86px;
  background: #e6eefb;
  border: 1px solid #d8e2f2;
  transform: rotate(45deg);
  border-radius: 10px;
  z-index: -1;
}

.legal-centre-card-grid {
  display: grid;
  gap: 14px;
}

.legal-centre-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 14px;
  row-gap: 4px;
  align-items: center;
  width: 100%;
  min-height: 104px;
  padding: 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #dfe5f0;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  text-align: left;
  color: #102248;
  font: inherit;
  cursor: pointer;
}

.legal-centre-card:hover {
  border-color: rgba(47, 102, 243, 0.42);
  box-shadow: 0 16px 34px rgba(47, 102, 243, 0.10);
  transform: translateY(-1px);
}

.legal-centre-card.is-active {
  border: 2px solid #2f66f3;
}

.legal-centre-card-icon {
  grid-row: 1 / span 2;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2f66f3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.legal-centre-card strong {
  font-size: 16px;
  color: #102248;
}

.legal-centre-card small {
  color: #7181a6;
  line-height: 1.45;
}

.legal-centre-arrow {
  grid-row: 1 / span 2;
  color: #2f66f3;
  font-weight: 900;
  font-size: 22px;
}

.legal-centre-document-panel,
.legal-centre-mini-panel {
  padding: 22px;
}

.legal-centre-document-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.legal-centre-document-heading h2 {
  margin: 0;
}

.legal-centre-document-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2f66f3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.legal-centre-short-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  background: #f7faff;
  border: 1px solid #cfe0ff;
  margin-bottom: 14px;
}

.legal-centre-short-note strong {
  color: #102248;
}

.legal-centre-short-note p {
  margin: 0;
  color: #5f6f92;
  line-height: 1.5;
}

.legal-centre-accordion {
  display: grid;
}

.legal-centre-accordion details {
  border-bottom: 1px solid #dfe5f0;
  padding: 0;
}

.legal-centre-accordion details:last-child {
  border-bottom: none;
}

.legal-centre-accordion summary {
  list-style: none;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 15px 0;
  cursor: pointer;
}

.legal-centre-accordion summary::-webkit-details-marker {
  display: none;
}

.legal-centre-accordion summary::after {
  content: "⌄";
  color: #7181a6;
  font-weight: 900;
}

.legal-centre-accordion details[open] summary::after {
  content: "⌃";
}

.legal-centre-accordion summary span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #2f66f3;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
}

.legal-centre-accordion summary strong {
  color: #102248;
}

.legal-centre-accordion p {
  margin: 0 0 16px 40px;
  color: #5f6f92;
  line-height: 1.55;
}

.legal-centre-side {
  min-width: 0;
}

.legal-centre-side-panel {
  display: grid;
  gap: 14px;
}

.legal-centre-side-panel h2 {
  margin: 0;
  font-size: 22px;
}

.legal-centre-side-links {
  display: grid;
  gap: 12px;
}

.legal-centre-side-link,
.legal-centre-download-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #dfe5f0;
  background: #ffffff;
  color: #102248;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.legal-centre-side-link::after {
  content: "→";
  color: #2f66f3;
  font-weight: 900;
}

.legal-centre-side-link span,
.legal-centre-download-link span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2f66f3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.legal-centre-side-link strong,
.legal-centre-download-link strong {
  display: block;
  color: #102248;
}

.legal-centre-side-link small,
.legal-centre-download-link small {
  display: block;
  margin-top: 3px;
  color: #7181a6;
  line-height: 1.35;
}

.legal-centre-download-link {
  background: #eef4ff;
  border-color: #d7e3ff;
}

@media (min-width: 1080px) {
  .legal-centre-page {
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
  }

  .legal-centre-hero-art {
    display: flex;
  }

  .legal-centre-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .legal-centre-side {
    position: sticky;
    top: 100px;
  }
}

@media (min-width: 1320px) {
  .legal-centre-page {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}

/* Dark mode support for Legal Centre */
body.settlelink-dark-mode .top-builder-nav-link {
  color: #c8d4ea;
}

body.settlelink-dark-mode .top-builder-nav-link:hover,
body.settlelink-dark-mode .top-builder-nav-link.active {
  background: #162033;
  color: #ffffff;
  border-bottom-color: #60a5fa;
}

body.settlelink-dark-mode .legal-centre-hero,
body.settlelink-dark-mode .legal-centre-card,
body.settlelink-dark-mode .legal-centre-side-link {
  background: linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
  border-color: rgba(71, 85, 105, 0.76);
}

body.settlelink-dark-mode .legal-centre-card strong,
body.settlelink-dark-mode .legal-centre-side-link strong,
body.settlelink-dark-mode .legal-centre-download-link strong,
body.settlelink-dark-mode .legal-centre-short-note strong,
body.settlelink-dark-mode .legal-centre-accordion summary strong {
  color: #f8fbff;
}

body.settlelink-dark-mode .legal-centre-card small,
body.settlelink-dark-mode .legal-centre-side-link small,
body.settlelink-dark-mode .legal-centre-download-link small,
body.settlelink-dark-mode .legal-centre-short-note p,
body.settlelink-dark-mode .legal-centre-accordion p {
  color: #aab8d4;
}

body.settlelink-dark-mode .legal-centre-card-icon,
body.settlelink-dark-mode .legal-centre-document-icon,
body.settlelink-dark-mode .legal-centre-side-link span,
body.settlelink-dark-mode .legal-centre-download-link span {
  background: #162033;
  color: #60a5fa;
}

body.settlelink-dark-mode .legal-centre-short-note,
body.settlelink-dark-mode .legal-centre-download-link {
  background: rgba(47, 102, 243, 0.12);
  border-color: rgba(96, 165, 250, 0.32);
}

body.settlelink-dark-mode .legal-centre-accordion details {
  border-bottom-color: rgba(71, 85, 105, 0.76);
}

/* Desktop nav + Legal Centre cleanup */
@media (min-width: 769px) {
  body.settlelink-builder-open .builder-mobile-logo {
    display: none !important;
  }
}

body.settlelink-builder-open .top-nav .nav-links {
  gap: 10px;
}

.top-builder-nav-link {
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  border-bottom-width: 1px;
}

.top-builder-nav-link.active {
  border-color: rgba(47, 102, 243, 0.35);
  border-bottom-color: rgba(47, 102, 243, 0.85);
}

body.settlelink-marketing-open .nav-links {
  justify-content: flex-end;
}

.legal-centre-page {
  align-items: start;
}

.legal-centre-hero {
  min-height: 150px;
  border-radius: 22px;
}

.legal-centre-hero-art {
  opacity: 0.95;
}

.legal-centre-shield {
  position: relative;
  font-size: 0;
}

.legal-centre-shield::before {
  content: "";
  width: 34px;
  height: 58px;
  border-right: 6px solid #2f66f3;
  border-bottom: 6px solid #2f66f3;
  transform: rotate(42deg);
  margin-top: -14px;
}

.legal-centre-card,
.legal-centre-side-link {
  min-height: 96px;
}

.legal-centre-card-icon,
.legal-centre-document-icon,
.legal-centre-side-icon {
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.legal-centre-card-icon::before,
.legal-centre-card-icon::after,
.legal-centre-document-icon::before,
.legal-centre-document-icon::after,
.legal-centre-side-icon::before,
.legal-centre-side-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.legal-icon-terms::before {
  width: 16px;
  height: 20px;
  border: 2px solid currentColor;
  border-radius: 3px;
  background: transparent;
}

.legal-icon-terms::after {
  width: 8px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
}

.legal-icon-privacy::before {
  width: 18px;
  height: 14px;
  bottom: 8px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.legal-icon-privacy::after {
  width: 12px;
  height: 12px;
  top: 7px;
  border: 2px solid currentColor;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}

.legal-icon-trust::before {
  width: 20px;
  height: 24px;
  border: 2px solid currentColor;
  border-radius: 12px 12px 14px 14px;
}

.legal-icon-trust::after {
  width: 8px;
  height: 13px;
  border-right: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(42deg);
  margin-top: -3px;
}

.legal-icon-timing::before {
  width: 22px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.legal-icon-timing::after {
  width: 8px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(2px, -2px);
}

.legal-icon-payment::before {
  width: 24px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.legal-icon-payment::after {
  width: 18px;
  height: 2px;
  background: currentColor;
  transform: translateY(-3px);
}

.legal-icon-contact::before {
  top: 8px;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.legal-icon-contact::after {
  bottom: 8px;
  width: 18px;
  height: 9px;
  border: 2px solid currentColor;
  border-bottom: none;
  border-radius: 14px 14px 0 0;
}

.legal-centre-card-icon,
.legal-centre-document-icon,
.legal-centre-side-icon {
  background: #eef4ff;
  color: #2f66f3;
}

.legal-centre-document-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.legal-centre-side-link {
  grid-template-columns: auto 1fr auto;
}

.legal-centre-download-link {
  display: none !important;
}

body.settlelink-dark-mode .legal-centre-card-icon,
body.settlelink-dark-mode .legal-centre-document-icon,
body.settlelink-dark-mode .legal-centre-side-icon {
  background: #17243a;
  color: #7db2ff;
}

body.settlelink-dark-mode .legal-centre-card.is-active {
  border-color: #60a5fa;
}

body.settlelink-dark-mode .legal-centre-shield {
  background: linear-gradient(180deg, #1e3a68 0%, #142746 100%);
  border-color: #60a5fa;
}

body.settlelink-dark-mode .legal-centre-house {
  background:
    linear-gradient(135deg, transparent 0 28%, rgba(96, 165, 250, 0.24) 29% 34%, transparent 35%),
    linear-gradient(180deg, #17243a 0%, #111c2e 100%);
  border-color: rgba(96, 165, 250, 0.28);
}

@media (min-width: 1080px) {
  .legal-centre-page {
    grid-template-columns: minmax(0, 1fr) 310px;
  }

  .legal-centre-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.settlelink-marketing-open .nav-links {
    gap: 14px 24px;
  }

  .legal-centre-hero {
    min-height: auto;
  }

  .legal-centre-card-grid {
    grid-template-columns: 1fr;
  }
}

/* Legal Centre hero icon cleanup */
.legal-centre-hero-art {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 96px;
}

.legal-centre-house {
  display: none !important;
}

.legal-centre-shield {
  width: 76px;
  height: 76px;
  border-radius: 24px;
  border: 2px solid #60a5fa;
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.22), transparent 48%),
    linear-gradient(180deg, #17243a 0%, #111c2e 100%);
  box-shadow: 0 18px 40px rgba(47, 102, 243, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
}

.legal-centre-shield::before {
  content: "";
  width: 22px;
  height: 38px;
  border-right: 6px solid #3b82f6;
  border-bottom: 6px solid #3b82f6;
  transform: rotate(42deg);
  margin-top: -8px;
}

.legal-centre-shield::after {
  display: none !important;
}

body.settlelink-dark-mode .legal-centre-shield {
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.24), transparent 48%),
    linear-gradient(180deg, #17243a 0%, #111c2e 100%);
  border-color: #60a5fa;
}

@media (max-width: 768px) {
  .legal-centre-hero-art {
    display: none;
  }
}

/* --- Legal Centre + mobile header cleanup bundle --- */

body {
  overflow-x: hidden;
}

body.settlelink-marketing-open .app-shell {
  overflow-x: hidden;
}

.legal-centre-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.legal-centre-main {
  min-width: 0;
}

.legal-centre-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.legal-centre-hero h1 {
  margin-bottom: 4px;
}

.legal-centre-hero-art {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-shrink: 0;
}

.legal-centre-hero-badge {
  width: 72px;
  height: 72px;
  border-radius: 22px;
  background: #eef5ff;
  border: 2px solid #7db1ff;
  color: #2f66f3;
  position: relative;
  display: inline-block;
}

.legal-centre-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.legal-centre-card,
.legal-centre-side-link {
  width: 100%;
  border: 1px solid #dfe5f0;
  background: #ffffff;
  color: #102248;
  border-radius: 18px;
  padding: 16px;
  text-align: left;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  font: inherit;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.legal-centre-card.is-active {
  border-color: #2f66f3;
  box-shadow: 0 0 0 1px rgba(47, 102, 243, 0.18);
}

.legal-centre-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.legal-centre-card strong,
.legal-centre-side-link strong {
  font-size: 15px;
  line-height: 1.15;
}

.legal-centre-card small,
.legal-centre-side-link small {
  color: #7181a6;
  line-height: 1.35;
}

.legal-centre-card-icon,
.legal-centre-document-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: #f2f7ff;
  color: #2f66f3;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

.legal-centre-arrow {
  color: #2f66f3;
  font-weight: 900;
}

.legal-centre-document-panel,
.legal-centre-mini-panel,
.legal-centre-side-panel {
  margin-top: 16px;
}

.legal-centre-document-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.legal-centre-document-heading h2 {
  margin: 0;
}

.legal-centre-short-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid #bfd4ff;
  background: #f7faff;
  color: #102248;
  margin-bottom: 14px;
}

.legal-centre-short-note p {
  margin: 0;
  color: #526487;
}

.legal-centre-accordion details {
  border-bottom: 1px solid #dfe5f0;
  padding: 10px 0;
}

.legal-centre-accordion details:last-child {
  border-bottom: none;
}

.legal-centre-accordion summary {
  list-style: none;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}

.legal-centre-accordion summary::-webkit-details-marker {
  display: none;
}

.legal-centre-accordion summary::after {
  content: "⌄";
  color: #7181a6;
  font-weight: 900;
}

.legal-centre-accordion details[open] summary::after {
  content: "⌃";
}

.legal-centre-accordion summary span {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #2f66f3;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
}

.legal-centre-accordion p {
  margin: 10px 0 0 40px;
  color: #526487;
  line-height: 1.55;
}

.legal-centre-side {
  position: sticky;
  top: 96px;
}

.legal-centre-side-links {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.legal-icon-document::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 10px;
  width: 14px;
  height: 20px;
  border: 3px solid currentColor;
  border-radius: 3px;
}

.legal-icon-document::after {
  content: "";
  position: absolute;
  left: 17px;
  top: 17px;
  width: 9px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 5px 0 currentColor;
}

.legal-icon-lock::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 18px;
  width: 17px;
  height: 14px;
  border: 3px solid currentColor;
  border-radius: 4px;
}

.legal-icon-lock::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 9px;
  width: 11px;
  height: 14px;
  border: 3px solid currentColor;
  border-bottom: none;
  border-radius: 999px 999px 0 0;
}

.legal-icon-shield::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 8px;
  width: 18px;
  height: 23px;
  border: 3px solid currentColor;
  border-radius: 12px 12px 16px 16px;
}

.legal-icon-shield::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 18px;
  width: 13px;
  height: 7px;
  border-left: 4px solid currentColor;
  border-bottom: 4px solid currentColor;
  transform: rotate(-45deg);
}

.legal-icon-clock::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 3px solid currentColor;
  border-radius: 999px;
}

.legal-icon-clock::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  width: 8px;
  height: 8px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
}

.legal-icon-card::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 13px;
  width: 22px;
  height: 16px;
  border: 3px solid currentColor;
  border-radius: 4px;
}

.legal-icon-card::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 18px;
  width: 16px;
  height: 3px;
  background: currentColor;
}

.legal-icon-person::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 9px;
  width: 10px;
  height: 10px;
  border: 3px solid currentColor;
  border-radius: 999px;
}

.legal-icon-person::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 24px;
  width: 18px;
  height: 10px;
  border: 3px solid currentColor;
  border-bottom: none;
  border-radius: 999px 999px 0 0;
}

body.settlelink-dark-mode .legal-centre-card,
body.settlelink-dark-mode .legal-centre-side-link,
body.settlelink-dark-mode .legal-centre-short-note {
  background: rgba(15, 27, 46, 0.96);
  border-color: rgba(90, 108, 140, 0.72);
  color: #f8fbff;
}

body.settlelink-dark-mode .legal-centre-card small,
body.settlelink-dark-mode .legal-centre-side-link small,
body.settlelink-dark-mode .legal-centre-short-note p,
body.settlelink-dark-mode .legal-centre-accordion p {
  color: #aab8d4;
}

body.settlelink-dark-mode .legal-centre-card-icon,
body.settlelink-dark-mode .legal-centre-document-icon,
body.settlelink-dark-mode .legal-centre-hero-badge {
  background: rgba(47, 102, 243, 0.14);
  border-color: rgba(96, 165, 250, 0.55);
  color: #60a5fa;
}

@media (max-width: 900px) {
  .legal-centre-page {
    grid-template-columns: 1fr;
  }

  .legal-centre-side {
    position: static;
  }

  .legal-centre-card-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  body.settlelink-marketing-open .nav-inner {
    width: 100%;
    max-width: 100%;
    padding: 12px 14px 16px;
    box-sizing: border-box;
    overflow: hidden;
  }

  body.settlelink-marketing-open .brand-marketing {
    width: 100%;
    min-width: 0;
    min-height: 64px;
    padding: 10px 12px;
    box-sizing: border-box;
  }

  body.settlelink-marketing-open .brand-logo-full {
    height: 32px;
    max-width: min(260px, 72vw);
    object-fit: contain;
  }

  body.settlelink-marketing-open .nav-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    align-items: center;
    justify-items: center;
    box-sizing: border-box;
  }

  body.settlelink-marketing-open .nav-links a:not(.nav-cta),
  body.settlelink-marketing-open .nav-links button:not(.nav-cta):not(.nav-install-cta) {
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.1;
  }

  body.settlelink-marketing-open .nav-links .nav-cta,
  body.settlelink-marketing-open .nav-links .nav-install-cta {
    grid-column: 1 / -1;
    justify-self: center;
    width: min(260px, 100%);
    min-width: 0;
    min-height: 52px;
  }

  .marketing-split-grid,
  .marketing-feature-grid.three-up,
  .marketing-steps-grid.three-up,
  .marketing-trust-grid.three-up,
  .marketing-dual-benefits,
  .marketing-dual-benefits .marketing-mini-grid {
    grid-template-columns: 1fr !important;
  }

  .marketing-card,
  .marketing-stat {
    min-width: 0;
  }

  .legal-centre-hero {
    align-items: flex-start;
  }

  .legal-centre-hero-art {
    display: none;
  }

  .legal-centre-card {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    padding: 18px;
    border-radius: 20px;
  }

  .legal-centre-card strong {
    font-size: 17px;
  }

  .legal-centre-card small {
    font-size: 14px;
  }

  .legal-centre-document-panel {
    padding: 20px;
  }

  .legal-centre-short-note {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .legal-centre-accordion summary {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .legal-centre-accordion summary strong {
    font-size: 16px;
    line-height: 1.25;
  }

  .legal-centre-accordion p {
    margin-left: 44px;
    font-size: 15px;
  }

  .legal-centre-side {
    display: none;
  }

  .dashboard-public-links-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-public-links-grid .secondary-btn {
    width: 100%;
    min-height: 54px;
  }
}

@media (max-width: 390px) {
  body.settlelink-marketing-open .nav-links {
    gap: 10px;
  }

  body.settlelink-marketing-open .nav-links a:not(.nav-cta),
  body.settlelink-marketing-open .nav-links button:not(.nav-cta):not(.nav-install-cta) {
    font-size: 14px;
  }

  body.settlelink-marketing-open .brand-logo-full {
    max-width: min(230px, 70vw);
  }
}

/* Legal Centre final cleanup - one glowing tick + cleaner mobile */

.legal-centre-page-clean {
  gap: 20px;
}

.legal-centre-clean-hero {
  position: relative;
  min-height: 178px;
  padding: 30px;
  border: 1px solid rgba(191, 212, 255, 0.88);
  background:
    radial-gradient(circle at 92% 26%, rgba(47, 102, 243, 0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.08);
}

.legal-centre-clean-hero .eyebrow {
  margin-bottom: 8px;
}

.legal-centre-clean-hero h1 {
  font-size: clamp(36px, 5vw, 58px);
  letter-spacing: -0.06em;
}

.legal-centre-hero-copy {
  max-width: 620px;
  min-width: 0;
}

.legal-centre-glow-tick {
  width: 118px;
  height: 118px;
  border-radius: 32px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  position: relative;
  background:
    radial-gradient(circle at 42% 38%, rgba(125, 211, 252, 0.45), transparent 34%),
    radial-gradient(circle at 50% 65%, rgba(59, 130, 246, 0.32), transparent 48%),
    linear-gradient(180deg, #0b1738 0%, #071126 100%);
  border: 1px solid rgba(147, 197, 253, 0.72);
  box-shadow:
    0 0 0 10px rgba(47, 102, 243, 0.06),
    0 0 46px rgba(47, 102, 243, 0.36),
    0 20px 46px rgba(15, 23, 42, 0.22);
}

.legal-centre-glow-tick::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 2px solid rgba(125, 211, 252, 0.72);
  border-radius: 24px;
  box-shadow: inset 0 0 22px rgba(59, 130, 246, 0.35);
}

.legal-centre-glow-tick span {
  width: 34px;
  height: 58px;
  border-right: 8px solid #7dd3fc;
  border-bottom: 8px solid #7dd3fc;
  transform: rotate(42deg);
  margin-top: -14px;
  filter: drop-shadow(0 0 13px rgba(125, 211, 252, 0.9));
}

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

.legal-centre-topic-card {
  width: 100%;
  min-height: 96px;
  padding: 16px;
  border: 1px solid #dfe8f6;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  text-align: left;
  color: #102248;
  font: inherit;
  cursor: pointer;
}

.legal-centre-topic-card:hover {
  border-color: rgba(47, 102, 243, 0.45);
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.11);
  transform: translateY(-1px);
}

.legal-centre-topic-card strong {
  display: block;
  color: #102248;
  font-size: 15px;
  line-height: 1.2;
}

.legal-centre-topic-card small {
  display: block;
  margin-top: 4px;
  color: #7181a6;
  font-size: 13px;
  line-height: 1.35;
}

.legal-centre-clean-panel {
  border-radius: 24px;
  border: 1px solid #dfe8f6;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.legal-centre-clean-panel .muted-text {
  font-size: 15px;
  line-height: 1.65;
}

.legal-centre-document-heading {
  align-items: flex-start;
}

.legal-centre-document-heading > div {
  min-width: 0;
}

.legal-centre-document-heading .muted-text {
  margin: 4px 0 0;
}

.legal-centre-clean-accordion {
  gap: 10px;
}

.legal-centre-clean-accordion details {
  border: 1px solid #dfe8f6;
  border-radius: 18px;
  background: #ffffff;
  padding: 0;
  overflow: hidden;
}

.legal-centre-clean-accordion summary {
  padding: 16px;
}

.legal-centre-clean-accordion summary span {
  width: 30px;
  height: 30px;
  box-shadow: 0 10px 20px rgba(47, 102, 243, 0.18);
}

.legal-centre-clean-accordion p {
  margin: 0;
  padding: 0 18px 16px 58px;
  color: #526487;
}

.legal-centre-clean-accordion p + p {
  padding-top: 0;
}

.legal-centre-mini-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.legal-centre-mini-heading h2 {
  margin: 0;
}

.legal-centre-check-list {
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
}

.legal-centre-check-list li {
  position: relative;
  padding-left: 30px;
  color: #526487;
  font-weight: 700;
  line-height: 1.45;
}

.legal-centre-check-list li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  width: 9px;
  height: 15px;
  border-right: 3px solid #2f66f3;
  border-bottom: 3px solid #2f66f3;
  transform: rotate(42deg);
}

.legal-centre-clean-side .legal-centre-side-panel {
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

@media (max-width: 980px) {
  .legal-centre-topic-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .legal-centre-glow-tick {
    width: 96px;
    height: 96px;
    border-radius: 28px;
  }
}

@media (max-width: 768px) {
  .legal-centre-page-clean {
    padding-bottom: 170px;
  }

  .legal-centre-clean-hero {
    min-height: auto;
    padding: 22px;
    border-radius: 24px;
  }

  .legal-centre-clean-hero h1 {
    font-size: 38px;
    line-height: 1;
  }

  .legal-centre-clean-hero .page-subtitle {
    font-size: 16px;
    line-height: 1.45;
  }

  .legal-centre-glow-tick {
    display: none;
  }

  .legal-centre-topic-strip {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .legal-centre-topic-card {
    min-height: 76px;
    padding: 14px;
    border-radius: 18px;
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .legal-centre-topic-card strong {
    font-size: 16px;
  }

  .legal-centre-topic-card small {
    font-size: 13px;
  }

  .legal-centre-clean-panel {
    padding: 18px;
    border-radius: 22px;
  }

  .legal-centre-document-heading {
    gap: 10px;
    margin-bottom: 12px;
  }

  .legal-centre-document-heading h2,
  .legal-centre-mini-heading h2 {
    font-size: 22px;
    line-height: 1.15;
  }

  .legal-centre-short-note {
    grid-template-columns: 1fr;
    padding: 14px;
    border-radius: 18px;
  }

  .legal-centre-clean-accordion {
    gap: 8px;
  }

  .legal-centre-clean-accordion details {
    border-radius: 16px;
  }

  .legal-centre-clean-accordion summary {
    grid-template-columns: 32px minmax(0, 1fr) auto;
    padding: 14px;
  }

  .legal-centre-clean-accordion summary strong {
    font-size: 16px;
  }

  .legal-centre-clean-accordion p {
    padding: 0 14px 14px;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  .legal-centre-card-icon,
  .legal-centre-document-icon {
    width: 38px;
    height: 38px;
    border-radius: 13px;
  }

  .legal-centre-side {
    display: none !important;
  }

  body:has(.legal-centre-page-clean) .builder-setup-helper {
    left: 12px;
    right: 12px;
    bottom: 78px;
    width: auto;
    border-radius: 18px;
  }

  body:has(.legal-centre-page-clean) .builder-setup-helper-toggle {
    min-height: 54px;
    padding: 10px 12px;
  }

  body:has(.legal-centre-page-clean) .builder-setup-helper-dot {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  body:has(.legal-centre-page-clean) .builder-setup-helper-toggle strong {
    font-size: 14px;
  }

  body:has(.legal-centre-page-clean) .builder-setup-helper-toggle small {
    font-size: 11px;
  }

  body:has(.legal-centre-page-clean) .builder-setup-helper-body {
    max-height: 42vh;
    overflow: auto;
  }
}

body.settlelink-dark-mode .legal-centre-clean-hero,
body.settlelink-dark-mode .legal-centre-topic-card,
body.settlelink-dark-mode .legal-centre-clean-panel,
body.settlelink-dark-mode .legal-centre-clean-accordion details {
  background: linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
  border-color: rgba(71, 85, 105, 0.76);
}

body.settlelink-dark-mode .legal-centre-topic-card strong,
body.settlelink-dark-mode .legal-centre-mini-heading h2,
body.settlelink-dark-mode .legal-centre-document-heading h2,
body.settlelink-dark-mode .legal-centre-clean-accordion summary strong {
  color: #f8fbff;
}

body.settlelink-dark-mode .legal-centre-topic-card small,
body.settlelink-dark-mode .legal-centre-clean-panel .muted-text,
body.settlelink-dark-mode .legal-centre-check-list li,
body.settlelink-dark-mode .legal-centre-clean-accordion p {
  color: #aab8d4;
}

/* Legal Centre fixes - mobile legal links, back buttons, fixed clock icon */

.legal-centre-mobile-docs {
  display: none;
}

.legal-centre-mobile-doc-grid {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.legal-back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-bottom: 18px;
  padding: 10px 14px;
  border: 1px solid rgba(47, 102, 243, 0.34);
  border-radius: 999px;
  background: rgba(47, 102, 243, 0.08);
  color: #2f66f3;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.legal-back-btn:hover {
  background: rgba(47, 102, 243, 0.14);
  transform: translateY(-1px);
}

.legal-icon-clock {
  position: relative;
}

.legal-icon-clock::before {
  content: "" !important;
  position: absolute;
  width: 18px;
  height: 18px;
  inset: 0;
  margin: auto;
  border: 3px solid #2f66f3;
  border-radius: 999px;
  background: transparent !important;
  transform: none !important;
}

.legal-icon-clock::after {
  content: "" !important;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  border-left: 3px solid #2f66f3;
  border-bottom: 3px solid #2f66f3;
  transform: translate(-1px, -7px) rotate(-45deg) !important;
  background: transparent !important;
}

@media (max-width: 768px) {
  .legal-centre-mobile-docs {
    display: block;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #dfe8f6;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
  }

  .legal-centre-mobile-docs h2 {
    margin: 0;
    font-size: 22px;
    line-height: 1.15;
  }

  .legal-centre-mobile-docs .muted-text {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.5;
  }

  .legal-centre-mobile-docs .legal-centre-side-link {
    min-height: 74px;
    border-radius: 18px;
  }

  .legal-back-btn {
    margin-bottom: 14px;
    padding: 9px 13px;
    font-size: 14px;
  }
}

body.settlelink-dark-mode .legal-centre-mobile-docs {
  background: linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
  border-color: rgba(71, 85, 105, 0.76);
}

body.settlelink-dark-mode .legal-centre-mobile-docs h2 {
  color: #f8fbff;
}

/* Legal Centre icon hard fix - clock + trust tick */

.legal-centre-page-clean .legal-icon-clock,
.legal-centre-page-clean .legal-icon-shield {
  position: relative !important;
  color: #2f66f3 !important;
}

.legal-centre-page-clean .legal-icon-clock::before,
.legal-centre-page-clean .legal-icon-clock::after,
.legal-centre-page-clean .legal-icon-shield::before,
.legal-centre-page-clean .legal-icon-shield::after {
  box-sizing: border-box !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Clean clock */
.legal-centre-page-clean .legal-icon-clock::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  width: 22px !important;
  height: 22px !important;
  border: 3px solid currentColor !important;
  border-radius: 999px !important;
  transform: none !important;
}

.legal-centre-page-clean .legal-icon-clock::after {
  content: "" !important;
  position: absolute !important;
  left: 20px !important;
  top: 15px !important;
  width: 8px !important;
  height: 11px !important;
  border: 0 !important;
  border-left: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Clean Trust tick */
.legal-centre-page-clean .legal-icon-shield::before {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 14px !important;
  width: 18px !important;
  height: 10px !important;
  border: 0 !important;
  border-left: 4px solid currentColor !important;
  border-bottom: 4px solid currentColor !important;
  border-radius: 0 !important;
  transform: rotate(-45deg) !important;
}

.legal-centre-page-clean .legal-icon-shield::after {
  content: none !important;
  display: none !important;
}

/* Payment summary VAT clarity */

.timeline-row span small,
.invoice-doc-list-row span small,
.receipt-doc-list-row span small,
.summary-line span small {
  display: block;
  margin-top: 3px;
  color: #7181a6;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

body.settlelink-dark-mode .timeline-row span small,
body.settlelink-dark-mode .summary-line span small {
  color: #aab8d4;
}

/* Referral rewards */

.referral-signup-note {
  border: 1px solid rgba(47, 102, 243, 0.22);
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.referral-reward-box {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #dfe8f6;
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff;
}

.referral-reward-top,
.referral-reward-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.referral-reward-top > span,
.referral-reward-row > span {
  min-width: 0;
}

.referral-reward-top strong,
.referral-reward-row strong {
  color: #102248;
}

.referral-reward-top small,
.referral-reward-row small {
  display: block;
  margin-top: 4px;
  color: #7181a6;
  font-weight: 800;
  line-height: 1.35;
}

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

.referral-reward-stats > div {
  padding: 12px;
  border-radius: 16px;
  background: #f5f8ff;
  border: 1px solid #e3ebfb;
}

.referral-reward-stats small {
  display: block;
  color: #7181a6;
  font-weight: 800;
  line-height: 1.25;
}

.referral-reward-stats strong {
  display: block;
  margin-top: 5px;
  color: #102248;
  font-size: 20px;
}

.referral-reward-list {
  display: grid;
  gap: 10px;
}

.referral-reward-row {
  padding: 12px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #e3ebfb;
}

.referral-reward-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.referral-reward-alert {
  padding: 12px;
  border-radius: 16px;
  background: #eef5ff;
  border: 1px solid #cfe0ff;
}

.referral-reward-alert strong {
  display: block;
  color: #102248;
}

.referral-reward-alert small {
  display: block;
  margin-top: 5px;
  color: #526384;
  font-weight: 800;
  line-height: 1.4;
}

@media (max-width: 520px) {
  .referral-reward-top,
  .referral-reward-row {
    flex-direction: column;
  }

  .referral-reward-stats {
    grid-template-columns: 1fr;
  }
}

body.settlelink-dark-mode .referral-signup-note,
body.settlelink-dark-mode .referral-reward-box,
body.settlelink-dark-mode .referral-reward-row,
body.settlelink-dark-mode .referral-reward-alert {
  background: linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
  border-color: rgba(71, 85, 105, 0.76);
}

body.settlelink-dark-mode .referral-reward-stats > div {
  background: rgba(15, 23, 42, 0.78);
  border-color: rgba(71, 85, 105, 0.76);
}

body.settlelink-dark-mode .referral-reward-top strong,
body.settlelink-dark-mode .referral-reward-row strong,
body.settlelink-dark-mode .referral-reward-stats strong,
body.settlelink-dark-mode .referral-reward-alert strong {
  color: #f8fbff;
}

body.settlelink-dark-mode .referral-reward-top small,
body.settlelink-dark-mode .referral-reward-row small,
body.settlelink-dark-mode .referral-reward-stats small,
body.settlelink-dark-mode .referral-reward-note,
body.settlelink-dark-mode .referral-reward-alert small {
  color: #aab8d4;
}

/* --- Light mode input background protection --- */
body:not(.settlelink-dark-mode) .text-input,
body:not(.settlelink-dark-mode) select,
body:not(.settlelink-dark-mode) textarea {
  background-color: #ffffff !important;
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode) .text-input:focus,
body:not(.settlelink-dark-mode) .text-input:active,
body:not(.settlelink-dark-mode) select:focus,
body:not(.settlelink-dark-mode) select:active,
body:not(.settlelink-dark-mode) textarea:focus,
body:not(.settlelink-dark-mode) textarea:active {
  background-color: #ffffff !important;
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode) .text-input:-webkit-autofill,
body:not(.settlelink-dark-mode) .text-input:-webkit-autofill:hover,
body:not(.settlelink-dark-mode) .text-input:-webkit-autofill:focus,
body:not(.settlelink-dark-mode) textarea:-webkit-autofill,
body:not(.settlelink-dark-mode) textarea:-webkit-autofill:hover,
body:not(.settlelink-dark-mode) textarea:-webkit-autofill:focus,
body:not(.settlelink-dark-mode) select:-webkit-autofill,
body:not(.settlelink-dark-mode) select:-webkit-autofill:hover,
body:not(.settlelink-dark-mode) select:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #102248 !important;
}

/* --- Dark mode text contrast hardening --- */
body.settlelink-dark-mode,
body.settlelink-dark-mode p,
body.settlelink-dark-mode label,
body.settlelink-dark-mode span,
body.settlelink-dark-mode small,
body.settlelink-dark-mode strong,
body.settlelink-dark-mode li,
body.settlelink-dark-mode summary,
body.settlelink-dark-mode th,
body.settlelink-dark-mode td,
body.settlelink-dark-mode .metric-label,
body.settlelink-dark-mode .timeline-row span,
body.settlelink-dark-mode .detail-list span,
body.settlelink-dark-mode .more-settings-row-copy small,
body.settlelink-dark-mode .more-settings-row-arrow,
body.settlelink-dark-mode .receipt-card span,
body.settlelink-dark-mode .receipt-card p,
body.settlelink-dark-mode .dashboard-project-meta-line,
body.settlelink-dark-mode .dashboard-project-progress-note,
body.settlelink-dark-mode .page-subtitle,
body.settlelink-dark-mode .muted-text {
  color: #dbeafe !important;
}

body.settlelink-dark-mode h1,
body.settlelink-dark-mode h2,
body.settlelink-dark-mode h3,
body.settlelink-dark-mode h4,
body.settlelink-dark-mode .panel-title,
body.settlelink-dark-mode .dashboard-welcome-title,
body.settlelink-dark-mode .dashboard-project-title,
body.settlelink-dark-mode .more-settings-row-copy strong {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .text-input,
body.settlelink-dark-mode select,
body.settlelink-dark-mode textarea {
  background-color: rgba(15, 23, 42, 0.96) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .text-input::placeholder,
body.settlelink-dark-mode textarea::placeholder {
  color: #b8c7e6 !important;
  -webkit-text-fill-color: #b8c7e6 !important;
}


/* --- Keep light status badges readable in dark mode --- */
body.settlelink-dark-mode .status-chip,
body.settlelink-dark-mode .status-badge,
body.settlelink-dark-mode .invoice-contact-badge {
  -webkit-text-fill-color: currentColor !important;
}

body.settlelink-dark-mode .status-chip.sent,
body.settlelink-dark-mode .status-badge.approval,
body.settlelink-dark-mode .status-chip.approved,
body.settlelink-dark-mode .status-chip.active,
body.settlelink-dark-mode .invoice-contact-badge {
  color: #102248 !important;
}

body.settlelink-dark-mode .status-chip.paid,
body.settlelink-dark-mode .status-badge.paid {
  color: #067647 !important;
}

body.settlelink-dark-mode .status-chip.review,
body.settlelink-dark-mode .status-badge.setup,
body.settlelink-dark-mode .status-chip.overdue {
  color: #92400e !important;
}

body.settlelink-dark-mode .status-chip.draft,
body.settlelink-dark-mode .status-badge.draft,
body.settlelink-dark-mode .status-chip.neutral {
  color: #334155 !important;
}

@media screen and (max-width: 920px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  body::before {
    content: "Please rotate your phone back to portrait to use SettleLink.";
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    text-align: center;
    background: #0f172a;
    color: #f8fbff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.35;
    font-family: Arial, Helvetica, sans-serif;
  }

  body > * {
    visibility: hidden !important;
  }

  body::before {
    visibility: visible !important;
  }
}

/* Legal Centre trust polish */
.legal-centre-page-clean {
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 14px 34px;
}

.legal-centre-clean-hero {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: center;
  gap: 20px;
  padding: 42px 48px;
  border-radius: 28px;
  border: 1px solid rgba(47, 102, 243, 0.18);
  background:
    radial-gradient(circle at 82% 48%, rgba(47, 102, 243, 0.18), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 48%, #edf5ff 100%);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.07);
}

.legal-centre-clean-hero::after {
  content: "";
  position: absolute;
  right: -90px;
  top: 36px;
  width: 420px;
  height: 220px;
  border-radius: 999px;
  background:
    repeating-radial-gradient(
      circle at center,
      rgba(47, 102, 243, 0.13) 0,
      rgba(47, 102, 243, 0.13) 1px,
      transparent 1px,
      transparent 28px
    );
  opacity: 0.55;
  pointer-events: none;
}

.legal-centre-hero-copy {
  position: relative;
  z-index: 2;
}

.legal-centre-hero-copy .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  color: #2f66f3;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.legal-centre-hero-copy .eyebrow::before {
  content: "✓";
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  color: #2f66f3;
  letter-spacing: 0;
  font-size: 17px;
  box-shadow: inset 0 0 0 2px rgba(47, 102, 243, 0.18);
}

.legal-centre-clean-hero h1 {
  margin: 0;
  color: #071a44;
  font-size: clamp(44px, 7vw, 76px);
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.legal-centre-clean-hero .page-subtitle {
  max-width: 520px;
  margin: 22px 0 0;
  color: #6c7a9d;
  font-size: clamp(20px, 3vw, 30px);
  line-height: 1.35;
  font-weight: 500;
}

.legal-centre-hero-art {
  position: relative;
  z-index: 2;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.legal-centre-shield-image {
  width: min(235px, 100%);
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 22px 38px rgba(47, 102, 243, 0.22));
}

.legal-centre-mobile-docs,
.legal-centre-side-panel {
  padding: 30px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid rgba(216, 226, 242, 0.95);
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.07);
}

.legal-centre-docs-title-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}

.legal-centre-docs-title-row h2,
.legal-centre-side-panel h2 {
  margin: 0;
  color: #071a44;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.legal-centre-docs-title-row p,
.legal-centre-side-panel > p {
  margin: 8px 0 0;
  color: #7a86a4;
  font-size: 20px;
}

.legal-centre-mobile-doc-grid,
.legal-centre-side-links {
  display: grid;
  gap: 16px;
}

.legal-centre-side-link {
  position: relative;
  min-height: 126px;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon title arrow"
    "icon small arrow";
  column-gap: 20px;
  row-gap: 4px;
  align-items: center;
  padding: 20px 26px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #dbe3ef;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

.legal-centre-side-link::after {
  grid-area: arrow;
  content: "›";
  color: #1463ff;
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
}

.legal-centre-side-link .legal-centre-card-icon {
  grid-area: icon;
  width: 62px;
  height: 62px;
  border-radius: 22px;
  background: #eef4ff;
  color: #2f66f3;
}

.legal-centre-side-link strong {
  grid-area: title;
  color: #071a44;
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.legal-centre-side-link small {
  grid-area: small;
  margin: 0;
  color: #7a86a4;
  font-size: 19px;
  line-height: 1.25;
}

.legal-centre-document-panel,
.legal-centre-mini-panel {
  border-radius: 28px;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.06);
}

@media (max-width: 768px) {
  .legal-centre-page-clean {
    padding: 16px 14px 30px;
  }

  .legal-centre-clean-hero {
    min-height: 260px;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 6px;
    padding: 30px 16px 30px 22px;
    border-radius: 26px;
  }

  .legal-centre-clean-hero::after {
    right: -160px;
    top: 42px;
    width: 360px;
    height: 220px;
  }

  .legal-centre-clean-hero h1 {
    font-size: 48px;
  }

  .legal-centre-clean-hero .page-subtitle {
    font-size: 24px;
    line-height: 1.35;
  }

  .legal-centre-shield-image {
    width: 142px;
    transform: translateX(16px);
  }

  .legal-centre-mobile-docs {
    padding: 24px 16px;
    border-radius: 26px;
  }

  .legal-centre-docs-title-row {
    grid-template-columns: 54px 1fr;
    gap: 14px;
  }

  .legal-centre-docs-title-row h2 {
    font-size: 32px;
  }

  .legal-centre-docs-title-row p {
    font-size: 20px;
  }

  .legal-centre-side-link {
    min-height: 118px;
    grid-template-columns: 70px minmax(0, 1fr) 28px;
    column-gap: 16px;
    padding: 18px 18px;
    border-radius: 22px;
  }

  .legal-centre-side-link .legal-centre-card-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
  }

  .legal-centre-side-link strong {
    font-size: 23px;
  }

  .legal-centre-side-link small {
    font-size: 17px;
  }

  .legal-centre-side-link::after {
    font-size: 38px;
  }
}

@media (max-width: 430px) {
  .legal-centre-clean-hero {
    grid-template-columns: 1fr 100px;
  }

  .legal-centre-clean-hero h1 {
    font-size: 42px;
  }

  .legal-centre-clean-hero .page-subtitle {
    font-size: 20px;
  }

  .legal-centre-shield-image {
    width: 118px;
    transform: translateX(16px);
  }

  .legal-centre-side-link strong {
    font-size: 21px;
  }

  .legal-centre-side-link small {
    font-size: 16px;
  }
}

/* Legal Centre mobile fix - shield image + cleaner spacing */
.legal-centre-hero-art {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  pointer-events: none;
}

.legal-centre-shield-image {
  width: 150px;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(47, 102, 243, 0.2));
}

.legal-centre-clean-hero {
  overflow: hidden;
}

.legal-centre-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 72%;
}

@media (max-width: 768px) {
  .legal-centre-clean-hero {
    min-height: 250px;
    padding: 28px 20px;
  }

  .legal-centre-hero-copy {
    max-width: 68%;
  }

  .legal-centre-clean-hero h1 {
    font-size: 36px;
    line-height: 1;
  }

  .legal-centre-clean-hero .page-subtitle {
    font-size: 17px;
    line-height: 1.45;
  }

  .legal-centre-hero-copy .eyebrow {
    font-size: 13px;
    letter-spacing: 0.2em;
  }

  .legal-centre-hero-art {
    right: -6px;
    top: 52%;
  }

  .legal-centre-shield-image {
    width: 150px;
  }

  .legal-centre-docs-title-row {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }

  .legal-centre-docs-title-row h2 {
    font-size: 26px;
    line-height: 1.08;
  }

  .legal-centre-docs-title-row p {
    font-size: 16px;
    line-height: 1.4;
  }

  .legal-centre-mobile-docs {
    padding: 22px 16px;
  }

  .legal-centre-side-link {
    min-height: 92px;
    grid-template-columns: 64px minmax(0, 1fr) 24px;
    padding: 16px;
  }

  .legal-centre-side-link strong {
    font-size: 21px;
  }

  .legal-centre-side-link small {
    font-size: 16px;
  }

  .legal-centre-side-link .legal-centre-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
  }
}

@media (max-width: 390px) {
  .legal-centre-hero-copy {
    max-width: 66%;
  }

  .legal-centre-shield-image {
    width: 132px;
  }

  .legal-centre-clean-hero h1 {
    font-size: 32px;
  }

  .legal-centre-clean-hero .page-subtitle {
    font-size: 16px;
  }
}

/* Legal Centre icon centering fix */
.legal-centre-document-icon,
.legal-centre-card-icon,
.legal-centre-side-link .legal-centre-card-icon {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  align-self: center;
  justify-self: center;
  overflow: hidden;
  text-align: center;
  line-height: 1;
}

.legal-centre-document-icon::before,
.legal-centre-document-icon::after,
.legal-centre-card-icon::before,
.legal-centre-card-icon::after,
.legal-centre-side-link .legal-centre-card-icon::before,
.legal-centre-side-link .legal-centre-card-icon::after {
  position: absolute;
  box-sizing: border-box;
  margin: 0 !important;
}

/* Document icon */
.legal-icon-document::before,
.legal-icon-terms::before {
  top: 50%;
  left: 50%;
  width: 17px;
  height: 22px;
  border: 3px solid currentColor;
  border-radius: 4px;
  transform: translate(-50%, -50%);
}

.legal-icon-document::after,
.legal-icon-terms::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 3px;
  background: currentColor;
  box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
  transform: translate(-50%, -7px);
}

/* Privacy lock icon */
.legal-icon-privacy::before {
  left: 50%;
  top: 57%;
  width: 20px;
  height: 16px;
  border: 3px solid currentColor;
  border-radius: 5px;
  transform: translate(-50%, -50%);
}

.legal-icon-privacy::after {
  left: 50%;
  top: 43%;
  width: 13px;
  height: 13px;
  border: 3px solid currentColor;
  border-bottom: none;
  border-radius: 13px 13px 0 0;
  transform: translate(-50%, -50%);
}

/* Trust tick icon */
.legal-icon-trust::before {
  left: 50%;
  top: 52%;
  width: 13px;
  height: 24px;
  border-right: 5px solid currentColor;
  border-bottom: 5px solid currentColor;
  border-radius: 2px;
  transform: translate(-50%, -58%) rotate(42deg);
}

.legal-icon-trust::after {
  content: none !important;
}

.legal-centre-docs-title-row .legal-centre-document-icon {
  width: 62px;
  height: 62px;
  min-width: 62px;
  min-height: 62px;
}

.legal-centre-side-link .legal-centre-card-icon {
  width: 62px;
  height: 62px;
  min-width: 62px;
  min-height: 62px;
}

@media (max-width: 768px) {
  .legal-centre-docs-title-row .legal-centre-document-icon,
  .legal-centre-side-link .legal-centre-card-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
  }
}

/* Legal Centre final icon alignment */
.legal-centre-page-clean .legal-icon-lock::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 56% !important;
  width: 20px !important;
  height: 16px !important;
  border: 3px solid currentColor !important;
  border-radius: 5px !important;
  transform: translate(-50%, -50%) !important;
}

.legal-centre-page-clean .legal-icon-lock::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 40% !important;
  width: 13px !important;
  height: 13px !important;
  border: 3px solid currentColor !important;
  border-bottom: none !important;
  border-radius: 13px 13px 0 0 !important;
  transform: translate(-50%, -50%) !important;
}

.legal-centre-page-clean .legal-icon-shield::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 48% !important;
  width: 13px !important;
  height: 24px !important;
  border: 0 !important;
  border-right: 5px solid currentColor !important;
  border-bottom: 5px solid currentColor !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) rotate(42deg) !important;
}

.legal-centre-page-clean .legal-icon-shield::after {
  content: none !important;
  display: none !important;
}

/* More page back home button */
.more-back-home-wrap {
  padding: 18px 0 8px;
}

.more-back-home-btn {
  width: 100%;
  min-height: 54px;
  border-radius: 20px;
  font-weight: 900;
}

/* Marketing top nav safety fix */
body.settlelink-marketing-open .top-nav {
  display: block !important;
}

body.settlelink-marketing-open .nav-inner {
  display: flex;
}

@media (max-width: 768px) {
  body.settlelink-marketing-open .top-nav {
    position: static;
    display: block !important;
    background: transparent;
    border-bottom: none;
  }

  body.settlelink-marketing-open .nav-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 14px 16px;
  }

  body.settlelink-marketing-open .nav-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
    align-items: center;
    justify-items: center;
    width: 100%;
  }

  body.settlelink-marketing-open .nav-links .nav-cta {
    grid-column: 1 / -1;
    width: min(260px, 100%);
  }
}

/* Legal Centre top nav restore */
body.settlelink-legal-centre-open .top-nav {
  display: block !important;
}

body.settlelink-legal-centre-open .top-nav .nav-inner {
  display: flex !important;
}

body.settlelink-legal-centre-open .top-nav .nav-links {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

body.settlelink-legal-centre-open .top-builder-nav-link {
  text-decoration: none;
}

body.settlelink-legal-centre-open .top-builder-nav-link.nav-cta {
  background: #2f66f3;
  color: #ffffff;
  border-color: #2f66f3;
  box-shadow: 0 12px 24px rgba(47, 102, 243, 0.22);
}

@media (max-width: 768px) {
  body.settlelink-legal-centre-open .top-nav {
    display: block !important;
    position: static;
    background: transparent;
    border-bottom: none;
  }

  body.settlelink-legal-centre-open .top-nav .nav-inner {
    flex-direction: column;
    gap: 10px;
    padding: 10px 14px 16px;
  }

  body.settlelink-legal-centre-open .top-nav .nav-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    justify-items: center;
  }

  body.settlelink-legal-centre-open .top-builder-nav-link {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 15px;
  }

  body.settlelink-legal-centre-open .top-builder-nav-link.nav-cta {
    grid-column: 1 / -1;
    width: min(260px, 100%);
    min-height: 52px;
  }
}

/* Legal Centre header full logo fix */
body.settlelink-legal-centre-open .top-nav .brand {
  min-height: 86px;
  width: 100%;
  border: 2px solid #2f66f3;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(47, 102, 243, 0.08);
}

body.settlelink-legal-centre-open .top-nav .brand-logo-full {
  width: min(260px, 72vw);
  height: auto;
}

@media (max-width: 768px) {
  body.settlelink-legal-centre-open .top-nav .nav-inner {
    padding-top: 18px;
  }

  body.settlelink-legal-centre-open .top-nav .brand {
    min-height: 86px;
  }
}

/* Payment setup modern trust polish */
.more-payment-setup-panel {
  border-radius: 30px !important;
  border: 1px solid #dbe6f5 !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.06), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.07) !important;
}

.more-payment-setup-top {
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
}

.more-payment-setup-image-icon {
  width: 112px !important;
  height: 112px !important;
  border-radius: 30px !important;
  background: #f4f8ff !important;
  border: 1px solid #cfe0ff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.9),
    0 16px 34px rgba(47, 102, 243, 0.14) !important;
}

.more-payment-setup-shield-img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 10px 16px rgba(47, 102, 243, 0.24));
}

.more-payment-setup-badge {
  background: #eef4ff !important;
  color: #2f66f3 !important;
  letter-spacing: 0.1em !important;
}

.more-payment-setup-title {
  color: #071a44 !important;
  font-size: 31px !important;
  letter-spacing: -0.045em;
}

.more-payment-setup-subtitle {
  color: #71809f !important;
  font-size: 20px !important;
}

.more-payment-status-card {
  margin-top: 22px !important;
  padding: 26px !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid #b8ebc9 !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.045) !important;
}

.more-payment-status-layout {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.more-payment-status-check {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eafaf0;
  color: #15945a;
  border: 1px solid #a8e8bf;
  font-size: 30px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(21, 148, 90, 0.12);
}

.more-payment-status-label {
  color: #071a44 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.more-payment-status-value {
  margin-top: 8px;
}

.more-payment-status-detail {
  margin-top: 22px !important;
  color: #10234d !important;
  font-size: 20px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

.more-payment-trust-box {
  margin-top: 22px !important;
  padding: 24px 26px !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7ff 100%) !important;
  border: 1px solid #d4e2fb;
}

.more-payment-trust-icon {
  width: 72px !important;
  height: 72px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #2f66f3 !important;
  border: 1px solid #cfe0ff;
}

.more-payment-trust-title {
  color: #071a44 !important;
  font-size: 23px !important;
  letter-spacing: -0.035em;
}

.more-payment-trust-text {
  color: #71809f !important;
  font-size: 18px !important;
}

.more-payment-setup-btn {
  min-height: 62px !important;
  border-radius: 20px !important;
  font-size: 18px !important;
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.24) !important;
}

.more-payment-info-list {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

.more-payment-info-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  max-width: 560px;
  margin: 0 auto !important;
  color: #60708f !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.more-payment-info-dot {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2f66f3;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.more-payment-info-dot-clock {
  background: #ffffff;
  color: #2f66f3;
  border: 2px solid #2f66f3;
}

@media (max-width: 768px) {
  .more-payment-setup-panel {
    padding: 22px 18px 28px !important;
    border-radius: 28px !important;
  }

  .more-payment-setup-top {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .more-payment-setup-icon-wrap {
    justify-content: flex-start !important;
  }

  .more-payment-setup-image-icon {
    width: 112px !important;
    height: 112px !important;
  }

  .more-payment-setup-shield-img {
    width: 78px;
    height: 78px;
  }

  .more-payment-setup-title {
    font-size: 27px !important;
  }

  .more-payment-setup-subtitle {
    font-size: 19px !important;
    line-height: 1.4 !important;
  }

  .more-payment-status-card {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  .more-payment-status-layout {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
  }

  .more-payment-status-check {
    width: 46px;
    height: 46px;
    font-size: 24px;
  }

  .more-payment-status-label {
    font-size: 21px !important;
  }

  .more-payment-status-detail {
    margin-top: 18px !important;
    font-size: 18px !important;
  }

  .more-payment-trust-box-left {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 16px;
    align-items: center !important;
  }

  .more-payment-trust-title {
    font-size: 21px !important;
  }

  .more-payment-trust-text {
    font-size: 17px !important;
  }

  .more-payment-info-row {
    font-size: 15px !important;
  }
}

/* Payment setup mobile size tightening */
@media (max-width: 768px) {
  .more-payment-setup-panel {
    padding: 18px 16px 22px !important;
    border-radius: 26px !important;
  }

  .more-payment-setup-image-icon {
    width: 86px !important;
    height: 86px !important;
    border-radius: 24px !important;
  }

  .more-payment-setup-shield-img {
    width: 58px !important;
    height: 58px !important;
  }

  .more-payment-setup-badge {
    font-size: 13px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
  }

  .more-payment-setup-title {
    font-size: 25px !important;
    line-height: 1.08 !important;
    margin-top: 14px !important;
  }

  .more-payment-setup-subtitle {
    font-size: 17px !important;
    line-height: 1.38 !important;
    margin-top: 10px !important;
  }

  .more-payment-status-card {
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .more-payment-status-layout {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .more-payment-status-check {
    width: 40px !important;
    height: 40px !important;
    font-size: 22px !important;
  }

  .more-payment-status-label {
    font-size: 20px !important;
  }

  .more-payment-status-value {
    margin-top: 6px !important;
    font-size: 15px !important;
    padding: 6px 14px !important;
  }

  .more-payment-status-detail {
    margin-top: 14px !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  .more-payment-trust-box {
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .more-payment-trust-box-left {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .more-payment-trust-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .more-payment-trust-icon .builder-sidebar-icon,
  .more-payment-trust-icon span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  .more-payment-trust-title {
    font-size: 19px !important;
    line-height: 1.12 !important;
  }

  .more-payment-trust-text {
    font-size: 16px !important;
    line-height: 1.42 !important;
    margin-top: 6px !important;
  }

  .more-payment-setup-btn {
    min-height: 54px !important;
    border-radius: 18px !important;
    font-size: 16px !important;
    margin-top: 18px !important;
  }

  .more-payment-info-list {
    gap: 12px !important;
    margin-top: 16px !important;
  }

  .more-payment-info-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  .more-payment-info-dot {
    width: 26px !important;
    height: 26px !important;
    font-size: 14px !important;
  }
}

/* Projects dashboard polished mockup bundle */

.dashboard-shell-v2 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.dashboard-welcome-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px !important;
  padding: 30px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid #dce5f4;
  box-shadow: 0 16px 34px rgba(15, 35, 75, 0.08);
}

.dashboard-welcome-copy {
  min-width: 0;
}

.dashboard-welcome-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: #2f66f3;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.dashboard-eyebrow-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f66f3;
  font-size: 18px;
  line-height: 1;
}

.dashboard-welcome-card .page-subtitle {
  max-width: 470px;
  margin-top: 14px;
  font-size: 21px;
  line-height: 1.35;
}

.dashboard-house-illustration {
  width: 150px;
  max-width: 100%;
  height: auto;
  display: block;
  justify-self: end;
  filter: drop-shadow(0 14px 18px rgba(47, 102, 243, 0.12));
}

.dashboard-projects-section {
  margin-top: 0 !important;
}

.dashboard-projects-heading {
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  margin: 0 10px 18px !important;
}

.dashboard-projects-heading-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.dashboard-projects-heading h2 {
  font-size: 31px !important;
  letter-spacing: -0.04em;
}

.dashboard-project-count-badge {
  min-width: 42px;
  height: 42px;
  padding: 0 13px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf4ff;
  color: #2f66f3;
  border: 1px solid #cfe0ff;
  font-size: 20px;
  font-weight: 900;
}

.dashboard-create-project-btn {
  width: 100% !important;
  min-height: 68px;
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 24px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #245cf2 0%, #2f74ff 100%) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.24) !important;
}

.dashboard-create-plus {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #2f66f3;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
}

.dashboard-project-card-polished {
  padding: 28px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 16px 34px rgba(15, 35, 75, 0.08) !important;
}

.dashboard-project-card-polished .dashboard-project-card-top {
  align-items: center;
  margin-bottom: 26px;
}

.dashboard-project-title-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.dashboard-project-icon {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf4ff;
  color: #2f66f3;
}

.dashboard-project-icon .builder-sidebar-icon {
  width: 34px;
  height: 34px;
}

.dashboard-project-card-polished .dashboard-project-title {
  margin: 0;
  font-size: 29px !important;
  color: #071a44;
}

.dashboard-project-card-polished .dashboard-project-menu {
  color: #71809f;
  font-size: 31px;
  font-weight: 900;
}

.dashboard-project-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 24px;
}

.dashboard-project-stat {
  min-width: 0;
  padding: 0 14px;
  text-align: center;
  border-right: 1px solid #d8e1f0;
}

.dashboard-project-stat:first-child {
  padding-left: 0;
}

.dashboard-project-stat:last-child {
  padding-right: 0;
  border-right: none;
}

.dashboard-project-stat span {
  display: block;
  margin-bottom: 8px;
  color: #71809f;
  font-size: 16px;
  font-weight: 700;
}

.dashboard-project-stat strong {
  display: block;
  color: #071a44;
  font-size: 21px;
  line-height: 1.1;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.dashboard-project-paid {
  color: #3cad4f !important;
}

.dashboard-project-outstanding {
  color: #d66a00 !important;
}

.dashboard-project-card-polished .dashboard-open-project-btn {
  width: 100% !important;
  min-height: 64px;
  margin-bottom: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border-radius: 18px !important;
  background: #f4f8ff !important;
  border: 1px solid #cfe0ff !important;
  color: #2f66f3 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

.dashboard-open-project-icon {
  font-size: 25px;
  line-height: 1;
}

.dashboard-project-card-polished .dashboard-project-progress-track {
  height: 12px;
  background: #e8edf5;
}

.dashboard-project-card-polished .dashboard-project-progress-fill.is-active {
  background: linear-gradient(90deg, #2f66f3 0%, #3b82f6 100%);
}

.dashboard-project-card-polished .dashboard-project-progress-fill.is-awaiting {
  background: linear-gradient(90deg, #ff8a00 0%, #f59e0b 100%);
}

.dashboard-project-card-polished .dashboard-project-progress-note {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 22px 0 0 !important;
  font-size: 18px !important;
  line-height: 1.3;
  font-weight: 800 !important;
}

.dashboard-warning-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f97316;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.dashboard-project-progress-note.is-awaiting {
  color: #c25700 !important;
}

.dashboard-project-progress-note.is-active {
  color: #2563eb !important;
}

.dashboard-project-progress-note.is-overdue {
  color: #dc2626 !important;
}

.dashboard-project-progress-note.is-complete {
  color: #15803d !important;
}

.dashboard-project-progress-note.is-muted {
  color: #64748b !important;
}

.dashboard-completed-panel-polished {
  margin-top: 22px !important;
  padding: 28px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 16px 34px rgba(15, 35, 75, 0.08) !important;
}

.dashboard-completed-main {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
}

.dashboard-completed-icon {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf4ff;
  color: #2f66f3;
  font-size: 34px;
  font-weight: 900;
}

.dashboard-completed-icon-green {
  background: #e9f9ee;
  color: #3cad4f;
}

.dashboard-completed-panel-polished .panel-title {
  margin: 0;
  font-size: 27px;
  color: #071a44;
}

.dashboard-completed-panel-polished .muted-text {
  margin-top: 8px;
  font-size: 18px;
}

.dashboard-completed-open-btn {
  width: 100%;
  min-height: 58px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border-radius: 18px !important;
  color: #2f66f3 !important;
  border-color: #2f66f3 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.dashboard-completed-btn-icon {
  font-size: 21px;
  line-height: 1;
}

.dashboard-empty-state-polished {
  border-radius: 28px !important;
}

@media (max-width: 768px) {
  .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 10px;
    padding: 24px 20px;
    border-radius: 28px;
  }

  .dashboard-welcome-title {
    font-size: 30px !important;
  }

  .dashboard-welcome-card .page-subtitle {
    font-size: 19px;
  }

  .dashboard-house-illustration {
    width: 118px;
  }

  .dashboard-projects-heading {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .dashboard-projects-heading h2 {
    font-size: 29px !important;
  }

  .dashboard-project-count-badge {
    min-width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .dashboard-create-project-btn {
    min-height: 62px;
    font-size: 19px !important;
  }

  .dashboard-project-card-polished {
    padding: 24px 20px !important;
  }

  .dashboard-project-title-row {
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 16px;
  }

  .dashboard-project-icon {
    width: 66px;
    height: 66px;
  }

  .dashboard-project-card-polished .dashboard-project-title {
    font-size: 26px !important;
  }

  .dashboard-project-stat {
    padding: 0 10px;
  }

  .dashboard-project-stat span {
    font-size: 15px;
  }

  .dashboard-project-stat strong {
    font-size: 18px;
  }

  .dashboard-project-card-polished .dashboard-open-project-btn {
    min-height: 58px;
    font-size: 18px !important;
  }

  .dashboard-project-card-polished .dashboard-project-progress-note {
    font-size: 16px !important;
  }

  .dashboard-warning-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 22px;
  }

  .dashboard-completed-panel-polished {
    padding: 24px 20px !important;
  }

  .dashboard-completed-main {
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 16px;
  }

  .dashboard-completed-icon {
    width: 66px;
    height: 66px;
  }
}

@media (max-width: 430px) {
  .dashboard-welcome-card {
    grid-template-columns: 1fr;
  }

  .dashboard-house-illustration {
    width: 135px;
    justify-self: end;
    margin-top: -8px;
  }

  .dashboard-project-card-polished .dashboard-project-title {
    font-size: 24px !important;
  }

  .dashboard-project-stats {
    gap: 0;
  }

  .dashboard-project-stat {
    padding: 0 7px;
  }

  .dashboard-project-stat span {
    font-size: 14px;
  }

  .dashboard-project-stat strong {
    font-size: 16px;
  }
}

/* Projects dashboard closer-to-mockup correction */

/* Top logo card - remove heavy blue outline */
body.settlelink-builder-open .builder-mobile-logo {
  min-height: 104px !important;
  margin: 0 0 22px !important;
  padding: 18px 22px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid rgba(216, 225, 244, 0.9) !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.10) !important;
}

body.settlelink-builder-open .builder-mobile-logo-image {
  max-width: min(260px, 70vw) !important;
  max-height: 56px !important;
}

/* Welcome card - keep the house on the right like the AI image */
.dashboard-welcome-card {
  grid-template-columns: minmax(0, 1fr) 150px !important;
  align-items: center !important;
  min-height: 230px !important;
  padding: 30px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

.dashboard-welcome-title {
  max-width: 520px !important;
  font-size: 37px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.055em !important;
}

.dashboard-welcome-card .page-subtitle {
  max-width: 460px !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.dashboard-house-illustration {
  width: 150px !important;
  align-self: end !important;
  justify-self: end !important;
  margin: 0 2px 10px 0 !important;
}

/* Projects heading spacing */
.dashboard-projects-heading {
  margin-top: 28px !important;
  margin-bottom: 18px !important;
}

.dashboard-create-project-btn {
  margin-top: 0 !important;
}

/* Project card icon - make it look less tiny */
.dashboard-project-icon .builder-sidebar-icon {
  width: 34px !important;
  height: 34px !important;
  transform: scale(1.22);
}

.dashboard-project-icon .icon-projects::before {
  left: 5px !important;
  top: 10px !important;
  width: 24px !important;
  height: 19px !important;
  border-width: 3px !important;
  border-radius: 5px !important;
}

.dashboard-project-icon .icon-projects::after {
  left: 11px !important;
  top: 4px !important;
  width: 13px !important;
  height: 9px !important;
  border-width: 3px !important;
  border-bottom: none !important;
}

/* Make cards slightly closer to the AI mockup */
.dashboard-project-card-polished,
.dashboard-completed-panel-polished {
  border-radius: 30px !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.10) !important;
}

.dashboard-project-card-polished {
  padding: 30px 26px !important;
}

.dashboard-project-title-row {
  grid-template-columns: 78px minmax(0, 1fr) !important;
}

.dashboard-project-icon,
.dashboard-completed-icon {
  width: 78px !important;
  height: 78px !important;
}

.dashboard-project-card-polished .dashboard-project-title {
  font-size: 31px !important;
}

.dashboard-project-stats {
  margin-top: 4px !important;
  margin-bottom: 26px !important;
}

.dashboard-project-stat strong {
  font-size: 22px !important;
}

.dashboard-project-card-polished .dashboard-open-project-btn {
  min-height: 66px !important;
  border-radius: 20px !important;
}

.dashboard-project-card-polished .dashboard-project-progress-track {
  height: 13px !important;
  border-radius: 999px !important;
}

.dashboard-warning-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
}

/* Completed project card polish */
.dashboard-completed-icon-green {
  font-size: 38px !important;
  font-family: Arial, sans-serif !important;
  line-height: 1 !important;
}

.dashboard-completed-open-btn {
  min-height: 62px !important;
}

/* Mobile correction - this is the important bit */
@media (max-width: 430px) {
  .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 112px !important;
    min-height: 220px !important;
    padding: 24px 20px !important;
    gap: 8px !important;
  }

  .dashboard-welcome-title {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .dashboard-welcome-card .page-subtitle {
    font-size: 19px !important;
    line-height: 1.36 !important;
  }

  .dashboard-house-illustration {
    width: 110px !important;
    margin: 0 0 12px 0 !important;
  }

  .dashboard-projects-heading {
    margin-top: 24px !important;
  }

  .dashboard-project-card-polished {
    padding: 26px 20px !important;
  }

  .dashboard-project-title-row {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }

  .dashboard-project-icon,
  .dashboard-completed-icon {
    width: 72px !important;
    height: 72px !important;
  }

  .dashboard-project-card-polished .dashboard-project-title {
    font-size: 28px !important;
  }

  .dashboard-project-stat strong {
    font-size: 18px !important;
  }

  .dashboard-warning-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
}

/* Restore Projects top logo blue banner + remove broken completed icon spacing */

body.settlelink-builder-open .builder-mobile-logo {
  border: 3px solid #2f66f3 !important;
  box-shadow: 0 16px 34px rgba(47, 102, 243, 0.12) !important;
}

.dashboard-completed-open-btn {
  gap: 0 !important;
}

.dashboard-completed-btn-icon {
  display: none !important;
}

/* Contacts page polished mockup bundle */

body.settlelink-builder-open .builder-mobile-logo {
  min-height: 104px !important;
  margin: 0 0 22px !important;
  padding: 18px 22px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid rgba(216, 225, 244, 0.9) !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.10) !important;
}

body.settlelink-builder-open .builder-mobile-logo-image {
  max-width: min(260px, 70vw) !important;
  max-height: 56px !important;
}

.contacts-page-shell {
  display: grid;
  gap: 18px;
}

.contacts-page-header {
  margin-bottom: 4px !important;
}

.contacts-page-header h1 {
  font-size: 38px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
}

.contacts-page-header .page-subtitle {
  max-width: 620px;
  font-size: 20px !important;
  line-height: 1.35 !important;
}

.contacts-form-panel {
  padding: 26px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 16px 34px rgba(15, 35, 75, 0.08) !important;
}

.contacts-form-title {
  margin: 0 0 22px;
  color: #071a44;
  font-size: 25px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.contacts-form-grid {
  gap: 20px !important;
}

.contacts-form-panel .field-group label {
  color: #334155;
  font-size: 16px;
  font-weight: 900;
}

.contacts-input-wrap {
  position: relative;
}

.contacts-input-wrap::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  opacity: 0.72;
  pointer-events: none;
}

.contacts-input-person::before {
  border: 3px solid #667795;
  border-top: none;
  border-radius: 999px 999px 8px 8px;
  width: 18px;
  height: 13px;
  top: 57%;
}

.contacts-input-person::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 21px;
  width: 10px;
  height: 10px;
  border: 3px solid #667795;
  border-radius: 999px;
  opacity: 0.72;
  pointer-events: none;
}

.contacts-input-briefcase::before {
  border: 3px solid #667795;
  border-radius: 5px;
  height: 16px;
}

.contacts-input-briefcase::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 19px;
  width: 10px;
  height: 6px;
  border: 3px solid #667795;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  opacity: 0.72;
  pointer-events: none;
}

.contacts-input-email::before {
  border: 3px solid #667795;
  border-radius: 5px;
  height: 16px;
}

.contacts-input-email::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 25px;
  width: 18px;
  height: 10px;
  border-left: 3px solid #667795;
  border-bottom: 3px solid #667795;
  transform: rotate(-45deg);
  opacity: 0.72;
  pointer-events: none;
}

.contacts-input-phone::before {
  width: 18px;
  height: 18px;
  border-left: 4px solid #667795;
  border-bottom: 4px solid #667795;
  border-radius: 0 0 0 12px;
  transform: translateY(-50%) rotate(-35deg);
}

.contacts-text-input {
  min-height: 58px !important;
  padding-left: 58px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #d5deec !important;
  box-shadow: none !important;
}

.contacts-save-row {
  margin-top: 24px !important;
}

.contacts-save-btn {
  width: 100%;
  min-height: 58px;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #245cf2 0%, #2f74ff 100%) !important;
  font-weight: 900 !important;
}

.contacts-saved-section {
  display: grid;
  gap: 12px;
}

.contacts-saved-title {
  margin: 4px 6px 0;
  color: #071a44;
  font-size: 23px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.contacts-list {
  gap: 14px !important;
}

.contacts-card {
  padding: 20px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 12px 26px rgba(15, 35, 75, 0.07) !important;
}

.contacts-card-main {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.contacts-avatar {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff7e8;
  color: #d66a00;
  border: 1px solid #ffe0a8;
  font-size: 23px;
  font-weight: 900;
}

.contacts-card:nth-child(even) .contacts-avatar {
  background: #e9f9ee;
  color: #21a247;
  border-color: #c8efcf;
}

.contacts-card-content {
  min-width: 0;
}

.contacts-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.contacts-card-title {
  margin: 0 !important;
  color: #071a44 !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
}

.contacts-card-trade {
  margin-top: 4px !important;
  font-size: 16px !important;
}

.contacts-card-status-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.contacts-card-menu {
  position: relative;
}

.contacts-card-menu summary {
  width: 30px;
  height: 30px;
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #71809f;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.contacts-card-menu summary::-webkit-details-marker {
  display: none;
}

.contacts-card-menu-panel {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 20;
  min-width: 160px;
  padding: 8px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #dfe7f4;
  box-shadow: 0 18px 34px rgba(15, 35, 75, 0.14);
}

.contacts-card-menu-action {
  width: 100%;
  border: none;
  background: transparent;
  color: #dc2626;
  padding: 10px 12px;
  text-align: left;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.contacts-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #667795;
  font-size: 14px;
  line-height: 1.4;
}

.contacts-card-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.contacts-card-meta-email::before,
.contacts-card-meta-phone::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  opacity: 0.75;
}

.contacts-card-meta-email::before {
  border: 2px solid currentColor;
  border-radius: 3px;
}

.contacts-card-meta-phone::before {
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  border-radius: 0 0 0 8px;
  transform: rotate(-35deg);
}

.contacts-card-meta-dot {
  color: #9aa7bd;
}

.contacts-card-empty-meta {
  margin-top: 8px !important;
  font-size: 14px !important;
}

.contacts-card-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 18px;
}

.contacts-card-actions:has(.copyContactSetupBtn) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.contacts-card-actions .secondary-btn {
  min-height: 48px;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #2f66f3 !important;
  border-color: #d5e1f4 !important;
  background: #ffffff !important;
}

.contacts-details-inner {
  padding-top: 16px;
}

.contacts-detail-actions {
  margin-top: 12px !important;
}

.contacts-setup-help {
  margin-top: 12px !important;
  font-size: 14px !important;
}

.contacts-edit-card {
  margin-top: 12px !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
}

.contacts-empty-panel {
  border-radius: 24px !important;
}

@media (max-width: 430px) {
  .contacts-page-header h1 {
    font-size: 34px !important;
  }

  .contacts-page-header .page-subtitle {
    font-size: 18px !important;
  }

  .contacts-form-panel {
    padding: 22px !important;
  }

  .contacts-form-title {
    font-size: 23px;
  }

  .contacts-card {
    padding: 18px !important;
  }

  .contacts-card-main {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
  }

  .contacts-avatar {
    width: 58px;
    height: 58px;
    font-size: 19px;
  }

  .contacts-card-title {
    font-size: 20px !important;
  }

  .contacts-card-trade {
    font-size: 15px !important;
  }

  .contacts-card-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .contacts-card-status-wrap {
    justify-content: flex-start;
  }

  .contacts-card-actions,
  .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: 1fr;
  }
}

/* Contacts page icon correction bundle */

/* Stop old hand-drawn CSS icons from showing */
.contacts-input-wrap::before,
.contacts-input-wrap::after,
.contacts-card-meta-email::before,
.contacts-card-meta-phone::before {
  border: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Clean centered input icons */
.contacts-input-wrap::before {
  left: 20px !important;
  top: 50% !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 0.72 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  transform: translateY(-50%) !important;
}

.contacts-input-wrap::after {
  display: none !important;
}

.contacts-input-person::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23667795' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M4.5 20C5.4 16.9 8.1 15 12 15C15.9 15 18.6 16.9 19.5 20' stroke='%23667795' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.contacts-input-briefcase::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V6C9 4.89543 9.89543 4 11 4H13C14.1046 4 15 4.89543 15 6V7' stroke='%23667795' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M5 7H19C20.1046 7 21 7.89543 21 9V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V9C3 7.89543 3.89543 7 5 7Z' stroke='%23667795' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M3 12H21' stroke='%23667795' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.contacts-input-email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20C21.1046 6 22 6.89543 22 8V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17V8C2 6.89543 2.89543 6 4 6Z' stroke='%23667795' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M3 8L12 14L21 8' stroke='%23667795' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.contacts-input-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 4.5L9.7 8.7C10.1 9.4 10 10.3 9.4 10.9L8.3 12C9.5 14.4 11.6 16.5 14 17.7L15.1 16.6C15.7 16 16.6 15.9 17.3 16.3L21.5 18.8C22.2 19.2 22.4 20.1 22 20.8C21.4 21.8 20.2 22.5 18.8 22.2C10.4 20.8 3.2 13.6 1.8 5.2C1.5 3.8 2.2 2.6 3.2 2C3.9 1.6 4.8 1.8 5.2 2.5Z' stroke='%23667795' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Clean small contact-card icons */
.contacts-card-meta-email::before,
.contacts-card-meta-phone::before {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  opacity: 0.75 !important;
}

.contacts-card-meta-email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20C21.1046 6 22 6.89543 22 8V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17V8C2 6.89543 2.89543 6 4 6Z' stroke='%23667795' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M3 8L12 14L21 8' stroke='%23667795' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.contacts-card-meta-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 4.5L9.7 8.7C10.1 9.4 10 10.3 9.4 10.9L8.3 12C9.5 14.4 11.6 16.5 14 17.7L15.1 16.6C15.7 16 16.6 15.9 17.3 16.3L21.5 18.8C22.2 19.2 22.4 20.1 22 20.8C21.4 21.8 20.2 22.5 18.8 22.2C10.4 20.8 3.2 13.6 1.8 5.2C1.5 3.8 2.2 2.6 3.2 2C3.9 1.6 4.8 1.8 5.2 2.5Z' stroke='%23667795' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Keep contact badge and dots aligned properly on mobile */
@media (max-width: 430px) {
  .contacts-card-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
  }

  .contacts-card-status-wrap {
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .contacts-card-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
  }

  .contacts-card-meta-dot {
    display: none !important;
  }
}

/* Bring back blue banner around SettleLink logo */
body.settlelink-builder-open .builder-mobile-logo {
  border: 4px solid #2f66f3 !important;
  box-shadow: 0 18px 38px rgba(47, 102, 243, 0.14) !important;
}

body.settlelink-builder-open .builder-mobile-logo-image {
  max-width: min(270px, 72vw) !important;
  max-height: 58px !important;
}

/* Projects page compact correction */

.dashboard-welcome-card {
  min-height: 170px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  margin-bottom: 20px !important;
}

.dashboard-welcome-title {
  font-size: 28px !important;
  line-height: 1.08 !important;
}

.dashboard-welcome-card .page-subtitle {
  font-size: 17px !important;
  line-height: 1.32 !important;
  margin-top: 10px !important;
}

.dashboard-house-illustration {
  width: 105px !important;
  margin-bottom: 4px !important;
}

.dashboard-projects-heading {
  margin-top: 18px !important;
  margin-bottom: 12px !important;
}

.dashboard-projects-heading h2 {
  font-size: 27px !important;
}

.dashboard-project-count-badge {
  min-width: 34px !important;
  height: 34px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
}

.dashboard-create-project-btn {
  min-height: 54px !important;
  border-radius: 16px !important;
  font-size: 18px !important;
}

.dashboard-create-plus {
  width: 26px !important;
  height: 26px !important;
  font-size: 22px !important;
}

.dashboard-project-card-polished {
  padding: 20px !important;
  border-radius: 24px !important;
}

.dashboard-project-card-polished .dashboard-project-card-top {
  margin-bottom: 18px !important;
}

.dashboard-project-title-row {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 14px !important;
}

.dashboard-project-icon {
  width: 58px !important;
  height: 58px !important;
}

.dashboard-project-icon .builder-sidebar-icon {
  width: 28px !important;
  height: 28px !important;
}

.dashboard-project-card-polished .dashboard-project-title {
  font-size: 25px !important;
}

.dashboard-project-stats {
  margin-bottom: 18px !important;
}

.dashboard-project-stat span {
  font-size: 14px !important;
}

.dashboard-project-stat strong {
  font-size: 17px !important;
}

.dashboard-project-card-polished .dashboard-open-project-btn {
  min-height: 52px !important;
  margin-bottom: 16px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
}

.dashboard-open-project-icon {
  font-size: 20px !important;
}

.dashboard-project-card-polished .dashboard-project-progress-track {
  height: 10px !important;
}

.dashboard-project-card-polished .dashboard-project-progress-note {
  margin-top: 16px !important;
  font-size: 15px !important;
  gap: 10px !important;
}

.dashboard-warning-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  font-size: 20px !important;
}

.dashboard-completed-panel-polished {
  padding: 20px !important;
  border-radius: 24px !important;
}

.dashboard-completed-main {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

.dashboard-completed-icon {
  width: 58px !important;
  height: 58px !important;
  font-size: 30px !important;
}

.dashboard-completed-panel-polished .panel-title {
  font-size: 24px !important;
}

.dashboard-completed-panel-polished .muted-text {
  font-size: 16px !important;
}

.dashboard-completed-open-btn {
  min-height: 52px !important;
  border-radius: 16px !important;
  font-size: 16px !important;
}

@media (max-width: 430px) {
  .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    min-height: 160px !important;
    padding: 20px !important;
  }

  .dashboard-welcome-title {
    font-size: 25px !important;
  }

  .dashboard-welcome-card .page-subtitle {
    font-size: 16px !important;
  }

  .dashboard-house-illustration {
    width: 90px !important;
  }

  .dashboard-project-card-polished {
    padding: 18px !important;
  }

  .dashboard-project-stat strong {
    font-size: 16px !important;
  }
}

/* Shared builder workspace header card */

.builder-workspace-page-card {
  margin: 0 0 26px !important;
  padding: 30px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.10) !important;
}

.builder-workspace-page-card h1 {
  margin-top: 14px !important;
  color: #071a44 !important;
  font-size: 42px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
}

.builder-workspace-page-card .page-subtitle {
  max-width: 620px !important;
  margin-top: 14px !important;
  color: #71809f !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
}

.builder-workspace-page-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  color: #2f66f3 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.045em !important;
}

.builder-workspace-page-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 3px solid currentColor;
  border-radius: 3px;
  box-shadow: inset 0 0 0 3px #ffffff;
}

/* Keep Projects welcome card using the same eyebrow icon */
.dashboard-welcome-card .builder-workspace-page-eyebrow {
  margin-bottom: 12px !important;
}

/* Contacts spacing after turning the header into a card */
.contacts-page-header.builder-workspace-page-card {
  margin-bottom: 18px !important;
}

.contacts-page-header.builder-workspace-page-card h1 {
  font-size: 40px !important;
}

/* Receipts and More spacing */
.receipts-page-header.builder-workspace-page-card,
.more-settings-header.builder-workspace-page-card {
  margin-bottom: 22px !important;
}

/* Remove older loose header spacing from polished Contacts rules */
.contacts-page-header {
  margin-bottom: 18px !important;
}

@media (max-width: 430px) {
  .builder-workspace-page-card {
    padding: 24px 20px !important;
    border-radius: 28px !important;
  }

  .builder-workspace-page-card h1 {
    font-size: 34px !important;
    line-height: 1.06 !important;
  }

  .builder-workspace-page-card .page-subtitle {
    font-size: 19px !important;
    line-height: 1.36 !important;
  }

  .builder-workspace-page-eyebrow {
    font-size: 14px !important;
    gap: 10px !important;
  }

  .builder-workspace-page-icon {
    width: 15px;
    height: 15px;
    border-width: 3px;
    border-radius: 3px;
  }

  .contacts-page-header.builder-workspace-page-card h1 {
    font-size: 34px !important;
  }
}

/* Builder workspace eyebrow icon correction */

.builder-workspace-page-icon {
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V6C9 4.89543 9.89543 4 11 4H13C14.1046 4 15 4.89543 15 6V7' stroke='%232f66f3' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M5 7H19C20.1046 7 21 7.89543 21 9V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V9C3 7.89543 3.89543 7 5 7Z' stroke='%232f66f3' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M3 12H21' stroke='%232f66f3' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

@media (max-width: 430px) {
  .builder-workspace-page-icon {
    width: 18px !important;
    height: 18px !important;
    background-size: 18px 18px !important;
  }
}

/* Receipts empty state: no receipts yet */

.receipts-no-records-panel {
  margin-top: 18px !important;
  padding: 24px 18px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  border: 1px solid #d7e1f1 !important;
  box-shadow: none !important;
  text-align: center !important;
}

.receipts-no-records-icon {
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  margin: 0 auto 10px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 34px 34px !important;
  opacity: 0.78 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2 12.2L12.2 7.3H21.8L24.8 12.2' stroke='%23667795' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 12.2H26.5L28.6 25.8C28.8 27.1 27.8 28.3 26.5 28.3H7.5C6.2 28.3 5.2 27.1 5.4 25.8L7.5 12.2Z' stroke='%23667795' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M11.3 20.2H13.5C14.2 22 15.5 22.9 17 22.9C18.5 22.9 19.8 22 20.5 20.2H22.7' stroke='%23667795' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.receipts-no-records-panel .panel-title {
  margin: 0 !important;
  color: #071a44 !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.receipts-no-records-panel .muted-text {
  max-width: 420px !important;
  margin: 8px auto 0 !important;
  color: #71809f !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

@media (max-width: 430px) {
  .receipts-no-records-panel {
    padding: 22px 16px !important;
  }

  .receipts-no-records-icon {
    width: 32px !important;
    height: 32px !important;
    background-size: 32px 32px !important;
  }

  .receipts-no-records-panel .panel-title {
    font-size: 18px !important;
  }

  .receipts-no-records-panel .muted-text {
    font-size: 14px !important;
  }
}

/* Project card initial badge */

.dashboard-project-initial-badge {
  width: 78px !important;
  height: 78px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #edf4ff !important;
  color: #2f66f3 !important;
  border: 1px solid #d7e5ff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 430px) {
  .dashboard-project-initial-badge {
    width: 72px !important;
    height: 72px !important;
    font-size: 26px !important;
  }
}

/* Legal Centre smaller cleaner sizing */

.legal-centre-page-clean {
  gap: 14px !important;
}

.legal-centre-clean-hero {
  min-height: 132px !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07) !important;
}

.legal-centre-clean-hero .eyebrow {
  margin-bottom: 6px !important;
  font-size: 13px !important;
}

.legal-centre-clean-hero h1 {
  font-size: clamp(30px, 4vw, 42px) !important;
  line-height: 1.02 !important;
  margin-bottom: 8px !important;
}

.legal-centre-clean-hero .page-subtitle {
  max-width: 520px !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
}

.legal-centre-shield-image {
  width: 86px !important;
  max-width: 86px !important;
  height: auto !important;
}

.legal-centre-mobile-docs,
.legal-centre-clean-panel,
.legal-centre-side-panel {
  padding: 18px !important;
  border-radius: 20px !important;
}

.legal-centre-card-grid,
.legal-centre-mobile-doc-grid,
.legal-centre-side-links {
  gap: 10px !important;
}

.legal-centre-card,
.legal-centre-side-link,
.legal-centre-download-link {
  min-height: 64px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.legal-centre-card-icon,
.legal-centre-document-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}

.legal-centre-card strong,
.legal-centre-side-link strong,
.legal-centre-download-link strong {
  font-size: 14px !important;
}

.legal-centre-card small,
.legal-centre-side-link small,
.legal-centre-download-link small {
  font-size: 12px !important;
}

.legal-centre-document-heading {
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.legal-centre-document-heading h2,
.legal-centre-mini-heading h2,
.legal-centre-docs-title-row h2 {
  font-size: 22px !important;
  line-height: 1.15 !important;
}

.legal-centre-short-note {
  padding: 12px 14px !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
}

.legal-centre-short-note strong {
  font-size: 14px !important;
}

.legal-centre-short-note p {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.legal-centre-clean-accordion details {
  border-radius: 14px !important;
}

.legal-centre-clean-accordion summary {
  padding: 12px 14px !important;
}

.legal-centre-clean-accordion summary span {
  width: 26px !important;
  height: 26px !important;
  font-size: 11px !important;
}

.legal-centre-clean-accordion summary strong {
  font-size: 15px !important;
}

.legal-centre-clean-accordion p {
  padding: 0 14px 13px 54px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

@media (max-width: 768px) {
  .legal-centre-page-clean {
    gap: 12px !important;
    padding-bottom: 140px !important;
  }

  .legal-centre-clean-hero {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .legal-centre-clean-hero h1 {
    font-size: 30px !important;
  }

  .legal-centre-clean-hero .page-subtitle {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .legal-centre-mobile-docs,
  .legal-centre-clean-panel {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .legal-centre-document-heading h2,
  .legal-centre-mini-heading h2,
  .legal-centre-docs-title-row h2 {
    font-size: 20px !important;
  }

  .legal-centre-clean-accordion summary {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    padding: 12px !important;
  }

  .legal-centre-clean-accordion summary strong {
    font-size: 15px !important;
  }

  .legal-centre-clean-accordion p {
    padding: 0 12px 12px !important;
    font-size: 13px !important;
  }
}

/* Legal Centre shield final image fix */

.legal-centre-clean-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: center !important;
  gap: 12px !important;
}

.legal-centre-hero-art {
  position: relative !important;
  width: 112px !important;
  height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  align-self: center !important;
  overflow: hidden !important;
  border-radius: 999px !important;
}

.legal-centre-hero-art::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(47, 102, 243, 0.20) 0%, rgba(47, 102, 243, 0.08) 42%, rgba(47, 102, 243, 0) 72%);
  z-index: 1;
}

.legal-centre-shield-image {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  width: 96px !important;
  max-width: 96px !important;
  height: 96px !important;
  object-fit: contain !important;
  opacity: 0.96 !important;
  transform: translateY(-14px) !important;
  filter: drop-shadow(0 12px 18px rgba(47, 102, 243, 0.20)) !important;
}

.legal-centre-clean-hero .page-subtitle {
  max-width: 330px !important;
}

@media (max-width: 430px) {
  .legal-centre-clean-hero {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 8px !important;
  }

  .legal-centre-hero-art {
    width: 92px !important;
    height: 92px !important;
  }

  .legal-centre-hero-art::before {
    inset: 6px;
  }

  .legal-centre-shield-image {
    width: 82px !important;
    max-width: 82px !important;
    height: 82px !important;
    transform: translateY(-12px) !important;
  }

  .legal-centre-clean-hero .page-subtitle {
    max-width: 270px !important;
  }
}

/* More page professional polish + shared count headings */

.builder-count-heading {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 4px 6px 14px;
}

.builder-count-heading h2,
.builder-count-heading h3 {
  margin: 0;
  color: #071a44;
  font-size: 31px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.builder-count-badge {
  min-width: 42px;
  height: 42px;
  padding: 0 13px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf4ff;
  color: #2f66f3;
  border: 1px solid #cfe0ff;
  font-size: 20px;
  font-weight: 900;
}

.receipts-count-heading {
  margin: 0;
}

.receipts-count-heading h3 {
  font-size: 25px;
}

.contacts-count-heading {
  margin-top: 6px;
}

/* More page header card */
.more-settings-header.builder-workspace-page-card {
  position: relative;
  min-height: 190px;
  padding: 30px 175px 30px 30px !important;
  overflow: hidden;
}

.more-settings-header.builder-workspace-page-card::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  width: 122px;
  height: 122px;
  transform: translateY(-50%);
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 122px 122px;
  filter: drop-shadow(0 16px 22px rgba(47, 102, 243, 0.14));
  opacity: 0.95;
  background-image: url("data:image/svg+xml,%3Csvg width='122' height='122' viewBox='0 0 122 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16' y='20' width='78' height='68' rx='18' fill='%23F3F7FF' stroke='%23D9E6FF' stroke-width='2'/%3E%3Cpath d='M42 70H68' stroke='%239CB2D4' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M42 58H76' stroke='%239CB2D4' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M82 44H72' stroke='%239CB2D4' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M82 56H72' stroke='%239CB2D4' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='52' cy='43' r='19' fill='%232F66F3'/%3E%3Cpath d='M52 28V34M52 52V58M37 43H43M61 43H67M41.4 32.4L45.6 36.6M58.4 49.4L62.6 53.6M62.6 32.4L58.4 36.6M45.6 49.4L41.4 53.6' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='86' cy='78' r='20' fill='%232F66F3'/%3E%3Cpath d='M86 76C90.1 76 93.4 72.7 93.4 68.6C93.4 64.5 90.1 61.2 86 61.2C81.9 61.2 78.6 64.5 78.6 68.6C78.6 72.7 81.9 76 86 76Z' fill='white' opacity='0.95'/%3E%3Cpath d='M73.5 94C75 86.8 79.8 83 86 83C92.2 83 97 86.8 98.5 94' fill='white' opacity='0.95'/%3E%3C/svg%3E");
}

.more-settings-header.builder-workspace-page-card h1,
.more-settings-header.builder-workspace-page-card .page-subtitle,
.more-settings-header.builder-workspace-page-card .builder-workspace-page-eyebrow {
  position: relative;
  z-index: 2;
}

.more-settings-header.builder-workspace-page-card .page-subtitle {
  max-width: 360px !important;
}

/* More page list card */
.more-settings-list {
  display: block !important;
  padding: 18px 26px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.09) !important;
}

.more-settings-section {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.more-settings-section:last-of-type {
  border-bottom: none !important;
}

.more-settings-row {
  min-height: 82px !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.more-settings-row-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f1f6ff !important;
  color: #2f66f3 !important;
}

.more-settings-row-icon .builder-sidebar-icon {
  width: 28px !important;
  height: 28px !important;
}

.more-settings-row-copy strong {
  color: #071a44 !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}

.more-settings-row-copy small {
  margin-top: 5px !important;
  color: #71809f !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.more-settings-row-arrow {
  color: #71809f !important;
  font-size: 36px !important;
  line-height: 1 !important;
  transform: none !important;
}

.more-settings-section[open] .more-settings-row-arrow {
  transform: rotate(90deg) !important;
}

.more-settings-content {
  padding: 0 0 18px 78px !important;
}

.more-settings-content .panel {
  border-radius: 22px !important;
  box-shadow: none !important;
}

/* Danger zone as a softer red row */
.more-settings-danger-section {
  margin-top: 16px !important;
  border-bottom: none !important;
  border-radius: 22px !important;
  background: #fff1f1 !important;
  border: 1px solid #ffd3d3 !important;
  overflow: hidden !important;
}

.more-settings-danger-section .more-settings-row {
  padding: 14px 16px !important;
}

.more-settings-row-icon-danger {
  background: #ffe3e3 !important;
  color: #dc2626 !important;
}

.more-settings-danger-section .more-settings-row-copy strong,
.more-settings-danger-section .more-settings-row-copy small,
.more-settings-danger-section .more-settings-row-arrow {
  color: #dc2626 !important;
}

/* Back home button */
.more-back-home-wrap {
  margin-top: 20px !important;
}

.more-back-home-btn {
  width: 100% !important;
  min-height: 62px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  color: #2f66f3 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(15, 35, 75, 0.06) !important;
}

.more-back-home-btn::before {
  content: "⌂";
  display: inline-block;
  margin-right: 12px;
  font-size: 24px;
  line-height: 1;
}

/* Make More active nav closer to the mockup */
.mobile-bottom-nav-link.active .mobile-bottom-nav-icon.icon-company::before,
.mobile-bottom-nav-link.active .mobile-bottom-nav-icon.icon-company::after {
  color: #2f66f3 !important;
}

/* Mobile sizing */
@media (max-width: 430px) {
  .builder-count-heading h2,
  .builder-count-heading h3 {
    font-size: 29px;
  }

  .builder-count-badge {
    min-width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .more-settings-header.builder-workspace-page-card {
    min-height: 178px;
    padding: 24px 128px 24px 20px !important;
  }

  .more-settings-header.builder-workspace-page-card::after {
    right: 16px;
    width: 98px;
    height: 98px;
    background-size: 98px 98px;
  }

  .more-settings-header.builder-workspace-page-card .page-subtitle {
    max-width: 250px !important;
  }

  .more-settings-list {
    padding: 14px 18px !important;
    border-radius: 28px !important;
  }

  .more-settings-row {
    min-height: 76px !important;
    grid-template-columns: 54px minmax(0, 1fr) 24px !important;
    gap: 12px !important;
    padding: 13px 0 !important;
  }

  .more-settings-row-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  .more-settings-row-icon .builder-sidebar-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .more-settings-row-copy strong {
    font-size: 20px !important;
  }

  .more-settings-row-copy small {
    font-size: 13px !important;
  }

  .more-settings-row-arrow {
    font-size: 31px !important;
  }

  .more-settings-content {
    padding: 0 0 16px 60px !important;
  }

  .more-settings-danger-section .more-settings-row {
    padding: 13px 14px !important;
  }

  .more-back-home-btn {
    min-height: 58px !important;
    font-size: 18px !important;
  }
}

/* More page clean dedicated icons */

.more-icon-box {
  position: relative !important;
  background: #f1f6ff !important;
  color: #2f66f3 !important;
}

.more-icon-box::before,
.more-icon-box::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
}

/* Account/person */
.more-icon-account::before {
  width: 14px;
  height: 14px;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  border: 3px solid currentColor;
  border-radius: 999px;
}

.more-icon-account::after {
  width: 26px;
  height: 16px;
  left: 50%;
  bottom: 11px;
  transform: translateX(-50%);
  border: 3px solid currentColor;
  border-top: none;
  border-radius: 0 0 14px 14px;
}

/* Payment card */
.more-icon-payment::before {
  width: 30px;
  height: 22px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid currentColor;
  border-radius: 6px;
}

.more-icon-payment::after {
  width: 18px;
  height: 3px;
  left: 17px;
  top: 26px;
  border-radius: 999px;
  background: currentColor;
}

/* Legal document */
.more-icon-legal::before,
.more-icon-compliance::before {
  width: 28px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid currentColor;
  border-radius: 6px;
}

.more-icon-legal::after {
  width: 15px;
  height: 3px;
  left: 22px;
  top: 22px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 8px 0 currentColor;
}

/* Share / people */
.more-icon-share::before {
  width: 12px;
  height: 12px;
  left: 16px;
  top: 15px;
  border: 3px solid currentColor;
  border-radius: 999px;
}

.more-icon-share::after {
  width: 22px;
  height: 15px;
  left: 11px;
  bottom: 12px;
  border: 3px solid currentColor;
  border-top: none;
  border-radius: 0 0 13px 13px;
  box-shadow: 15px 0 0 -6px #f1f6ff, 15px 0 0 -3px currentColor;
}

/* Security shield */
.more-icon-security::before {
  width: 28px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid currentColor;
  border-radius: 15px 15px 18px 18px;
  clip-path: polygon(50% 0%, 100% 18%, 100% 54%, 50% 100%, 0% 54%, 0% 18%);
}

.more-icon-security::after {
  width: 12px;
  height: 7px;
  left: 22px;
  top: 27px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(-45deg);
}

/* Appearance sliders */
.more-icon-appearance::before {
  width: 3px;
  height: 32px;
  left: 19px;
  top: 12px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 9px 0 0 currentColor, 18px 0 0 currentColor;
}

.more-icon-appearance::after {
  width: 9px;
  height: 9px;
  left: 16px;
  top: 18px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 9px 13px 0 currentColor, 18px 6px 0 currentColor;
}

/* Workspace folder */
.more-icon-workspace::before {
  width: 31px;
  height: 24px;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  border: 3px solid currentColor;
  border-radius: 5px;
}

.more-icon-workspace::after {
  width: 14px;
  height: 8px;
  left: 14px;
  top: 17px;
  border: 3px solid currentColor;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background: #f1f6ff;
}

/* Compliance clipboard check */
.more-icon-compliance::after {
  width: 13px;
  height: 8px;
  left: 22px;
  top: 27px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(-45deg);
}

/* Danger lock */
.more-icon-danger {
  background: #ffe3e3 !important;
  color: #dc2626 !important;
}

.more-icon-danger::before {
  width: 25px;
  height: 22px;
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
  border: 3px solid currentColor;
  border-radius: 6px;
}

.more-icon-danger::after {
  width: 16px;
  height: 14px;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  border: 3px solid currentColor;
  border-bottom: none;
  border-radius: 9px 9px 0 0;
}

/* Cleaner top More illustration */
.more-settings-header.builder-workspace-page-card::after {
  width: 108px !important;
  height: 108px !important;
  right: 24px !important;
  background-size: 108px 108px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='108' height='108' viewBox='0 0 108 108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='18' y='20' width='66' height='58' rx='16' fill='%23F4F8FF' stroke='%23D6E4FF' stroke-width='2'/%3E%3Cpath d='M62 43H74M62 55H74M31 66H56' stroke='%2393A8CB' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='43' cy='45' r='17' fill='%232F66F3'/%3E%3Cpath d='M43 34V39M43 51V56M32 45H37M49 45H54M35.2 37.2L38.7 40.7M47.3 49.3L50.8 52.8M50.8 37.2L47.3 40.7M38.7 49.3L35.2 52.8' stroke='white' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='78' cy='75' r='18' fill='%232F66F3'/%3E%3Ccircle cx='78' cy='67' r='6' fill='white'/%3E%3Cpath d='M66.5 88C68 81.8 72.3 78.8 78 78.8C83.7 78.8 88 81.8 89.5 88' fill='white'/%3E%3C/svg%3E") !important;
}

/* Bottom nav More icon as clean 4 dots */
.mobile-bottom-nav-icon.icon-company::before,
.mobile-bottom-nav-icon.icon-company::after,
.builder-sidebar-link[href="#builder/more"] .builder-sidebar-icon.icon-company::before,
.builder-sidebar-link[href="#builder/more"] .builder-sidebar-icon.icon-company::after {
  content: "";
  position: absolute;
  width: 7px !important;
  height: 7px !important;
  border: none !important;
  border-radius: 999px !important;
  background: currentColor !important;
  box-shadow: 12px 0 0 currentColor, 0 12px 0 currentColor, 12px 12px 0 currentColor !important;
  left: 5px !important;
  top: 5px !important;
  transform: none !important;
}

.mobile-bottom-nav-icon.icon-company::after,
.builder-sidebar-link[href="#builder/more"] .builder-sidebar-icon.icon-company::after {
  display: none !important;
}

@media (max-width: 430px) {
  .more-settings-header.builder-workspace-page-card::after {
    width: 92px !important;
    height: 92px !important;
    right: 16px !important;
    background-size: 92px 92px !important;
  }

  .more-icon-account::before {
    top: 11px;
  }

  .more-icon-account::after {
    bottom: 9px;
  }

  .more-icon-payment::after {
    left: 14px;
    top: 23px;
  }

  .more-icon-share::before {
    left: 14px;
    top: 13px;
  }

  .more-icon-share::after {
    left: 9px;
    bottom: 10px;
  }

  .more-icon-appearance::before {
    left: 16px;
    top: 10px;
  }

  .more-icon-appearance::after {
    left: 13px;
    top: 16px;
  }
}

/* More page icon recovery - replace broken CSS-drawn icons with clean SVG icons */

.more-icon-box::before,
.more-icon-box::after {
  display: none !important;
}

.more-icon-box {
  background-color: #f1f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30px 30px !important;
  color: #2f66f3 !important;
}

/* Account */
.more-icon-account {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.2 12 16 10.2 16 8C16 5.8 14.2 4 12 4C9.8 4 8 5.8 8 8C8 10.2 9.8 12 12 12Z' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M5 20C6 16.9 8.5 15.3 12 15.3C15.5 15.3 18 16.9 19 20' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Payment setup */
.more-icon-payment {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='6.5' width='17' height='12' rx='2.5' stroke='%232f66f3' stroke-width='2.4'/%3E%3Cpath d='M4.5 10H19.5' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M7 15H11' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Help and legal */
.more-icon-legal {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5H14L19 8.5V20.5H7C5.9 20.5 5 19.6 5 18.5V5.5C5 4.4 5.9 3.5 7 3.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5V8.5H19' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8.5 13H15.5M8.5 17H14' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Share / rewards */
.more-icon-share {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 10H19.5V20H4.5V10Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M3.5 7H20.5V10H3.5V7Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M12 7V20' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M12 7C10.5 4.5 8.4 3.8 7.2 4.7C5.9 5.7 6.7 7 8.3 7H12Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M12 7C13.5 4.5 15.6 3.8 16.8 4.7C18.1 5.7 17.3 7 15.7 7H12Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Security */
.more-icon-security {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5L19 6.2V11.3C19 15.8 16.2 19.8 12 21C7.8 19.8 5 15.8 5 11.3V6.2L12 3.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8.8 12L11.1 14.3L15.6 9.7' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Appearance */
.more-icon-appearance {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4V20M12 4V20M17 4V20' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M7 9H7.01M12 15H12.01M17 11H17.01' stroke='%232f66f3' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Workspace */
.more-icon-workspace {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.5H9L10.8 9.5H20V18.5C20 19.6 19.1 20.5 18 20.5H6C4.9 20.5 4 19.6 4 18.5V7.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M4 7.5V6.5C4 5.4 4.9 4.5 6 4.5H9.2L11 6.5H18C19.1 6.5 20 7.4 20 8.5V9.5' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Compliance */
.more-icon-compliance {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4.5H16C17.1 4.5 18 5.4 18 6.5V20.5H6V6.5C6 5.4 6.9 4.5 8 4.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M9 12.5L11.3 14.8L15.5 10.5' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 8H15' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Danger */
.more-icon-danger {
  background-color: #ffe3e3 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8C7 5.2 9.2 3 12 3C14.8 3 17 5.2 17 8V10' stroke='%23dc2626' stroke-width='2.4' stroke-linecap='round'/%3E%3Crect x='5' y='10' width='14' height='11' rx='2.5' stroke='%23dc2626' stroke-width='2.4'/%3E%3Cpath d='M12 14V17' stroke='%23dc2626' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Make icon boxes slightly softer like the AI mockup */
.more-settings-row-icon {
  border-radius: 18px !important;
}

/* Bottom mobile nav clean SVG icons */

.mobile-bottom-nav-icon,
.mobile-bottom-nav-icon.icon-dashboard,
.mobile-bottom-nav-icon.icon-subcontractors,
.mobile-bottom-nav-icon.icon-receipts,
.mobile-bottom-nav-icon.icon-company {
  width: 26px !important;
  height: 26px !important;
  display: inline-block !important;
  position: relative !important;
  background-color: currentColor !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 26px 26px !important;
  opacity: 1 !important;
  color: inherit !important;
}

.mobile-bottom-nav-icon::before,
.mobile-bottom-nav-icon::after,
.mobile-bottom-nav-icon.icon-dashboard::before,
.mobile-bottom-nav-icon.icon-dashboard::after,
.mobile-bottom-nav-icon.icon-subcontractors::before,
.mobile-bottom-nav-icon.icon-subcontractors::after,
.mobile-bottom-nav-icon.icon-receipts::before,
.mobile-bottom-nav-icon.icon-receipts::after,
.mobile-bottom-nav-icon.icon-company::before,
.mobile-bottom-nav-icon.icon-company::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}

/* Projects = folder */
.mobile-bottom-nav-icon.icon-dashboard {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.5C3.5 6.4 4.4 5.5 5.5 5.5H9.2L11 7.5H18.5C19.6 7.5 20.5 8.4 20.5 9.5V17.5C20.5 18.6 19.6 19.5 18.5 19.5H5.5C4.4 19.5 3.5 18.6 3.5 17.5V7.5Z' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.5C3.5 6.4 4.4 5.5 5.5 5.5H9.2L11 7.5H18.5C19.6 7.5 20.5 8.4 20.5 9.5V17.5C20.5 18.6 19.6 19.5 18.5 19.5H5.5C4.4 19.5 3.5 18.6 3.5 17.5V7.5Z' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Contacts = person */
.mobile-bottom-nav-icon.icon-subcontractors {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.2C14.25 12.2 16.1 10.35 16.1 8.1C16.1 5.85 14.25 4 12 4C9.75 4 7.9 5.85 7.9 8.1C7.9 10.35 9.75 12.2 12 12.2Z' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M5 20C6.1 16.7 8.55 15.1 12 15.1C15.45 15.1 17.9 16.7 19 20' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.2C14.25 12.2 16.1 10.35 16.1 8.1C16.1 5.85 14.25 4 12 4C9.75 4 7.9 5.85 7.9 8.1C7.9 10.35 9.75 12.2 12 12.2Z' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M5 20C6.1 16.7 8.55 15.1 12 15.1C15.45 15.1 17.9 16.7 19 20' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Receipts = receipt */
.mobile-bottom-nav-icon.icon-receipts {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.8H17C18.1 3.8 19 4.7 19 5.8V20.2L16.7 18.9L14.4 20.2L12 18.9L9.6 20.2L7.3 18.9L5 20.2V5.8C5 4.7 5.9 3.8 7 3.8Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M8.7 8.5H15.3M8.7 12H15.3M8.7 15.5H12.7' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.8H17C18.1 3.8 19 4.7 19 5.8V20.2L16.7 18.9L14.4 20.2L12 18.9L9.6 20.2L7.3 18.9L5 20.2V5.8C5 4.7 5.9 3.8 7 3.8Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M8.7 8.5H15.3M8.7 12H15.3M8.7 15.5H12.7' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* More = 4-dot grid */
.mobile-bottom-nav-icon.icon-company {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='2.6' fill='black'/%3E%3Ccircle cx='16' cy='8' r='2.6' fill='black'/%3E%3Ccircle cx='8' cy='16' r='2.6' fill='black'/%3E%3Ccircle cx='16' cy='16' r='2.6' fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='2.6' fill='black'/%3E%3Ccircle cx='16' cy='8' r='2.6' fill='black'/%3E%3Ccircle cx='8' cy='16' r='2.6' fill='black'/%3E%3Ccircle cx='16' cy='16' r='2.6' fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.mobile-bottom-nav-link {
  color: #71809f !important;
}

.mobile-bottom-nav-link.active {
  color: #2f66f3 !important;
}

.mobile-bottom-nav-link.active .mobile-bottom-nav-icon {
  color: #2f66f3 !important;
}

/* Dark mode builder screen repair */

body.settlelink-dark-mode {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.18), transparent 30%),
    linear-gradient(180deg, #071120 0%, #0b1220 52%, #101827 100%) !important;
  color: #f8fbff !important;
}

/* Top logo card */
body.settlelink-dark-mode.settlelink-builder-open .builder-mobile-logo {
  background: #0f172a !important;
  border-color: #2f66f3 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

/* Main dark cards */
body.settlelink-dark-mode .dashboard-welcome-card,
body.settlelink-dark-mode .builder-workspace-page-card,
body.settlelink-dark-mode .dashboard-project-card-polished,
body.settlelink-dark-mode .dashboard-completed-panel-polished,
body.settlelink-dark-mode .dashboard-empty-state-polished,
body.settlelink-dark-mode .contacts-form-panel,
body.settlelink-dark-mode .contacts-card,
body.settlelink-dark-mode .contacts-empty-panel,
body.settlelink-dark-mode .more-settings-list,
body.settlelink-dark-mode .panel,
body.settlelink-dark-mode .form-panel,
body.settlelink-dark-mode .receipt-card,
body.settlelink-dark-mode .receipts-no-records-panel,
body.settlelink-dark-mode .empty-panel {
  background: #101827 !important;
  border-color: #26364d !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
  color: #f8fbff !important;
}

/* Slightly lighter nested cards */
body.settlelink-dark-mode .contacts-edit-card,
body.settlelink-dark-mode .contacts-details-panel .panel,
body.settlelink-dark-mode .more-settings-content .panel,
body.settlelink-dark-mode .timeline-row,
body.settlelink-dark-mode .summary-line,
body.settlelink-dark-mode .notice-box {
  background: #0b1322 !important;
  border-color: #2c3d57 !important;
  color: #f8fbff !important;
}

/* Headings */
body.settlelink-dark-mode h1,
body.settlelink-dark-mode h2,
body.settlelink-dark-mode h3,
body.settlelink-dark-mode h4,
body.settlelink-dark-mode .panel-title,
body.settlelink-dark-mode .dashboard-welcome-title,
body.settlelink-dark-mode .dashboard-project-title,
body.settlelink-dark-mode .contacts-form-title,
body.settlelink-dark-mode .contacts-card-title,
body.settlelink-dark-mode .builder-count-heading h2,
body.settlelink-dark-mode .builder-count-heading h3,
body.settlelink-dark-mode .more-settings-row-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

/* Muted/body text */
body.settlelink-dark-mode .page-subtitle,
body.settlelink-dark-mode .muted-text,
body.settlelink-dark-mode .contacts-card-trade,
body.settlelink-dark-mode .contacts-card-meta,
body.settlelink-dark-mode .contacts-card-empty-meta,
body.settlelink-dark-mode .dashboard-project-stat span,
body.settlelink-dark-mode .more-settings-row-copy small,
body.settlelink-dark-mode .receipts-no-records-panel .muted-text,
body.settlelink-dark-mode .timeline-row span,
body.settlelink-dark-mode .summary-line span {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

/* Inputs */
body.settlelink-dark-mode .text-input,
body.settlelink-dark-mode .contacts-text-input,
body.settlelink-dark-mode select,
body.settlelink-dark-mode textarea {
  background: #0b1322 !important;
  border-color: #334766 !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .text-input::placeholder,
body.settlelink-dark-mode .contacts-text-input::placeholder,
body.settlelink-dark-mode textarea::placeholder {
  color: #7f90af !important;
  -webkit-text-fill-color: #7f90af !important;
}

/* Project card stats */
body.settlelink-dark-mode .dashboard-project-stat {
  border-color: #334766 !important;
}

body.settlelink-dark-mode .dashboard-project-stat strong {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .dashboard-project-paid {
  color: #4ade80 !important;
  -webkit-text-fill-color: #4ade80 !important;
}

body.settlelink-dark-mode .dashboard-project-outstanding {
  color: #fb923c !important;
  -webkit-text-fill-color: #fb923c !important;
}

/* Buttons */
body.settlelink-dark-mode .secondary-btn,
body.settlelink-dark-mode .dashboard-open-project-btn,
body.settlelink-dark-mode .contacts-card-actions .secondary-btn,
body.settlelink-dark-mode .dashboard-completed-open-btn,
body.settlelink-dark-mode .more-back-home-btn {
  background: #162033 !important;
  border-color: #334766 !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-dark-mode .primary-btn,
body.settlelink-dark-mode .dashboard-create-project-btn,
body.settlelink-dark-mode .contacts-save-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Count badges and avatar badges */
body.settlelink-dark-mode .builder-count-badge,
body.settlelink-dark-mode .dashboard-project-count-badge,
body.settlelink-dark-mode .dashboard-project-initial-badge {
  background: #eaf1ff !important;
  border-color: #cfe0ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-dark-mode .contacts-avatar {
  background: #eaf1ff !important;
  border-color: #cfe0ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Progress / empty receipt panels */
body.settlelink-dark-mode .dashboard-project-progress-track {
  background: #26364d !important;
}

body.settlelink-dark-mode .receipts-no-records-panel {
  background: #0b1322 !important;
}

/* More page */
body.settlelink-dark-mode .more-settings-section {
  border-color: #26364d !important;
}

body.settlelink-dark-mode .more-settings-row-arrow {
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
}

body.settlelink-dark-mode .more-settings-row-icon,
body.settlelink-dark-mode .more-icon-box {
  background-color: #eaf1ff !important;
  color: #2f66f3 !important;
}

/* Danger zone still readable */
body.settlelink-dark-mode .more-settings-danger-section {
  background: rgba(127, 29, 29, 0.30) !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
}

body.settlelink-dark-mode .more-settings-danger-section .more-settings-row-copy strong,
body.settlelink-dark-mode .more-settings-danger-section .more-settings-row-copy small,
body.settlelink-dark-mode .more-settings-danger-section .more-settings-row-arrow {
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}

body.settlelink-dark-mode .more-icon-danger {
  background-color: #fee2e2 !important;
}

/* Bottom nav */
body.settlelink-dark-mode .mobile-bottom-nav {
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: #334766 !important;
  box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link.active {
  background: #172554 !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link.active .mobile-bottom-nav-icon {
  color: #60a5fa !important;
}

/* Menu dropdowns */
body.settlelink-dark-mode .dashboard-project-menu-panel,
body.settlelink-dark-mode .contacts-card-menu-panel {
  background: #0b1322 !important;
  border-color: #334766 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36) !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action,
body.settlelink-dark-mode .contacts-card-menu-action {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action.is-danger,
body.settlelink-dark-mode .contacts-card-menu-action {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* Dark mode project menu readability fix */

body.settlelink-dark-mode .dashboard-project-menu-panel {
  background: #ffffff !important;
  border-color: #d8e2f2 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action {
  background: #ffffff !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-weight: 900 !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action:hover {
  background: #f1f6ff !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action.is-danger {
  background: #fff1f1 !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action.is-danger:hover {
  background: #ffe4e6 !important;
}

/* Remove white plus circle from Create Project button */
.dashboard-create-plus {
  display: none !important;
}

/* Dark mode project menu: keep dark, readable, not white */

body.settlelink-dark-mode .dashboard-project-menu-panel {
  background: #101827 !important;
  border: 1px solid #334766 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48) !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action {
  background: #162033 !important;
  border: 1px solid #334766 !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-weight: 900 !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action:hover {
  background: #1e2b44 !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action.is-danger {
  background: rgba(127, 29, 29, 0.35) !important;
  border-color: rgba(248, 113, 113, 0.42) !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

body.settlelink-dark-mode .dashboard-project-menu-action.is-danger:hover {
  background: rgba(153, 27, 27, 0.48) !important;
}

/* Dark mode project menu button itself */
body.settlelink-dark-mode .dashboard-project-menu {
  background: #eaf1ff !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Dark mode: project initials badge + 3-dot action button */

body.settlelink-dark-mode .dashboard-project-initial-badge {
  background: linear-gradient(180deg, #18243a 0%, #111a2c 100%) !important;
  border: 1px solid #2d466d !important;
  color: #4f86ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body.settlelink-dark-mode .dashboard-project-menu {
  background: #16233a !important;
  border: 1px solid #2d466d !important;
  color: #95a7c6 !important;
  -webkit-text-fill-color: #95a7c6 !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .dashboard-project-menu:hover {
  background: #1b2b46 !important;
  color: #dce8ff !important;
  -webkit-text-fill-color: #dce8ff !important;
}

body.settlelink-dark-mode .dashboard-project-menu:active {
  background: #223556 !important;
}

body.settlelink-dark-mode .dashboard-project-menu-panel {
  border-color: #2d466d !important;
}

/* Dark mode project badges, menus and completed tick */

body.settlelink-dark-mode .dashboard-project-initial-badge {
  background: #111c2f !important;
  border: 1px solid #334766 !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.08) !important;
}

body.settlelink-dark-mode .dashboard-project-menu {
  background: #111c2f !important;
  border: 1px solid #334766 !important;
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .dashboard-project-menu:hover {
  background: #16243a !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-dark-mode .dashboard-completed-icon-green {
  background: #10251b !important;
  border: 1px solid #245a3b !important;
  color: #4ade80 !important;
  -webkit-text-fill-color: #4ade80 !important;
  box-shadow: inset 0 0 0 1px rgba(74, 222, 128, 0.08) !important;
}

body.settlelink-dark-mode .dashboard-completed-icon-green::before,
body.settlelink-dark-mode .dashboard-completed-icon-green::after {
  color: #4ade80 !important;
  -webkit-text-fill-color: #4ade80 !important;
}

/* More page dark mode final polish */

body.settlelink-dark-mode .more-settings-header.builder-workspace-page-card {
  background: #101827 !important;
  border-color: #26364d !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30) !important;
}

body.settlelink-dark-mode .more-settings-header.builder-workspace-page-card h1 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-settings-header.builder-workspace-page-card .page-subtitle {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

/* Main More list card */
body.settlelink-dark-mode .more-settings-list {
  background: #101827 !important;
  border-color: #26364d !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30) !important;
}

body.settlelink-dark-mode .more-settings-section {
  border-bottom-color: #26364d !important;
  background: transparent !important;
}

body.settlelink-dark-mode .more-settings-row {
  background: transparent !important;
  border-bottom-color: #26364d !important;
}

/* Dark icon tiles */
body.settlelink-dark-mode .more-settings-row-icon,
body.settlelink-dark-mode .more-settings-row-icon.more-icon-box,
body.settlelink-dark-mode .more-icon-box {
  background-color: #142035 !important;
  border: 1px solid #334766 !important;
  color: #60a5fa !important;
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.08) !important;
}

/* More row text */
body.settlelink-dark-mode .more-settings-row-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-settings-row-copy small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-settings-row-arrow {
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
}

/* Opened section content */
body.settlelink-dark-mode .more-settings-content {
  color: #f8fbff !important;
}

body.settlelink-dark-mode .more-settings-content .panel,
body.settlelink-dark-mode .more-settings-content .more-stripe-panel,
body.settlelink-dark-mode .more-settings-content .more-security-panel,
body.settlelink-dark-mode .more-settings-content .more-appearance-panel,
body.settlelink-dark-mode .more-settings-content .more-workspace-panel,
body.settlelink-dark-mode .more-settings-content .more-danger-panel,
body.settlelink-dark-mode .more-settings-content .more-payment-setup-panel {
  background: #0b1322 !important;
  border-color: #334766 !important;
  color: #f8fbff !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-settings-content .panel-title,
body.settlelink-dark-mode .more-settings-content strong,
body.settlelink-dark-mode .more-settings-content label {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-settings-content .muted-text,
body.settlelink-dark-mode .more-settings-content p,
body.settlelink-dark-mode .more-settings-content small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

/* Danger zone dark mode */
body.settlelink-dark-mode .more-settings-danger-section {
  background: rgba(127, 29, 29, 0.34) !important;
  border: 1px solid rgba(248, 113, 113, 0.36) !important;
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.06) !important;
}

body.settlelink-dark-mode .more-settings-danger-section .more-settings-row {
  background: transparent !important;
}

body.settlelink-dark-mode .more-settings-row-icon-danger,
body.settlelink-dark-mode .more-icon-danger {
  background-color: rgba(127, 29, 29, 0.46) !important;
  border-color: rgba(248, 113, 113, 0.40) !important;
}

body.settlelink-dark-mode .more-settings-danger-section .more-settings-row-copy strong {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

body.settlelink-dark-mode .more-settings-danger-section .more-settings-row-copy small,
body.settlelink-dark-mode .more-settings-danger-section .more-settings-row-arrow {
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}

/* Back home button */
body.settlelink-dark-mode .more-back-home-btn {
  background: #101827 !important;
  border-color: #334766 !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22) !important;
}

body.settlelink-dark-mode .more-back-home-btn:hover {
  background: #162033 !important;
}

/* More page count badges if shown */
body.settlelink-dark-mode .builder-count-badge {
  background: #142035 !important;
  border-color: #334766 !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

/* Payment setup page - trustworthy dark mode rebuild */

.more-payment-settings-content {
  padding-left: 0 !important;
}

.more-payment-settings-content .more-payment-setup-panel {
  width: 100% !important;
  max-width: none !important;
}

body.settlelink-dark-mode .more-payment-settings-content {
  padding-left: 0 !important;
}

body.settlelink-dark-mode .more-payment-setup-panel {
  background:
    radial-gradient(circle at top right, rgba(47, 102, 243, 0.12), transparent 30%),
    linear-gradient(180deg, #101827 0%, #0b1322 100%) !important;
  border: 1px solid #334766 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30) !important;
  color: #f8fbff !important;
}

body.settlelink-dark-mode .more-payment-setup-top {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

body.settlelink-dark-mode .more-payment-setup-image-icon {
  width: 82px !important;
  height: 82px !important;
  border-radius: 24px !important;
  background: #111c2f !important;
  border: 1px solid #334766 !important;
  box-shadow:
    inset 0 0 0 1px rgba(96, 165, 250, 0.08),
    0 16px 30px rgba(0, 0, 0, 0.18) !important;
}

body.settlelink-dark-mode .more-payment-setup-shield-img {
  width: 54px !important;
  height: 54px !important;
  filter: drop-shadow(0 8px 14px rgba(47, 102, 243, 0.28)) !important;
}

body.settlelink-dark-mode .more-payment-setup-badge {
  background: rgba(74, 222, 128, 0.12) !important;
  border: 1px solid rgba(74, 222, 128, 0.25) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode .more-payment-setup-title {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
}

body.settlelink-dark-mode .more-payment-setup-subtitle {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
  font-size: 17px !important;
  line-height: 1.42 !important;
}

/* Status card */
body.settlelink-dark-mode .more-payment-status-card,
body.settlelink-dark-mode .more-payment-status-card[style] {
  margin-top: 20px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  background: #111c2f !important;
  border: 1px solid #334766 !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-payment-status-layout {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.settlelink-dark-mode .more-payment-status-check {
  width: 42px !important;
  height: 42px !important;
  background: #10251b !important;
  border: 1px solid #245a3b !important;
  color: #4ade80 !important;
  -webkit-text-fill-color: #4ade80 !important;
  font-size: 22px !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-payment-status-label {
  display: block !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body.settlelink-dark-mode .more-payment-status-value,
body.settlelink-dark-mode .more-payment-status-value[style] {
  margin-top: 8px !important;
  background: rgba(74, 222, 128, 0.12) !important;
  border: 1px solid rgba(74, 222, 128, 0.28) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode .more-payment-status-detail {
  margin-top: 14px !important;
  color: #cbd7ee !important;
  -webkit-text-fill-color: #cbd7ee !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 650 !important;
}

/* Trust box */
body.settlelink-dark-mode .more-payment-trust-box {
  margin-top: 18px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #0b1322 !important;
  border: 1px solid #334766 !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-payment-trust-box-left {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.settlelink-dark-mode .more-payment-trust-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 16px !important;
  background: #111c2f !important;
  border: 1px solid #334766 !important;
  color: #60a5fa !important;
}

body.settlelink-dark-mode .more-payment-trust-title {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

body.settlelink-dark-mode .more-payment-trust-text {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/* Button and info rows */
body.settlelink-dark-mode .more-payment-setup-btn {
  min-height: 56px !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.20) !important;
}

body.settlelink-dark-mode .more-payment-info-list {
  gap: 12px !important;
  margin-top: 16px !important;
}

body.settlelink-dark-mode .more-payment-info-row {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 10px !important;
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
}

body.settlelink-dark-mode .more-payment-info-dot {
  background: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-dark-mode .more-payment-info-dot-clock {
  background: #111c2f !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  border: 1px solid #334766 !important;
}

body.settlelink-dark-mode .more-payment-info-row a {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

/* Mobile tightening */
@media (max-width: 430px) {
  body.settlelink-dark-mode .more-payment-setup-panel {
    padding: 18px !important;
  }

  body.settlelink-dark-mode .more-payment-setup-top {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.settlelink-dark-mode .more-payment-setup-image-icon {
    width: 66px !important;
    height: 66px !important;
    border-radius: 20px !important;
  }

  body.settlelink-dark-mode .more-payment-setup-shield-img {
    width: 42px !important;
    height: 42px !important;
  }

  body.settlelink-dark-mode .more-payment-setup-title {
    font-size: 23px !important;
  }

  body.settlelink-dark-mode .more-payment-setup-subtitle {
    font-size: 15px !important;
  }

  body.settlelink-dark-mode .more-payment-status-card,
  body.settlelink-dark-mode .more-payment-trust-box {
    padding: 16px !important;
    border-radius: 20px !important;
  }
}

/* Share, feedback and rewards - clean builder friendly rebuild */

.more-share-content {
  padding-left: 0 !important;
}

.more-share-content .panel {
  border-radius: 28px !important;
}

.more-share-hero-panel {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.more-share-page-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px;
  gap: 16px;
  align-items: start;
  padding: 6px 2px 4px;
}

.more-share-page-heading .eyebrow {
  margin: 0 0 8px;
  color: #2f66f3;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.more-share-page-heading h2 {
  margin: 0;
  color: #071a44;
  font-size: 34px;
  line-height: 1.04;
  font-weight: 950;
  letter-spacing: -0.055em;
}

.more-share-page-heading .muted-text {
  margin-top: 12px;
  max-width: 520px;
  font-size: 18px;
  line-height: 1.4;
}

.more-share-gift-badge {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background-color: #f1f6ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 34px 34px;
  border: 1px solid #dfe7f4;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 10H19.5V20H4.5V10Z' stroke='%232f66f3' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M3.5 7H20.5V10H3.5V7Z' stroke='%232f66f3' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M12 7V20' stroke='%232f66f3' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M12 7C10.5 4.5 8.4 3.8 7.2 4.7C5.9 5.7 6.7 7 8.3 7H12Z' stroke='%232f66f3' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M12 7C13.5 4.5 15.6 3.8 16.8 4.7C18.1 5.7 17.3 7 15.7 7H12Z' stroke='%232f66f3' stroke-width='2.3' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.more-invite-card,
.referral-reward-box-clean,
.more-feedback-card {
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f4 !important;
  box-shadow: 0 16px 34px rgba(15, 35, 75, 0.07) !important;
}

.more-invite-top,
.more-feedback-top {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.more-invite-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background-color: #f1f6ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}

.more-invite-link-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 13.5L13.5 10.5' stroke='%232f66f3' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M8.8 15.2L7.3 16.7C5.8 18.2 3.4 18.2 1.9 16.7C0.4 15.2 0.4 12.8 1.9 11.3L5.2 8C6.7 6.5 9.1 6.5 10.6 8' stroke='%232f66f3' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M15.2 8.8L16.7 7.3C18.2 5.8 20.6 5.8 22.1 7.3C23.6 8.8 23.6 11.2 22.1 12.7L18.8 16C17.3 17.5 14.9 17.5 13.4 16' stroke='%232f66f3' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.more-feedback-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.5H19C20.1 5.5 21 6.4 21 7.5V15.5C21 16.6 20.1 17.5 19 17.5H11L6.5 20.5V17.5H5C3.9 17.5 3 16.6 3 15.5V7.5C3 6.4 3.9 5.5 5 5.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8 10H16M8 13H13' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.more-invite-card .panel-title,
.more-feedback-card .panel-title,
.referral-reward-clean-title-row h3 {
  margin: 0;
  color: #071a44;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.more-invite-card .muted-text,
.more-feedback-card .muted-text {
  margin-top: 8px;
  color: #52627d;
  font-size: 17px;
  line-height: 1.42;
  font-weight: 600;
}

.more-reward-trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  padding: 9px 12px;
  border-radius: 14px;
  background: #eaf8ef;
  color: #166534;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
}

.more-reward-trust-pill span {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #16a34a;
  color: #ffffff;
  font-size: 13px;
  flex: 0 0 auto;
}

.more-referral-link-area {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e4ebf5;
}

.more-referral-link-area label {
  display: block;
  margin-bottom: 8px;
  color: #52627d;
  font-size: 15px;
  font-weight: 800;
}

.more-referral-input-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px;
  align-items: center;
  border: 1px solid #cfd9e8;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
}

.more-referral-input {
  min-height: 54px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

.more-copy-mini-btn {
  height: 54px;
  border: none;
  border-left: 1px solid #dfe7f4;
  background: transparent;
  color: #64748b;
  font-weight: 900;
}

.more-share-button-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 124px;
  gap: 10px;
  margin-top: 14px;
}

.more-copy-link-btn,
.more-share-link-btn,
.more-feedback-btn {
  min-height: 56px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.more-share-link-btn {
  background: #ffffff !important;
  border: 1px solid #d5deec !important;
  color: #2f66f3 !important;
}

.more-referral-summary-box {
  margin-top: 14px;
}

.referral-reward-clean-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.referral-reward-title-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background-color: #f1f6ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V11M12 20V4M19 20V8' stroke='%232f66f3' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.referral-reward-stats-clean {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.referral-reward-stat-card {
  min-height: 92px;
  padding: 12px;
  border: 1px solid #dfe7f4;
  border-radius: 16px;
  background: #fbfdff;
}

.referral-reward-stat-card small {
  display: block;
  color: #64748b;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 750;
}

.referral-reward-stat-card strong {
  display: block;
  margin-top: 10px;
  color: #071a44;
  font-size: 26px;
  line-height: 1;
  font-weight: 950;
}

.referral-reward-helper-line {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 14px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.referral-info-dot {
  width: 23px;
  height: 23px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2f66f3;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  flex: 0 0 auto;
}

.more-feedback-card {
  margin-top: 14px !important;
}

.more-feedback-btn {
  width: 100%;
  margin-top: 16px;
}

.more-share-safe-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #dfe7f4;
  color: #52627d;
  font-weight: 750;
}

.more-share-safe-note span {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dcfce7;
  color: #15803d;
  font-weight: 950;
}

/* Dark mode for rebuilt Share / Feedback / Rewards */
body.settlelink-dark-mode .more-share-hero-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-share-page-heading h2,
body.settlelink-dark-mode .more-invite-card .panel-title,
body.settlelink-dark-mode .more-feedback-card .panel-title,
body.settlelink-dark-mode .referral-reward-clean-title-row h3,
body.settlelink-dark-mode .referral-reward-stat-card strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-share-page-heading .muted-text,
body.settlelink-dark-mode .more-invite-card .muted-text,
body.settlelink-dark-mode .more-feedback-card .muted-text,
body.settlelink-dark-mode .referral-reward-stat-card small,
body.settlelink-dark-mode .referral-reward-helper-line {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-share-gift-badge,
body.settlelink-dark-mode .more-invite-icon,
body.settlelink-dark-mode .referral-reward-title-icon {
  background-color: #142035 !important;
  border: 1px solid #334766 !important;
}

body.settlelink-dark-mode .more-invite-card,
body.settlelink-dark-mode .referral-reward-box-clean,
body.settlelink-dark-mode .more-feedback-card,
body.settlelink-dark-mode .more-share-safe-note {
  background: #101827 !important;
  border-color: #334766 !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .more-reward-trust-pill {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode .more-referral-link-area {
  border-top-color: #26364d !important;
}

body.settlelink-dark-mode .more-referral-link-area label {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-referral-input-wrap,
body.settlelink-dark-mode .referral-reward-stat-card {
  background: #0b1322 !important;
  border-color: #334766 !important;
}

body.settlelink-dark-mode .more-referral-input {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-copy-mini-btn {
  border-left-color: #334766 !important;
  color: #93c5fd !important;
}

body.settlelink-dark-mode .more-share-link-btn {
  background: #162033 !important;
  border-color: #334766 !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

body.settlelink-dark-mode .more-share-safe-note {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

/* Mobile tightening */
@media (max-width: 430px) {
  .more-share-page-heading {
    grid-template-columns: minmax(0, 1fr) 58px;
  }

  .more-share-page-heading h2 {
    font-size: 27px;
  }

  .more-share-page-heading .muted-text {
    font-size: 15px;
  }

  .more-share-gift-badge {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background-size: 28px 28px;
  }

  .more-invite-card,
  .referral-reward-box-clean,
  .more-feedback-card {
    padding: 16px !important;
  }

  .more-invite-top,
  .more-feedback-top {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
  }

  .more-invite-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background-size: 25px 25px;
  }

  .more-share-button-grid {
    grid-template-columns: 1fr;
  }

  .referral-reward-stats-clean {
    grid-template-columns: 1fr !important;
  }

  .referral-reward-stat-card {
    min-height: 74px;
  }
}

/* ===== AI-style polish: account info + payment setup heading ===== */

.more-account-settings-content,
.more-payment-settings-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.more-account-hero-panel,
.more-payment-hero-panel {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.more-account-page-heading,
.more-payment-page-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.more-account-page-heading .eyebrow,
.more-payment-page-heading .eyebrow {
  margin-bottom: 10px;
}

.more-account-page-heading h2,
.more-payment-page-heading h2 {
  margin: 0 0 10px;
  font-size: 52px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: #0d235a;
}

.more-account-page-heading .muted-text,
.more-payment-page-heading .muted-text {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  color: #7281a4;
  max-width: 680px;
}

.more-account-page-badge,
.more-payment-page-badge {
  width: 96px;
  height: 96px;
  border-radius: 28px;
  flex-shrink: 0;
  background-size: 34px 34px;
}

.more-account-card {
  padding: 22px 30px;
  border-radius: 30px;
  border: 1px solid #dbe3f0;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(13, 35, 90, 0.06);
}

.more-account-list {
  display: flex;
  flex-direction: column;
}

.more-account-row {
  padding: 22px 0;
  border-bottom: 1px solid #e7edf7;
}

.more-account-row:first-child {
  padding-top: 0;
}

.more-account-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.more-account-row-label {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7b89ab;
}

.more-account-row-value {
  display: block;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 800;
  color: #0d235a;
  word-break: break-word;
}

.more-account-placeholder {
  color: #2f66f3;
}

.more-account-helper-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  color: #7483a6;
}

.more-account-helper-icon,
.more-account-security-pill-icon {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 900;
}

.more-account-helper-icon {
  background: #eef4ff;
  color: #2f66f3;
}

.more-account-action-stack {
  margin-top: 0;
}

.more-account-change-btn {
  width: 100%;
  min-height: 68px;
  border-radius: 22px;
  font-size: 20px;
  font-weight: 800;
  box-shadow: 0 16px 36px rgba(47, 102, 243, 0.22);
}

.more-account-security-pill {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid #d8eddc;
  background: #f5fbf6;
  color: #39634a;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 700;
}

.more-account-security-pill-icon {
  background: #e5f7e9;
  color: #1f9b4b;
}

.more-payment-hero-panel {
  margin-bottom: 0;
}

.more-payment-page-badge {
  background-size: 34px 34px;
}

.more-payment-settings-content .more-payment-setup-panel {
  margin-top: 0;
}

/* Dark mode */
body.settlelink-dark-mode .more-account-page-heading h2,
body.settlelink-dark-mode .more-payment-page-heading h2 {
  color: #f4f7ff;
}

body.settlelink-dark-mode .more-account-page-heading .muted-text,
body.settlelink-dark-mode .more-payment-page-heading .muted-text {
  color: #a8b7d8;
}

body.settlelink-dark-mode .more-account-card {
  background: rgba(10, 22, 52, 0.92);
  border-color: rgba(102, 140, 222, 0.22);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
}

body.settlelink-dark-mode .more-account-row {
  border-bottom-color: rgba(110, 141, 216, 0.18);
}

body.settlelink-dark-mode .more-account-row-label {
  color: #90a5d3;
}

body.settlelink-dark-mode .more-account-row-value {
  color: #f4f7ff;
}

body.settlelink-dark-mode .more-account-placeholder {
  color: #7ea5ff;
}

body.settlelink-dark-mode .more-account-helper-note {
  color: #9fb0d6;
}

body.settlelink-dark-mode .more-account-helper-icon {
  background: rgba(47, 102, 243, 0.16);
  color: #7ea5ff;
}

body.settlelink-dark-mode .more-account-change-btn {
  box-shadow: 0 16px 36px rgba(7, 22, 61, 0.34);
}

body.settlelink-dark-mode .more-account-security-pill {
  background: rgba(22, 51, 32, 0.45);
  border-color: rgba(84, 179, 109, 0.26);
  color: #d9f2df;
}

body.settlelink-dark-mode .more-account-security-pill-icon {
  background: rgba(49, 168, 89, 0.18);
  color: #74e09b;
}

/* Mobile */
@media (max-width: 680px) {
  .more-account-page-heading h2,
  .more-payment-page-heading h2 {
    font-size: 34px;
    line-height: 1.02;
  }

  .more-account-page-heading .muted-text,
  .more-payment-page-heading .muted-text {
    font-size: 16px;
  }

  .more-account-page-badge,
  .more-payment-page-badge {
    width: 76px;
    height: 76px;
    border-radius: 24px;
    background-size: 28px 28px;
  }

  .more-account-card {
    padding: 18px 20px;
    border-radius: 24px;
  }

  .more-account-row {
    padding: 18px 0;
  }

  .more-account-row-value {
    font-size: 16px;
  }

  .more-account-change-btn {
    min-height: 60px;
    border-radius: 18px;
    font-size: 16px;
  }

  .more-account-security-pill {
    padding: 15px 16px;
    border-radius: 18px;
    font-size: 14px;
  }

  .more-account-helper-note {
    font-size: 14px;
  }

  .more-account-helper-icon,
  .more-account-security-pill-icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}

/* ===== More page: Help and legal polished card ===== */
@media (max-width: 768px) {
  .more-help-legal-content {
    padding: 14px 0 0 !important;
  }

  .more-help-legal-content .more-help-legal-card {
    overflow: hidden;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(47, 102, 243, 0.18) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 18px 38px rgba(19, 48, 97, 0.08) !important;
  }

  .more-help-legal-card-top {
    display: block !important;
    margin: 0 0 22px !important;
  }

  .more-help-legal-main-icon {
    display: none !important;
  }

  .more-help-legal-eyebrow {
    margin: 0 0 10px !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
  }

  .more-help-legal-card .panel-title {
    margin: 0 0 10px !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
  }

  .more-help-legal-card .muted-text {
    margin: 0 !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    letter-spacing: -0.015em !important;
  }

  .more-help-legal-actions {
    overflow: hidden !important;
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    border-radius: 22px !important;
    border: 1px solid rgba(47, 68, 110, 0.12) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 14px 30px rgba(19, 48, 97, 0.06) !important;
  }

  .more-help-legal-tile {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 22px !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 98px !important;
    padding: 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(47, 68, 110, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  .more-help-legal-tile:last-child {
    border-bottom: 0 !important;
  }

  .more-help-legal-tile-icon {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(47, 102, 243, 0.14) !important;
    background-color: rgba(239, 246, 255, 0.92) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
  }

  .more-help-legal-play-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='%232f66f3' stroke-width='2.4'/%3E%3Cpath d='M10.5 8.8L15.5 12L10.5 15.2V8.8Z' fill='%232f66f3'/%3E%3C/svg%3E") !important;
  }

  .more-help-legal-shield-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5L19 6V11.4C19 15.7 16.2 19.4 12 20.5C7.8 19.4 5 15.7 5 11.4V6L12 3.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M9 12L11 14L15.5 9.5' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }

  .more-help-legal-tile-copy strong {
    display: block !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
    font-size: 20px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
  }

  .more-help-legal-tile-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
  }

  .more-help-legal-tile-arrow {
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
  }

  .more-help-legal-note {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(47, 68, 110, 0.1) !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
  }

  .more-help-legal-note span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(47, 102, 243, 0.28) !important;
    background: rgba(239, 246, 255, 0.9) !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  body.settlelink-dark-mode .more-help-legal-content .more-help-legal-card {
    border-color: rgba(47, 102, 243, 0.38) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.14), transparent 34%),
      linear-gradient(180deg, rgba(8, 17, 36, 0.98), rgba(8, 17, 36, 0.94)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 22px 48px rgba(0, 0, 0, 0.24) !important;
  }

  body.settlelink-dark-mode .more-help-legal-eyebrow {
    color: #5f94ff !important;
    -webkit-text-fill-color: #5f94ff !important;
  }

  body.settlelink-dark-mode .more-help-legal-card .panel-title,
  body.settlelink-dark-mode .more-help-legal-tile-copy strong {
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
  }

  body.settlelink-dark-mode .more-help-legal-card .muted-text,
  body.settlelink-dark-mode .more-help-legal-tile-copy small,
  body.settlelink-dark-mode .more-help-legal-note {
    color: rgba(214, 225, 246, 0.78) !important;
    -webkit-text-fill-color: rgba(214, 225, 246, 0.78) !important;
  }

  body.settlelink-dark-mode .more-help-legal-actions {
    border-color: rgba(92, 118, 161, 0.32) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.1), transparent 40%),
      rgba(8, 18, 39, 0.58) !important;
    box-shadow: none !important;
  }

  body.settlelink-dark-mode .more-help-legal-tile {
    border-bottom-color: rgba(92, 118, 161, 0.22) !important;
    background: transparent !important;
  }

  body.settlelink-dark-mode .more-help-legal-tile-icon {
    border-color: rgba(47, 102, 243, 0.26) !important;
    background-color: rgba(18, 37, 82, 0.42) !important;
  }

  body.settlelink-dark-mode .more-help-legal-tile-arrow {
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
  }

  body.settlelink-dark-mode .more-help-legal-note {
    border-top-color: rgba(92, 118, 161, 0.24) !important;
  }

  body.settlelink-dark-mode .more-help-legal-note span {
    border-color: rgba(47, 102, 243, 0.4) !important;
    background: rgba(18, 37, 82, 0.45) !important;
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
  }
}

/* ===== More page: polished Security / Change password ===== */

.more-security-content {
  padding-left: 0 !important;
}

.more-security-panel-polished {
  position: relative !important;
  overflow: hidden !important;
  padding: 26px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 18px 42px rgba(13, 35, 90, 0.08) !important;
}

.more-security-topline {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: center !important;
}

.more-security-lock-icon {
  width: 78px !important;
  height: 78px !important;
  border-radius: 24px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background-color: #f1f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 38px 38px !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.12) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10' rx='2.5' stroke='%232f66f3' stroke-width='2.3'/%3E%3Cpath d='M8 10V8C8 5.8 9.8 4 12 4C14.2 4 16 5.8 16 8V10' stroke='%232f66f3' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M12 14V16' stroke='%232f66f3' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.more-security-title-copy {
  min-width: 0 !important;
}

.more-security-eyebrow {
  margin: 0 0 8px !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

.more-security-title-copy .panel-title {
  margin: 0 0 8px !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 31px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.05em !important;
}

.more-security-title-copy .muted-text {
  margin: 0 !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.more-security-divider {
  height: 1px !important;
  margin: 24px 0 !important;
  background: #e4ebf5 !important;
}

.more-security-grid {
  display: grid !important;
  gap: 20px !important;
  margin-top: 0 !important;
}

.more-security-field {
  display: grid !important;
  gap: 10px !important;
}

.more-security-field label {
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.more-password-input-wrap {
  position: relative !important;
}

.more-password-input-wrap .text-input {
  width: 100% !important;
  min-height: 62px !important;
  padding: 0 62px 0 20px !important;
  border-radius: 18px !important;
  border: 1px solid #d5deec !important;
  background: #ffffff !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

.more-password-input-wrap .text-input::placeholder {
  color: #8f9dbc !important;
  -webkit-text-fill-color: #8f9dbc !important;
}

.more-password-input-wrap .text-input:focus {
  border-color: rgba(47, 102, 243, 0.56) !important;
  box-shadow: 0 0 0 4px rgba(47, 102, 243, 0.12) !important;
}

.more-password-toggle {
  top: 50% !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  color: #2f66f3 !important;
  font-size: 0 !important;
  transform: translateY(-50%) !important;
}

.more-password-toggle::before {
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  margin: auto !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C4.7 7.7 8 5.5 12 5.5C16 5.5 19.3 7.7 21.5 12C19.3 16.3 16 18.5 12 18.5C8 18.5 4.7 16.3 2.5 12Z' stroke='%232f66f3' stroke-width='2.1' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.1' stroke='%232f66f3' stroke-width='2.1'/%3E%3C/svg%3E") !important;
}

.more-password-toggle.is-visible::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 3.5L20.5 20.5' stroke='%232f66f3' stroke-width='2.1' stroke-linecap='round'/%3E%3Cpath d='M9.2 5.9C10.1 5.6 11 5.5 12 5.5C16 5.5 19.3 7.7 21.5 12C20.8 13.4 19.9 14.6 18.9 15.5' stroke='%232f66f3' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.2 17.9C13.5 18.3 12.8 18.5 12 18.5C8 18.5 4.7 16.3 2.5 12C3.5 10.1 4.7 8.6 6.2 7.5' stroke='%232f66f3' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2 10.2C9.9 10.7 9.8 11.3 9.9 12C10.1 13.2 10.8 13.9 12 14.1C12.7 14.2 13.3 14.1 13.8 13.8' stroke='%232f66f3' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.more-security-reset-row {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid #e4ebf5 !important;
}

.more-security-reset-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background-color: #f1f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='3' stroke='%232f66f3' stroke-width='2.2'/%3E%3Cpath d='M4.5 8L12 13L19.5 8' stroke='%232f66f3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.more-security-reset-copy p {
  margin: 0 0 6px !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.more-security-reset-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  min-height: auto !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  text-align: left !important;
  box-shadow: none !important;
}

.more-security-reset-link span {
  font-size: 20px !important;
  line-height: 1 !important;
}

.more-security-change-btn {
  width: 100% !important;
  min-height: 66px !important;
  margin-top: 24px !important;
  border-radius: 20px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.24) !important;
}

.more-security-tip-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  margin-top: 24px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid #e0e8f5 !important;
  background: #fbfdff !important;
}

.more-security-tip-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background-color: #f1f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30px 30px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5L19 6.2V11.3C19 15.8 16.2 19.8 12 21C7.8 19.8 5 15.8 5 11.3V6.2L12 3.5Z' stroke='%232f66f3' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M8.8 12L11.1 14.3L15.6 9.7' stroke='%232f66f3' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.more-security-tip-card strong {
  display: block !important;
  margin: 0 0 3px !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.more-security-tip-card small {
  display: block !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

/* Dark mode */
body.settlelink-dark-mode .more-security-panel-polished {
  border-color: rgba(47, 102, 243, 0.34) !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(47, 102, 243, 0.18), transparent 32%),
    linear-gradient(180deg, #071120 0%, #091321 100%) !important;
  box-shadow: 0 0 0 1px rgba(47, 102, 243, 0.05), 0 20px 42px rgba(0, 0, 0, 0.2) !important;
}

body.settlelink-dark-mode .more-security-lock-icon,
body.settlelink-dark-mode .more-security-reset-icon,
body.settlelink-dark-mode .more-security-tip-icon {
  border-color: rgba(47, 102, 243, 0.32) !important;
  background-color: rgba(18, 37, 82, 0.58) !important;
  box-shadow: 0 0 26px rgba(47, 102, 243, 0.16) !important;
}

body.settlelink-dark-mode .more-security-eyebrow {
  color: #4f83ff !important;
  -webkit-text-fill-color: #4f83ff !important;
}

body.settlelink-dark-mode .more-security-title-copy .panel-title,
body.settlelink-dark-mode .more-security-field label,
body.settlelink-dark-mode .more-security-tip-card strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-security-title-copy .muted-text,
body.settlelink-dark-mode .more-security-reset-copy p,
body.settlelink-dark-mode .more-security-tip-card small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-security-divider {
  background: rgba(92, 118, 161, 0.24) !important;
}

body.settlelink-dark-mode .more-security-reset-row {
  border-top-color: rgba(92, 118, 161, 0.24) !important;
}

body.settlelink-dark-mode .more-password-input-wrap .text-input {
  background: rgba(9, 19, 33, 0.94) !important;
  border-color: rgba(92, 118, 161, 0.42) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-password-input-wrap .text-input::placeholder {
  color: #8fa2c8 !important;
  -webkit-text-fill-color: #8fa2c8 !important;
}

body.settlelink-dark-mode .more-password-input-wrap .text-input:focus {
  border-color: rgba(79, 131, 255, 0.72) !important;
  box-shadow: 0 0 0 4px rgba(47, 102, 243, 0.18) !important;
}

body.settlelink-dark-mode .more-security-reset-link {
  color: #4f83ff !important;
  -webkit-text-fill-color: #4f83ff !important;
}

body.settlelink-dark-mode .more-security-tip-card {
  border-color: rgba(92, 118, 161, 0.28) !important;
  background: rgba(8, 18, 32, 0.74) !important;
}

/* Mobile */
@media (max-width: 430px) {
  .more-security-panel-polished {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .more-security-topline {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .more-security-lock-icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 18px !important;
    background-size: 31px 31px !important;
  }

  .more-security-eyebrow {
    margin-bottom: 7px !important;
    font-size: 11px !important;
    letter-spacing: 0.2em !important;
  }

  .more-security-title-copy .panel-title {
    font-size: 25px !important;
  }

  .more-security-title-copy .muted-text {
    font-size: 15px !important;
  }

  .more-security-divider {
    margin: 20px 0 !important;
  }

  .more-security-grid {
    gap: 17px !important;
  }

  .more-security-field label {
    font-size: 15px !important;
  }

  .more-password-input-wrap .text-input {
    min-height: 58px !important;
    border-radius: 17px !important;
    font-size: 16px !important;
  }

  .more-security-reset-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding-top: 18px !important;
  }

  .more-security-reset-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    background-size: 26px 26px !important;
  }

  .more-security-reset-link {
    font-size: 15px !important;
  }

  .more-security-change-btn {
    min-height: 60px !important;
    margin-top: 22px !important;
    border-radius: 18px !important;
    font-size: 16px !important;
  }

  .more-security-tip-card {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .more-security-tip-icon {
    width: 48px !important;
    height: 48px !important;
    background-size: 28px 28px !important;
  }

  .more-security-tip-card strong {
    font-size: 15px !important;
  }

  .more-security-tip-card small {
    font-size: 13px !important;
  }
}

/* Security eyebrow colour fix */
body .more-security-panel-polished .more-security-eyebrow,
body.settlelink-dark-mode .more-security-panel-polished .more-security-eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* ===== More page: polished Appearance + Workspace ===== */

.more-appearance-content,
.more-workspace-content {
  padding-left: 0 !important;
}

.more-appearance-panel-polished {
  position: relative !important;
  overflow: hidden !important;
  padding: 26px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 18px 42px rgba(13, 35, 90, 0.08) !important;
}

.more-workspace-panel-polished {
  padding: 22px !important;
  border-radius: 30px !important;
  border: 1px solid #dbe3f0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 18px 42px rgba(13, 35, 90, 0.07) !important;
}

.more-appearance-eyebrow {
  margin: 0 0 18px !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
}

.more-appearance-heading {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  margin-bottom: 22px !important;
}

.more-appearance-heading h3 {
  margin: 0 !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -0.05em !important;
}

.more-appearance-heading p {
  margin: 8px 0 0 !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.more-appearance-mode-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 19px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  background-color: #eef4ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 32px 32px !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.10) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4V2.5M12 21.5V20M4 12H2.5M21.5 12H20M6.35 6.35L5.25 5.25M18.75 18.75L17.65 17.65M17.65 6.35L18.75 5.25M5.25 18.75L6.35 17.65' stroke='%232f66f3' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='4' stroke='%232f66f3' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.more-appearance-choice-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border: 1px solid #dbe5f4 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.more-appearance-choice {
  position: relative !important;
  min-height: 124px !important;
  padding: 18px 10px !important;
  border: 0 !important;
  border-right: 1px solid #dbe5f4 !important;
  background: transparent !important;
  color: #071a44 !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  cursor: pointer !important;
}

.more-appearance-choice:last-child {
  border-right: 0 !important;
}

.more-appearance-choice.is-selected {
  background: linear-gradient(180deg, #f3f8ff 0%, #edf5ff 100%) !important;
  outline: 2px solid #2f66f3 !important;
  outline-offset: -2px !important;
}

.more-appearance-choice.is-selected::after {
  content: "✓" !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #2f66f3 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 22px rgba(47, 102, 243, 0.24) !important;
}

.more-appearance-choice-icon {
  width: 38px !important;
  height: 38px !important;
  display: block !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 36px 36px !important;
}

.more-appearance-light-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4V2.5M12 21.5V20M4 12H2.5M21.5 12H20M6.35 6.35L5.25 5.25M18.75 18.75L17.65 17.65M17.65 6.35L18.75 5.25M5.25 18.75L6.35 17.65' stroke='%232f66f3' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='4' stroke='%232f66f3' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.more-appearance-dark-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 15.4C17.3 16.1 15.9 16.5 14.4 16.5C10.6 16.5 7.5 13.4 7.5 9.6C7.5 8.1 7.9 6.7 8.6 5.5C5.8 6.5 3.8 9.2 3.8 12.3C3.8 16.3 7.1 19.6 11.1 19.6C14.2 19.6 16.9 17.6 18.5 15.4Z' fill='%23071a44'/%3E%3C/svg%3E") !important;
}

.more-appearance-choice strong {
  display: block !important;
  margin-top: 9px !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.more-appearance-choice small {
  display: block !important;
  margin-top: 6px !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

.more-appearance-note {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 20px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg, #eef5ff 0%, #e8f1ff 100%) !important;
  color: #2f66f3 !important;
}

.more-appearance-note span {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #2f66f3 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  box-shadow: 0 12px 22px rgba(47, 102, 243, 0.22) !important;
}

.more-appearance-note strong {
  display: block !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 950 !important;
}

.more-appearance-note small {
  display: block !important;
  margin-top: 4px !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.more-appearance-option-list {
  margin-top: 22px !important;
  border-top: 1px solid #e1e8f3 !important;
}

.more-appearance-option-row {
  width: 100% !important;
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) auto auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e1e8f3 !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

.more-appearance-option-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  background-color: #eef4ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
}

.more-appearance-system-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4V2.5M12 21.5V20M4 12H2.5M21.5 12H20M6.35 6.35L5.25 5.25M18.75 18.75L17.65 17.65M17.65 6.35L18.75 5.25M5.25 18.75L6.35 17.65' stroke='%232f66f3' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='4' stroke='%232f66f3' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.more-appearance-text-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18L10 6H12L17 18' stroke='%232f66f3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 14H15' stroke='%232f66f3' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M17 11H21M19 9V17' stroke='%232f66f3' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.more-appearance-option-copy strong {
  display: block !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.more-appearance-option-copy small {
  display: block !important;
  margin-top: 4px !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.more-appearance-switch {
  width: 54px !important;
  height: 32px !important;
  border-radius: 999px !important;
  padding: 3px !important;
  display: block !important;
  background: #dbe5f4 !important;
  transition: background 0.2s ease !important;
}

.more-appearance-switch span {
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  display: block !important;
  background: #ffffff !important;
  box-shadow: 0 6px 12px rgba(13, 35, 90, 0.18) !important;
  transition: transform 0.2s ease !important;
}

.more-appearance-switch.is-on {
  background: #2f66f3 !important;
}

.more-appearance-switch.is-on span {
  transform: translateX(22px) !important;
}

.more-appearance-option-value {
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.more-appearance-option-arrow {
  color: #71809a !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
}

.more-appearance-main-btn {
  width: 100% !important;
  min-height: 60px !important;
  margin-top: 22px !important;
  border-radius: 19px !important;
  justify-content: center !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.24) !important;
}

/* Appearance dark mode polish */
body.settlelink-dark-mode .more-appearance-panel-polished {
  border-color: rgba(47, 102, 243, 0.34) !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(47, 102, 243, 0.18), transparent 32%),
    linear-gradient(180deg, #071120 0%, #091321 100%) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22) !important;
}

body.settlelink-dark-mode .more-appearance-eyebrow {
  color: #4f83ff !important;
  -webkit-text-fill-color: #4f83ff !important;
}

body.settlelink-dark-mode .more-appearance-heading h3,
body.settlelink-dark-mode .more-appearance-choice strong,
body.settlelink-dark-mode .more-appearance-note strong,
body.settlelink-dark-mode .more-appearance-option-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-appearance-heading p,
body.settlelink-dark-mode .more-appearance-choice small,
body.settlelink-dark-mode .more-appearance-note small,
body.settlelink-dark-mode .more-appearance-option-copy small,
body.settlelink-dark-mode .more-appearance-option-value {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-appearance-mode-icon,
body.settlelink-dark-mode .more-appearance-option-icon {
  border-color: rgba(47, 102, 243, 0.32) !important;
  background-color: rgba(18, 37, 82, 0.58) !important;
  box-shadow: 0 0 26px rgba(47, 102, 243, 0.14) !important;
}

body.settlelink-dark-mode .more-appearance-choice-grid {
  background: rgba(8, 18, 32, 0.74) !important;
  border-color: rgba(92, 118, 161, 0.28) !important;
}

body.settlelink-dark-mode .more-appearance-choice {
  border-right-color: rgba(92, 118, 161, 0.28) !important;
}

body.settlelink-dark-mode .more-appearance-choice.is-selected {
  background: rgba(21, 36, 59, 0.96) !important;
  outline-color: #2f66f3 !important;
}

body.settlelink-dark-mode .more-appearance-dark-icon {
  filter: invert(1) !important;
}

body.settlelink-dark-mode .more-appearance-note {
  background: rgba(18, 32, 53, 0.9) !important;
}

body.settlelink-dark-mode .more-appearance-option-list,
body.settlelink-dark-mode .more-appearance-option-row {
  border-color: rgba(92, 118, 161, 0.24) !important;
}

body.settlelink-dark-mode .more-appearance-switch {
  background: rgba(92, 118, 161, 0.36) !important;
}

body.settlelink-dark-mode .more-appearance-switch.is-on {
  background: #2f66f3 !important;
}

body.settlelink-dark-mode .more-appearance-option-arrow {
  color: #9ca8c3 !important;
}

/* Text size setting */
body.settlelink-large-text .more-settings-list .more-settings-row-copy strong,
body.settlelink-large-text .more-appearance-panel-polished h3,
body.settlelink-large-text .more-appearance-panel-polished strong {
  font-size: 1.08em !important;
}

body.settlelink-large-text .more-settings-list .more-settings-row-copy small,
body.settlelink-large-text .more-appearance-panel-polished p,
body.settlelink-large-text .more-appearance-panel-polished small {
  font-size: 1.06em !important;
}

/* Appearance mobile */
@media (max-width: 430px) {
  .more-appearance-panel-polished,
  .more-workspace-panel-polished {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .more-appearance-eyebrow {
    margin-bottom: 16px !important;
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
  }

  .more-appearance-heading {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
  }

  .more-appearance-mode-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    background-size: 28px 28px !important;
  }

  .more-appearance-heading h3 {
    font-size: 24px !important;
  }

  .more-appearance-heading p {
    font-size: 14px !important;
  }

  .more-appearance-choice {
    min-height: 106px !important;
    padding: 14px 8px !important;
  }

  .more-appearance-choice strong {
    font-size: 17px !important;
  }

  .more-appearance-choice small {
    font-size: 12px !important;
  }

  .more-appearance-choice.is-selected::after {
    top: 10px !important;
    right: 10px !important;
    width: 26px !important;
    height: 26px !important;
  }

  .more-appearance-note {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 13px !important;
  }

  .more-appearance-note span {
    width: 36px !important;
    height: 36px !important;
  }

  .more-appearance-option-row {
    grid-template-columns: 46px minmax(0, 1fr) auto auto !important;
    gap: 11px !important;
    min-height: 70px !important;
  }

  .more-appearance-option-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background-size: 25px 25px !important;
  }

  .more-appearance-option-copy strong {
    font-size: 15px !important;
  }

  .more-appearance-option-copy small {
    font-size: 12px !important;
  }

  .more-appearance-main-btn {
    min-height: 58px !important;
    border-radius: 18px !important;
    font-size: 16px !important;
  }
}

/* Appearance eyebrow colour and size fix */
body .more-appearance-panel-polished .more-appearance-eyebrow,
body.settlelink-dark-mode .more-appearance-panel-polished .more-appearance-eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0.2em !important;
  font-weight: 950 !important;
}

@media (max-width: 430px) {
  body .more-appearance-panel-polished .more-appearance-eyebrow,
  body.settlelink-dark-mode .more-appearance-panel-polished .more-appearance-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.19em !important;
  }
}

/* Workspace polished actions */

.more-workspace-panel-polished {
  display: grid;
  gap: 0;
  padding: 18px !important;
}

.more-workspace-action {
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 24px;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #e1e8f3;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.more-workspace-action:last-child {
  border-bottom: 0;
}

.more-workspace-action-icon {
  width: 50px;
  height: 50px;
  border-radius: 17px;
  display: block;
  background-color: #eef4ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 29px 29px;
}

.more-workspace-completed-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3.5H14L18 7.5V20.5H6.5V3.5Z' stroke='%232f66f3' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5V7.5H18' stroke='%232f66f3' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 12H15M9 15H13' stroke='%232f66f3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.more-workspace-clear-icon {
  background-color: #f4f6f9;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4H15M5 7H19M8 7V19H16V7' stroke='%23374656' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.5V16M14 10.5V16' stroke='%23374656' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.more-workspace-logout-icon {
  background-color: #fff0f0;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5H6.5C5.7 5 5 5.7 5 6.5V17.5C5 18.3 5.7 19 6.5 19H10' stroke='%23c83232' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%23c83232' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 12H9.5' stroke='%23c83232' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.more-workspace-action-copy strong {
  display: block;
  color: #071a44;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.more-workspace-action-copy small {
  display: block;
  margin-top: 4px;
  color: #667796;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 650;
}

.more-workspace-action-arrow {
  color: #71809a;
  font-size: 34px;
  line-height: 1;
  font-weight: 300;
}

.more-workspace-action.is-logout .more-workspace-action-copy strong,
.more-workspace-action.is-logout .more-workspace-action-arrow {
  color: #c83232;
}

/* Dark mode support */

body.settlelink-dark-mode .more-appearance-panel-polished,
body.settlelink-dark-mode .more-workspace-panel-polished {
  background: #101827 !important;
  border-color: #334766 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25) !important;
}

body.settlelink-dark-mode .more-appearance-heading h3,
body.settlelink-dark-mode .more-workspace-action-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-appearance-heading p,
body.settlelink-dark-mode .more-workspace-action-copy small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-appearance-mode-icon,
body.settlelink-dark-mode .more-workspace-action-icon {
  background-color: #142035 !important;
}

body.settlelink-dark-mode .more-appearance-choice-grid {
  background: #0b1322 !important;
  border-color: #334766 !important;
}

body.settlelink-dark-mode .more-appearance-choice {
  border-right-color: #334766 !important;
}

body.settlelink-dark-mode .more-appearance-choice.is-selected {
  background: #15243b !important;
  outline-color: #3b82f6 !important;
}

body.settlelink-dark-mode .more-appearance-choice strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-appearance-choice small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-appearance-dark-icon {
  filter: invert(1);
}

body.settlelink-dark-mode .more-appearance-note {
  background: #142035 !important;
}

body.settlelink-dark-mode .more-appearance-note strong {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

body.settlelink-dark-mode .more-appearance-note small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-workspace-action {
  border-bottom-color: #26364d !important;
}

body.settlelink-dark-mode .more-workspace-clear-icon {
  background-color: #172233 !important;
}

body.settlelink-dark-mode .more-workspace-logout-icon {
  background-color: rgba(200, 50, 50, 0.16) !important;
}

body.settlelink-dark-mode .more-workspace-action-arrow {
  color: #9ca8c3 !important;
}

body.settlelink-dark-mode .more-workspace-action.is-logout .more-workspace-action-copy strong,
body.settlelink-dark-mode .more-workspace-action.is-logout .more-workspace-action-arrow {
  color: #ff8b8b !important;
  -webkit-text-fill-color: #ff8b8b !important;
}

/* Mobile tightening */

@media (max-width: 430px) {
  .more-appearance-panel-polished,
  .more-workspace-panel-polished {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .more-appearance-heading {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
  }

  .more-appearance-mode-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background-size: 28px 28px;
  }

  .more-appearance-heading h3 {
    font-size: 22px;
  }

  .more-appearance-heading p {
    font-size: 14px;
  }

  .more-appearance-choice {
    min-height: 106px;
    padding: 14px 8px;
  }

  .more-appearance-choice strong {
    font-size: 17px;
  }

  .more-appearance-choice small {
    font-size: 12px;
  }

  .more-appearance-note {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 12px;
  }

  .more-appearance-note span {
    width: 32px;
    height: 32px;
  }

  .more-workspace-action {
    grid-template-columns: 50px minmax(0, 1fr) 20px;
    gap: 12px;
    min-height: 74px;
  }

  .more-workspace-action-icon {
    width: 44px;
    height: 44px;
    border-radius: 15px;
    background-size: 26px 26px;
  }

  .more-workspace-action-copy strong {
    font-size: 17px;
  }

  .more-workspace-action-copy small {
    font-size: 13px;
  }
}

/* =========================================
   DANGER ZONE REDESIGN
   ========================================= */

.more-danger-panel-redesign {
  padding: 18px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e4ebf7 !important;
  box-shadow: 0 14px 30px rgba(15, 35, 75, 0.08) !important;
}

.danger-delete-warning {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: flex-start;
  padding: 16px;
  border-radius: 20px;
  background: #fff5f5;
  border: 1px solid #ffd7d7;
}

.danger-delete-warning-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffe7e7;
  color: #ef4444;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.danger-delete-warning-copy p {
  margin: 0;
  color: #23365f;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 700;
}

.danger-delete-warning-strong {
  margin-top: 8px !important;
  color: #b91c1c !important;
  font-weight: 900 !important;
}

.danger-delete-summary-list {
  margin-top: 18px;
  border-top: 1px solid #e5edf8;
  border-bottom: 1px solid #e5edf8;
}

.danger-delete-summary-item {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid #e5edf8;
}

.danger-delete-summary-item:last-child {
  border-bottom: none;
}

.danger-delete-summary-icon {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f7ff;
  color: #2f66f3;
  position: relative;
  font-size: 22px;
  font-weight: 900;
}

.danger-delete-summary-icon-account::before {
  content: "@";
}

.danger-delete-summary-icon-delete::before {
  content: "−";
}

.danger-delete-summary-icon-keep::before {
  content: "✓";
}

.danger-delete-summary-copy small {
  display: block;
  margin-bottom: 6px;
  color: #7282a3;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
}

.danger-delete-summary-copy strong {
  display: block;
  color: #071a44;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 900;
}

.danger-delete-checks-title {
  margin: 20px 0 0;
  color: #071a44;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.danger-delete-form-grid {
  margin-top: 14px !important;
  gap: 14px !important;
}

.danger-delete-field-group label {
  color: #071a44 !important;
  font-weight: 900 !important;
}

.danger-delete-input-wrap {
  position: relative;
}

.danger-delete-input {
  min-height: 58px !important;
  border-radius: 18px !important;
  border: 1px solid #d7e0ee !important;
  background: #ffffff !important;
  color: #071a44 !important;
  padding-right: 88px !important;
  font-size: 18px !important;
}

.danger-delete-input::placeholder {
  color: #8a98b7 !important;
}

.danger-delete-password-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  min-width: 64px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid #d7e0ee;
  background: #f7faff;
  color: #2f66f3;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.danger-delete-password-toggle:hover {
  background: #eef4ff;
}

.danger-delete-help-text {
  margin: 14px 2px 0;
  color: #7282a3;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 700;
}

.danger-delete-actions {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.danger-delete-submit-btn {
  min-height: 58px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ff4747 0%, #ef2f2f 100%) !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 26px rgba(239, 47, 47, 0.22) !important;
}

.danger-delete-submit-btn:hover {
  filter: brightness(0.98);
}

.danger-delete-cancel-btn {
  min-height: 56px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #cfe0ff !important;
  color: #2f66f3 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.danger-delete-protected-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 4px 0;
  color: #7282a3;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 800;
}

.danger-delete-protected-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  flex: 0 0 34px;
  position: relative;
  background: #f2f7ff;
}

.danger-delete-protected-icon::before {
  content: "🛡";
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* Dark mode */
body.settlelink-dark-mode .more-danger-panel-redesign {
  background: #071327 !important;
  border: 1px solid #24385a !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .danger-delete-warning {
  background: rgba(239, 68, 68, 0.09) !important;
  border-color: rgba(239, 68, 68, 0.26) !important;
}

body.settlelink-dark-mode .danger-delete-warning-icon {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #ff7b7b !important;
}

body.settlelink-dark-mode .danger-delete-warning-copy p {
  color: #dce7ff !important;
}

body.settlelink-dark-mode .danger-delete-warning-strong {
  color: #ffd3d3 !important;
}

body.settlelink-dark-mode .danger-delete-summary-list {
  border-top-color: #203555 !important;
  border-bottom-color: #203555 !important;
}

body.settlelink-dark-mode .danger-delete-summary-item {
  border-bottom-color: #203555 !important;
}

body.settlelink-dark-mode .danger-delete-summary-icon {
  background: #0d1d38 !important;
  color: #70a0ff !important;
}

body.settlelink-dark-mode .danger-delete-summary-copy small,
body.settlelink-dark-mode .danger-delete-help-text,
body.settlelink-dark-mode .danger-delete-protected-note {
  color: #8ea2c8 !important;
}

body.settlelink-dark-mode .danger-delete-summary-copy strong,
body.settlelink-dark-mode .danger-delete-checks-title,
body.settlelink-dark-mode .danger-delete-field-group label {
  color: #f3f7ff !important;
}

body.settlelink-dark-mode .danger-delete-input {
  background: #071327 !important;
  border-color: #29456d !important;
  color: #f3f7ff !important;
}

body.settlelink-dark-mode .danger-delete-input::placeholder {
  color: #7b91b8 !important;
}

body.settlelink-dark-mode .danger-delete-password-toggle {
  background: #0d1d38 !important;
  border-color: #29456d !important;
  color: #dce7ff !important;
}

body.settlelink-dark-mode .danger-delete-cancel-btn {
  background: transparent !important;
  border-color: #29456d !important;
  color: #82a9ff !important;
}

body.settlelink-dark-mode .danger-delete-protected-icon {
  background: #0d1d38 !important;
}

/* Mobile */
@media (max-width: 430px) {
  .more-danger-panel-redesign {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .danger-delete-warning {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .danger-delete-warning-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 24px;
  }

  .danger-delete-warning-copy p {
    font-size: 15px;
  }

  .danger-delete-summary-item {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0;
  }

  .danger-delete-summary-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 19px;
  }

  .danger-delete-summary-copy strong {
    font-size: 16px;
  }

  .danger-delete-checks-title {
    font-size: 18px;
  }

  .danger-delete-input {
    min-height: 54px !important;
    font-size: 17px !important;
  }

  .danger-delete-submit-btn,
  .danger-delete-cancel-btn {
    min-height: 54px !important;
    font-size: 18px !important;
  }

  .danger-delete-protected-note {
    font-size: 14px;
  }
}

/* =========================================
   PROJECT DETAIL PAGE V2
   ========================================= */

.project-detail-header-v2 {
  margin-bottom: 18px;
}

.project-detail-eyebrow-v2 {
  color: #2f66f3 !important;
  letter-spacing: 0.16em;
}

.project-overview-card-v2,
.project-vat-card-v2,
.project-payment-summaries-card-v2 {
  border-radius: 28px !important;
  border: 1px solid rgba(47, 102, 243, 0.18) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff !important;
  box-shadow: 0 18px 40px rgba(15, 35, 75, 0.08) !important;
}

.project-section-title-v2 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.project-section-title-v2 h3 {
  margin: 0;
  color: #071a44;
  font-size: 24px;
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.project-section-icon-v2 {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #2f73ff 0%, #1559dc 100%);
  box-shadow: 0 12px 26px rgba(47, 102, 243, 0.22);
  color: #ffffff;
  flex: 0 0 46px;
  position: relative;
  font-weight: 900;
}

.project-section-icon-overview-v2::before {
  content: "";
  width: 21px;
  height: 21px;
  border: 3px solid currentColor;
  border-radius: 999px;
  box-sizing: border-box;
}

.project-section-icon-overview-v2::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 3px;
  background: currentColor;
  transform: translate(6px, -5px) rotate(90deg);
  border-radius: 999px;
}

.project-section-icon-summary-v2::before {
  content: "";
  width: 20px;
  height: 24px;
  border: 3px solid currentColor;
  border-radius: 5px;
  box-sizing: border-box;
}

.project-section-icon-summary-v2::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 3px;
  background: currentColor;
  border-radius: 999px;
  box-shadow: 0 7px 0 currentColor;
}

.project-overview-stats-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.project-overview-stat-v2 {
  min-height: 138px;
  padding: 18px 14px;
  border-radius: 20px;
  border: 1px solid #dbe6f5;
  background:
    linear-gradient(180deg, rgba(47, 102, 243, 0.04), rgba(47, 102, 243, 0.01)),
    #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}

.project-stat-icon-v2 {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #256dff, #124fcf);
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(47, 102, 243, 0.22);
  position: relative;
}

.project-stat-icon-wallet-v2::before {
  content: "";
  width: 22px;
  height: 15px;
  border: 3px solid currentColor;
  border-radius: 5px;
  box-sizing: border-box;
}

.project-stat-icon-value-v2::before {
  content: "↗";
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}

.project-stat-icon-paid-v2::before {
  content: "✓";
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.project-overview-stat-label-v2 {
  color: #7282a3;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

.project-overview-stat-v2 strong {
  color: #071a44;
  font-size: 26px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.project-overview-helper-v2,
.project-vat-helper-v2 {
  margin: 16px 0 0;
  color: #7282a3;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 700;
}

.project-info-dot-v2 {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid currentColor;
  font-size: 13px;
  font-weight: 900;
  vertical-align: middle;
}

.project-vat-list-v2 {
  border: 1px solid #dbe6f5;
  border-radius: 18px;
  overflow: hidden;
  background: #f8fbff;
}

.project-vat-row-v2 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #dbe6f5;
  color: #7282a3;
  font-size: 16px;
  font-weight: 800;
}

.project-vat-row-v2:last-child {
  border-bottom: none;
}

.project-vat-row-v2 strong {
  color: #071a44;
  font-weight: 950;
}

.project-vat-row-icon-v2 {
  color: #2f66f3;
  font-weight: 950;
}

.project-vat-helper-v2 a {
  color: #2f66f3;
  font-weight: 900;
}

.project-top-actions-v2 {
  display: grid !important;
  gap: 8px !important;
  margin: 10px 0 14px !important;
}

.project-action-btn-v2 {
  min-height: 56px !important;
  width: 100% !important;
  border-radius: 14px !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.project-action-primary-v2 {
  border: none !important;
  background: linear-gradient(180deg, #3575ff 0%, #2365f5 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.24) !important;
}

.project-action-icon-v2 {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  position: relative;
  font-weight: 900;
}

.project-action-icon-create-v2::before {
  content: "▣";
}

.project-action-icon-edit-v2::before {
  content: "✎";
}

.project-action-icon-delete-v2::before {
  content: "⌫";
  color: #ef4444;
}

.project-action-icon-complete-v2::before {
  content: "✓";
}

.project-action-icon-back-v2::before {
  content: "←";
  font-size: 26px;
}

.project-action-arrow-v2 {
  justify-self: end;
  font-size: 30px;
  line-height: 1;
  opacity: 0.8;
}

.project-action-danger-v2 {
  color: #ef4444 !important;
}

.project-payment-summaries-header-v2 {
  display: block !important;
}

.project-payment-summaries-header-v2 .project-section-title-v2 {
  margin-bottom: 4px;
}

.project-payment-summaries-controls {
  margin-top: 16px;
}

.project-payment-summaries-controls .text-input,
.project-payment-summaries-toggle {
  border-radius: 16px !important;
  min-height: 54px !important;
}

.project-payment-summaries-wrap .empty-panel,
.project-empty-payment-summary-card {
  text-align: center;
  border-radius: 22px !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
}

/* Dark mode */
body.settlelink-dark-mode .project-overview-card-v2,
body.settlelink-dark-mode .project-vat-card-v2,
body.settlelink-dark-mode .project-payment-summaries-card-v2 {
  background:
    radial-gradient(circle at 20% 0%, rgba(47, 102, 243, 0.16), transparent 34%),
    #081529 !important;
  border-color: #263d63 !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .project-section-title-v2 h3,
body.settlelink-dark-mode .project-overview-stat-v2 strong,
body.settlelink-dark-mode .project-vat-row-v2 strong {
  color: #f4f8ff !important;
}

body.settlelink-dark-mode .project-overview-stat-v2,
body.settlelink-dark-mode .project-vat-list-v2 {
  background: #0b1930 !important;
  border-color: #2b436b !important;
}

body.settlelink-dark-mode .project-overview-stat-label-v2,
body.settlelink-dark-mode .project-overview-helper-v2,
body.settlelink-dark-mode .project-vat-helper-v2,
body.settlelink-dark-mode .project-vat-row-v2 {
  color: #b8c7e6 !important;
}

body.settlelink-dark-mode .project-vat-row-v2 {
  border-bottom-color: #2b436b !important;
}

body.settlelink-dark-mode .project-action-btn-v2 {
  background: #101f34 !important;
  border-color: #2b436b !important;
  color: #eaf1ff !important;
}

body.settlelink-dark-mode .project-action-primary-v2 {
  background: linear-gradient(180deg, #3575ff 0%, #2365f5 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

body.settlelink-dark-mode .project-action-danger-v2,
body.settlelink-dark-mode .project-action-icon-delete-v2::before {
  color: #ff7b7b !important;
}

/* Mobile */
@media (max-width: 640px) {
  .project-overview-stats-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .project-overview-stat-v2 {
    min-height: 118px;
    padding: 12px 6px;
    border-radius: 16px;
  }

  .project-stat-icon-v2 {
    width: 40px;
    height: 40px;
  }

  .project-overview-stat-label-v2 {
    font-size: 12px;
    line-height: 1.2;
  }

  .project-overview-stat-v2 strong {
    font-size: 20px;
    line-height: 1.05;
  }

  .project-section-title-v2 h3 {
    font-size: 22px;
  }

  .project-action-btn-v2 {
    font-size: 17px !important;
  }
}

/* =========================================
   PROJECT DETAIL V2 — SVG MASK ICON CLEANUP
   Replaces broken CSS-drawn icons with stable SVG masks
   ========================================= */

.project-section-icon-v2,
.project-stat-icon-v2,
.project-action-icon-v2 {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  overflow: hidden !important;
  color: #ffffff;
}

.project-section-icon-v2::before,
.project-section-icon-v2::after,
.project-stat-icon-v2::before,
.project-stat-icon-v2::after,
.project-action-icon-v2::before,
.project-action-icon-v2::after {
  content: none !important;
  display: none !important;
}

.project-section-icon-v2::before,
.project-stat-icon-v2::before,
.project-action-icon-v2::before {
  content: "" !important;
  display: block !important;
  width: 24px;
  height: 24px;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Section: Project overview */
.project-section-icon-overview-v2::before {
  width: 28px;
  height: 28px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10h-3a7 7 0 1 1-7-7V2Zm2 0v8h8a10 10 0 0 0-8-8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10h-3a7 7 0 1 1-7-7V2Zm2 0v8h8a10 10 0 0 0-8-8Z'/%3E%3C/svg%3E");
}

/* Section: Payment summaries */
.project-section-icon-summary-v2::before {
  width: 27px;
  height: 27px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M6 2h12a2 2 0 0 1 2 2v18l-2.5-1.5L15 22l-3-1.8L9 22l-2.5-1.5L4 22V4a2 2 0 0 1 2-2Zm2 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M6 2h12a2 2 0 0 1 2 2v18l-2.5-1.5L15 22l-3-1.8L9 22l-2.5-1.5L4 22V4a2 2 0 0 1 2-2Zm2 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E");
}

/* Money you're owed */
.project-stat-icon-wallet-v2::before {
  width: 25px;
  height: 25px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 6h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a2 2 0 0 1 2-2h1Zm0 3v9h14V9H4Zm12 3h5v4h-5a2 2 0 0 1 0-4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 6h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a2 2 0 0 1 2-2h1Zm0 3v9h14V9H4Zm12 3h5v4h-5a2 2 0 0 1 0-4Z'/%3E%3C/svg%3E");
}

/* Project value */
.project-stat-icon-value-v2::before {
  width: 27px;
  height: 27px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5 10.5 11l4 4L22 7.5V13h-3V9.9l-4.5 4.6-4-4L6 20l-2-2.5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5 10.5 11l4 4L22 7.5V13h-3V9.9l-4.5 4.6-4-4L6 20l-2-2.5Z'/%3E%3C/svg%3E");
}

/* Paid so far */
.project-stat-icon-paid-v2::before {
  width: 27px;
  height: 27px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 13.7-4-4 2.1-2.1 1.9 1.9 4.8-4.8 2.1 2.1-6.9 6.9Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 13.7-4-4 2.1-2.1 1.9 1.9 4.8-4.8 2.1 2.1-6.9 6.9Z'/%3E%3C/svg%3E");
}

/* Create payment summary */
.project-action-icon-create-v2::before {
  width: 28px;
  height: 28px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h11l4 4v6h-3V7h-3V4H7v16h5v2H5V2Zm4 8h6v2H9v-2Zm0 4h5v2H9v-2Zm9 1v3h3v3h-3v3h-3v-3h-3v-3h3v-3h3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h11l4 4v6h-3V7h-3V4H7v16h5v2H5V2Zm4 8h6v2H9v-2Zm0 4h5v2H9v-2Zm9 1v3h3v3h-3v3h-3v-3h-3v-3h3v-3h3Z'/%3E%3C/svg%3E");
}

/* Edit project */
.project-action-icon-edit-v2::before {
  width: 26px;
  height: 26px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5V21h3.5L18.1 10.4l-3.5-3.5L4 17.5ZM20.7 7.8a1 1 0 0 0 0-1.4l-3.1-3.1a1 1 0 0 0-1.4 0l-1.5 1.5 3.5 3.5 1.5-1.5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5V21h3.5L18.1 10.4l-3.5-3.5L4 17.5ZM20.7 7.8a1 1 0 0 0 0-1.4l-3.1-3.1a1 1 0 0 0-1.4 0l-1.5 1.5 3.5 3.5 1.5-1.5Z'/%3E%3C/svg%3E");
}

/* Delete project */
.project-action-icon-delete-v2::before {
  width: 27px;
  height: 27px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M8 2h8l1 2h4v3H3V4h4l1-2Zm-3 7h14l-1 13H6L5 9Zm4 3v7h2v-7H9Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M8 2h8l1 2h4v3H3V4h4l1-2Zm-3 7h14l-1 13H6L5 9Zm4 3v7h2v-7H9Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E");
}

/* Move to completed projects */
.project-action-icon-complete-v2::before {
  width: 27px;
  height: 27px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.2 16.8 4.9 12.5 2.8 14.6l6.4 6.4L21.5 8.7l-2.1-2.1L9.2 16.8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.2 16.8 4.9 12.5 2.8 14.6l6.4 6.4L21.5 8.7l-2.1-2.1L9.2 16.8Z'/%3E%3C/svg%3E");
}

/* Back */
.project-action-icon-back-v2::before {
  width: 27px;
  height: 27px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M10 19 3 12l7-7 2.1 2.1L8.7 10.5H21v3H8.7l3.4 3.4L10 19Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M10 19 3 12l7-7 2.1 2.1L8.7 10.5H21v3H8.7l3.4 3.4L10 19Z'/%3E%3C/svg%3E");
}

/* Colours */
.project-action-primary-v2 .project-action-icon-v2 {
  color: #ffffff !important;
}

.project-action-danger-v2,
.project-action-danger-v2 .project-action-icon-v2 {
  color: #ef4444 !important;
}

body.settlelink-dark-mode .project-action-danger-v2,
body.settlelink-dark-mode .project-action-danger-v2 .project-action-icon-v2 {
  color: #ff7b7b !important;
}

/* Keep 3 overview cards next to each other */
.project-overview-stats-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 640px) {
  .project-overview-stats-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .project-overview-stat-v2 {
    min-width: 0 !important;
    padding: 14px 6px !important;
  }

  .project-overview-stat-label-v2 {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .project-overview-stat-v2 strong {
    font-size: 19px !important;
    line-height: 1.05 !important;
  }
}

/* =========================================
   PROJECT DETAIL V2 — FINAL REAL ICON RESET
   Keeps icons, removes broken CSS-drawn shapes
   ========================================= */

.project-section-icon-v2,
.project-stat-icon-v2,
.project-action-icon-v2 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  color: #ffffff !important;
}

.project-section-icon-v2::before,
.project-section-icon-v2::after,
.project-stat-icon-v2::before,
.project-stat-icon-v2::after,
.project-action-icon-v2::before,
.project-action-icon-v2::after {
  content: none !important;
  display: none !important;
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}

/* section blue circles */
.project-section-icon-v2 {
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #3178ff 0%, #1559dc 100%) !important;
  box-shadow: 0 14px 26px rgba(47, 102, 243, 0.22) !important;
}

.project-section-icon-v2::before {
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  background: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* overview icon */
.project-section-icon-overview-v2::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10h-3a7 7 0 1 1-7-7V2Zm2 0v8h8a10 10 0 0 0-8-8Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10h-3a7 7 0 1 1-7-7V2Zm2 0v8h8a10 10 0 0 0-8-8Z'/%3E%3C/svg%3E") !important;
}

/* VAT icon */
.project-section-icon-vat-v2::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7.5 4A3.5 3.5 0 1 0 7.5 11 3.5 3.5 0 0 0 7.5 4Zm9 9a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM18.8 4.9 5.2 19.1l2 1.9L20.8 6.8l-2-1.9Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7.5 4A3.5 3.5 0 1 0 7.5 11 3.5 3.5 0 0 0 7.5 4Zm9 9a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM18.8 4.9 5.2 19.1l2 1.9L20.8 6.8l-2-1.9Z'/%3E%3C/svg%3E") !important;
}

/* payment summaries icon */
.project-section-icon-summary-v2::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M6 2h12a2 2 0 0 1 2 2v18l-2.5-1.5L15 22l-3-1.8L9 22l-2.5-1.5L4 22V4a2 2 0 0 1 2-2Zm2 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M6 2h12a2 2 0 0 1 2 2v18l-2.5-1.5L15 22l-3-1.8L9 22l-2.5-1.5L4 22V4a2 2 0 0 1 2-2Zm2 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E") !important;
}

/* stat blue circles */
.project-stat-icon-v2 {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #3178ff 0%, #1559dc 100%) !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.project-stat-icon-v2::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.project-stat-icon-wallet-v2::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 6h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a2 2 0 0 1 2-2h1Zm0 3v9h14V9H4Zm12 3h5v4h-5a2 2 0 0 1 0-4Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 6h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a2 2 0 0 1 2-2h1Zm0 3v9h14V9H4Zm12 3h5v4h-5a2 2 0 0 1 0-4Z'/%3E%3C/svg%3E") !important;
}

.project-stat-icon-value-v2::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5 10.5 11l4 4L22 7.5V13h-3V9.9l-4.5 4.6-4-4L6 20l-2-2.5Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5 10.5 11l4 4L22 7.5V13h-3V9.9l-4.5 4.6-4-4L6 20l-2-2.5Z'/%3E%3C/svg%3E") !important;
}

.project-stat-icon-paid-v2::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 13.7-4-4 2.1-2.1 1.9 1.9 4.8-4.8 2.1 2.1-6.9 6.9Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 13.7-4-4 2.1-2.1 1.9 1.9 4.8-4.8 2.1 2.1-6.9 6.9Z'/%3E%3C/svg%3E") !important;
}

/* action icons */
.project-action-icon-v2 {
  width: 28px !important;
  height: 28px !important;
  background: currentColor !important;
  color: #2f66f3 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.project-action-primary-v2 .project-action-icon-v2 {
  color: #ffffff !important;
}

.project-action-danger-v2 .project-action-icon-v2 {
  color: #ef4444 !important;
}

body.settlelink-dark-mode .project-action-danger-v2 .project-action-icon-v2 {
  color: #ff7b7b !important;
}

.project-action-icon-create-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h11l4 4v6h-3V7h-3V4H7v16h5v2H5V2Zm4 8h6v2H9v-2Zm0 4h5v2H9v-2Zm9 1v3h3v3h-3v3h-3v-3h-3v-3h3v-3h3Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h11l4 4v6h-3V7h-3V4H7v16h5v2H5V2Zm4 8h6v2H9v-2Zm0 4h5v2H9v-2Zm9 1v3h3v3h-3v3h-3v-3h-3v-3h3v-3h3Z'/%3E%3C/svg%3E") !important;
}

.project-action-icon-edit-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5V21h3.5L18.1 10.4l-3.5-3.5L4 17.5ZM20.7 7.8a1 1 0 0 0 0-1.4l-3.1-3.1a1 1 0 0 0-1.4 0l-1.5 1.5 3.5 3.5 1.5-1.5Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 17.5V21h3.5L18.1 10.4l-3.5-3.5L4 17.5ZM20.7 7.8a1 1 0 0 0 0-1.4l-3.1-3.1a1 1 0 0 0-1.4 0l-1.5 1.5 3.5 3.5 1.5-1.5Z'/%3E%3C/svg%3E") !important;
}

.project-action-icon-delete-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M8 2h8l1 2h4v3H3V4h4l1-2Zm-3 7h14l-1 13H6L5 9Zm4 3v7h2v-7H9Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M8 2h8l1 2h4v3H3V4h4l1-2Zm-3 7h14l-1 13H6L5 9Zm4 3v7h2v-7H9Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E") !important;
}

.project-action-icon-complete-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.2 16.8 4.9 12.5 2.8 14.6l6.4 6.4L21.5 8.7l-2.1-2.1L9.2 16.8Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.2 16.8 4.9 12.5 2.8 14.6l6.4 6.4L21.5 8.7l-2.1-2.1L9.2 16.8Z'/%3E%3C/svg%3E") !important;
}

.project-action-icon-back-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M10 19 3 12l7-7 2.1 2.1L8.7 10.5H21v3H8.7l3.4 3.4L10 19Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M10 19 3 12l7-7 2.1 2.1L8.7 10.5H21v3H8.7l3.4 3.4L10 19Z'/%3E%3C/svg%3E") !important;
}

/* keep overview cards side by side */
.project-overview-stats-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.project-overview-stat-v2 {
  min-width: 0 !important;
}

@media (max-width: 640px) {
  .project-overview-stat-v2 {
    padding: 14px 5px !important;
  }

  .project-overview-stat-label-v2 {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .project-overview-stat-v2 strong {
    font-size: 19px !important;
    line-height: 1.05 !important;
  }
}

/* =========================================
   PROJECT DETAIL V2 — FINAL ICON FIX
   Fixes raw text duplication + centres symbols
   ========================================= */

.project-section-icon-overview-v2,
.project-stat-icon-wallet-v2,
.project-section-icon-vat-v2 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  color: #ffffff !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  font-size: 0 !important;
}

.project-section-icon-overview-v2::before,
.project-section-icon-overview-v2::after,
.project-stat-icon-wallet-v2::before,
.project-stat-icon-wallet-v2::after,
.project-section-icon-vat-v2::before,
.project-section-icon-vat-v2::after {
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Project overview icon */
.project-section-icon-overview-v2::before {
  content: "" !important;
  position: absolute !important;
  width: 25px !important;
  height: 25px !important;
  border: 5px solid currentColor !important;
  border-radius: 999px !important;
  background: transparent !important;
  inset: auto !important;
  transform: none !important;
}

.project-section-icon-overview-v2::after {
  content: "" !important;
  position: absolute !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  inset: auto !important;
  transform: none !important;
}

/* Money you're owed icon */
.project-stat-icon-wallet-v2::before {
  content: "£" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-1px) !important;
}

.project-stat-icon-wallet-v2::after {
  content: none !important;
  display: none !important;
}

/* Project VAT setting icon */
.project-section-icon-vat-v2::before {
  content: "%" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 29px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-1px) !important;
}

.project-section-icon-vat-v2::after {
  content: none !important;
  display: none !important;
}

/* =========================================
   PROJECT DETAIL V2 — REMOVE OVERVIEW HEADER ICON
   ========================================= */

.project-section-icon-overview-v2 {
  display: none !important;
}

.project-section-icon-overview-v2::before,
.project-section-icon-overview-v2::after {
  content: none !important;
  display: none !important;
}

/* =========================================
   CLIENT PAYMENT REVIEW V2
   ========================================= */

.client-payment-review-v2 {
  display: grid;
  gap: 14px;
  color: #102248;
}

.client-pay-header-v2 {
  margin-top: 8px;
}

.client-pay-eyebrow-v2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  color: #2f66f3;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.client-pay-header-v2 h1 {
  margin: 0;
  color: #102248;
  font-size: clamp(34px, 8vw, 46px);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.client-pay-header-v2 p:last-child {
  margin: 8px 0 0;
  color: #7181a6;
  font-size: 20px;
  line-height: 1.25;
}

.client-pay-amount-card-v2,
.client-pay-identity-card-v2,
.client-pay-breakdown-card-v2,
.client-pay-confirm-card-v2 {
  border: 1px solid #dfe8f6;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff;
  border-radius: 24px;
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08);
}

.client-pay-amount-card-v2 {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 18px;
  padding: 22px;
  overflow: hidden;
}

.client-pay-amount-card-v2::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: linear-gradient(180deg, #2f66f3, #0b7cff);
}

.client-pay-amount-icon-v2 {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 1px solid #d7e5ff;
  border-radius: 999px;
  background: #eef5ff;
  color: #2f66f3;
}

.client-pay-amount-card-v2 span {
  display: block;
  color: #7181a6;
  font-size: 18px;
  font-weight: 800;
}

.client-pay-amount-card-v2 strong {
  display: block;
  margin-top: 4px;
  color: #102248;
  font-size: clamp(40px, 11vw, 56px);
  line-height: 1;
  letter-spacing: -0.055em;
}

.client-pay-identity-card-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 18px;
  gap: 12px;
}

.client-pay-identity-item-v2 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.client-pay-identity-item-v2 + .client-pay-identity-item-v2 {
  border-left: 1px solid #dfe5f0;
  padding-left: 12px;
}

.client-pay-identity-item-v2 span:not(.client-pay-icon-bubble-v2):not(.client-pay-icon-v2) {
  display: block;
  color: #7181a6;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.client-pay-identity-item-v2 strong {
  display: block;
  margin-top: 4px;
  color: #102248;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.client-pay-icon-bubble-v2 {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #d7e5ff;
  border-radius: 999px;
  background: #eef5ff;
  color: #2f66f3;
  flex: 0 0 auto;
}

.client-pay-breakdown-card-v2 {
  padding: 20px 18px 14px;
}

.client-pay-breakdown-card-v2 h3,
.client-pay-secure-section-v2 h3,
.client-pay-confirm-card-v2 h3 {
  margin: 0 0 12px;
  color: #102248;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.client-pay-breakdown-row-v2 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 0;
  color: #102248;
  font-size: 16px;
  line-height: 1.25;
}

.client-pay-breakdown-row-v2 strong {
  font-weight: 900;
  white-space: nowrap;
}

.client-pay-breakdown-divider-v2 {
  height: 1px;
  margin: 8px 0;
  background: #dfe5f0;
}

.client-pay-breakdown-total-v2 {
  align-items: center;
  margin-top: 8px;
  padding: 14px;
  border-radius: 14px;
  background: linear-gradient(90deg, #eef5ff, #f8fbff);
  font-size: 18px;
  font-weight: 900;
}

.client-payment-review-v2 > .panel {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.client-payment-review-v2 > .panel details {
  border: 1px solid #dfe8f6;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 34, 72, 0.06);
  overflow: hidden;
}

.client-payment-review-v2 > .panel summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  color: #102248;
  list-style: none;
}

.client-payment-review-v2 > .panel summary::-webkit-details-marker {
  display: none;
}

.client-payment-review-v2 > .panel summary::before {
  content: "";
  width: 24px;
  height: 24px;
  background: #2f66f3;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M8 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm8.5 1a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7ZM1 20c.6-4 3.2-6.5 7-6.5s6.4 2.5 7 6.5H1Zm13.5 0c-.2-1.8-.8-3.3-1.8-4.6 1-.6 2.3-.9 3.8-.9 3.1 0 5.2 2.1 5.5 5.5h-7.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M8 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm8.5 1a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7ZM1 20c.6-4 3.2-6.5 7-6.5s6.4 2.5 7 6.5H1Zm13.5 0c-.2-1.8-.8-3.3-1.8-4.6 1-.6 2.3-.9 3.8-.9 3.1 0 5.2 2.1 5.5 5.5h-7.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.client-payment-review-v2 > .panel summary::after {
  content: "⌄";
  margin-left: auto;
  color: #102248;
  font-size: 20px;
  font-weight: 900;
}

.client-payment-review-v2 > .panel details > p,
.client-payment-review-v2 > .panel details > .detail-list {
  padding: 0 18px 14px;
}

.client-pay-secure-section-v2 {
  display: grid;
  gap: 12px;
}

.client-pay-secure-grid-v2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.client-pay-secure-tile-v2 {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 10px;
  min-height: 136px;
  padding: 16px 8px;
  border: 1px solid #dfe8f6;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.07);
  text-align: center;
}

.client-pay-secure-tile-v2 p {
  margin: 0;
  color: #102248;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.18;
}

.client-pay-confirm-card-v2 {
  padding: 20px 18px;
}

.client-pay-confirm-label-v2 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  color: #596b91;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
}

.client-pay-confirm-label-v2 input {
  width: 36px;
  height: 36px;
  margin: 0;
  border-radius: 8px;
  accent-color: #2f66f3;
}

.client-pay-receipt-note-v2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -2px 2px 0;
  color: #7181a6;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
}

.client-pay-actions-v2 {
  display: grid;
  gap: 12px;
}

.client-pay-primary-btn-v2,
.client-pay-secondary-btn-v2 {
  min-height: 58px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 900;
}

.client-pay-primary-btn-v2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #2f66f3, #0877ff);
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.24);
}

.client-pay-secondary-btn-v2 {
  background: #ffffff;
  border: 1px solid #2f66f3;
  color: #2f66f3;
}

.client-pay-mini-icon-v2,
.client-pay-icon-v2,
.client-pay-btn-lock-v2 {
  display: inline-block;
  background: currentColor;
  color: inherit;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.client-pay-mini-icon-v2 {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
}

.client-pay-icon-v2 {
  width: 24px;
  height: 24px;
}

.client-pay-amount-icon-v2 .client-pay-icon-v2 {
  width: 36px;
  height: 36px;
}

.client-pay-btn-lock-v2 {
  width: 22px;
  height: 22px;
  background: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm2 5v3h2v-3h-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm2 5v3h2v-3h-2Z'/%3E%3C/svg%3E");
}

.client-pay-icon-amount-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h10l4 4v16H5V2Zm9 1.8V7h3.2L14 3.8ZM8 10h3a3 3 0 0 1 0 6H9v2H7v-4h4a1 1 0 0 0 0-2H8v-2Zm8 8v2H8v-2h8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h10l4 4v16H5V2Zm9 1.8V7h3.2L14 3.8ZM8 10h3a3 3 0 0 1 0 6H9v2H7v-4h4a1 1 0 0 0 0-2H8v-2Zm8 8v2H8v-2h8Z'/%3E%3C/svg%3E");
}

.client-pay-icon-company-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 21V3h12v18h4v2H2v-2h2Zm3-14v2h2V7H7Zm4 0v2h2V7h-2Zm-4 4v2h2v-2H7Zm4 0v2h2v-2h-2Zm-4 4v2h2v-2H7Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 21V3h12v18h4v2H2v-2h2Zm3-14v2h2V7H7Zm4 0v2h2V7h-2Zm-4 4v2h2v-2H7Zm4 0v2h2v-2h-2Zm-4 4v2h2v-2H7Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E");
}

.client-pay-icon-project-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 11 12 3l9 8v10h-6v-6H9v6H3V11Zm2 1v7h2v-6h10v6h2v-7l-7-6.2L5 12Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 11 12 3l9 8v10h-6v-6H9v6H3V11Zm2 1v7h2v-6h10v6h2v-7l-7-6.2L5 12Z'/%3E%3C/svg%3E");
}

.client-pay-icon-summary-v2,
.client-pay-icon-receipt-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h10l4 4v16H5V2Zm9 1.8V7h3.2L14 3.8ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 2h10l4 4v16H5V2Zm9 1.8V7h3.2L14 3.8ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E");
}

.client-pay-icon-shield-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.2L6 6.4V11c0 3.8 2.4 7.3 6 8.8 3.6-1.5 6-5 6-8.8V6.4l-6-2.2Zm3.7 5.6 1.4 1.4-5.8 5.8-3.5-3.5 1.4-1.4 2.1 2.1 4.4-4.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.2L6 6.4V11c0 3.8 2.4 7.3 6 8.8 3.6-1.5 6-5 6-8.8V6.4l-6-2.2Zm3.7 5.6 1.4 1.4-5.8 5.8-3.5-3.5 1.4-1.4 2.1 2.1 4.4-4.4Z'/%3E%3C/svg%3E");
}

.client-pay-icon-lock-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm2 5v3h2v-3h-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm2 5v3h2v-3h-2Z'/%3E%3C/svg%3E");
}

.client-pay-icon-person-v2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9c.7-4.5 4-7 9-7s8.3 2.5 9 7H3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9c.7-4.5 4-7 9-7s8.3 2.5 9 7H3Z'/%3E%3C/svg%3E");
}

.client-pay-icon-info-v2 {
  color: #2f66f3;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M11 10h2v8h-2v-8Zm0-4h2v2h-2V6Zm1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M11 10h2v8h-2v-8Zm0-4h2v2h-2V6Zm1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z'/%3E%3C/svg%3E");
}

@media (max-width: 420px) {
  .client-pay-identity-card-v2 {
    gap: 8px;
    padding: 14px;
  }

  .client-pay-identity-item-v2 {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .client-pay-identity-item-v2 + .client-pay-identity-item-v2 {
    padding-left: 8px;
  }

  .client-pay-icon-bubble-v2 {
    width: 38px;
    height: 38px;
  }

  .client-pay-icon-v2 {
    width: 21px;
    height: 21px;
  }

  .client-pay-secure-tile-v2 {
    min-height: 126px;
    padding: 14px 6px;
  }

  .client-pay-secure-tile-v2 p {
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .client-pay-secure-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================
   CLIENT PAYMENT STEP + TERMS + LOGO POLISH
   ========================================= */

.client-pay-title-row-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.client-pay-title-row-v2 .client-pay-eyebrow-v2 {
  margin: 0;
}

.client-pay-step-pill-v2 {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eaf2ff;
  color: #2f66f3;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
}

.client-pay-confirm-label-v2 a {
  color: #2f66f3;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.brand-logo-full,
.client-top-logo-image {
  max-width: min(330px, 78vw) !important;
  max-height: 58px !important;
}

.client-top-logo-card {
  min-height: 92px !important;
  border: 4px solid #2f66f3 !important;
  border-radius: 28px !important;
}

@media (max-width: 420px) {
  .client-pay-title-row-v2 {
    align-items: flex-start;
  }

  .client-pay-step-pill-v2 {
    font-size: 12px;
    padding: 7px 10px;
  }

  .brand-logo-full,
  .client-top-logo-image {
    max-width: min(300px, 76vw) !important;
    max-height: 52px !important;
  }
}

/* =========================================
   CLIENT SUCCESS + RECEIPT POLISH
   ========================================= */

.settlelink-polished-header,
.client-receipt-header {
  text-align: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.settlelink-polished-header .eyebrow,
.client-receipt-header .eyebrow {
  color: #4d7cff;
  letter-spacing: 0.16em;
}

.settlelink-polished-header h1,
.client-receipt-header h1 {
  font-size: clamp(36px, 8vw, 52px);
  letter-spacing: -0.06em;
}

.settlelink-success-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  gap: 16px;
  padding: clamp(28px, 7vw, 46px) 22px;
  border: 1px solid #bdd3ff;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 10%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 20px 50px rgba(15, 34, 72, 0.08);
}

.settlelink-success-hero::after {
  content: "";
  position: absolute;
  left: -18%;
  right: -18%;
  bottom: -34%;
  height: 58%;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(47, 102, 243, 0.13), transparent 62%);
  transform: rotate(-4deg);
  pointer-events: none;
}

.settlelink-success-hero > * {
  position: relative;
  z-index: 1;
}

.settlelink-success-hero .client-success-mark {
  width: 96px;
  height: 96px;
  background: #eefaf1;
  color: #159947;
  border: 3px solid #159947;
  box-shadow: 0 0 0 18px rgba(21, 153, 71, 0.08);
  font-size: 54px;
}

.settlelink-success-hero .client-success-pill {
  margin: 4px auto 14px;
  background: #e7f8ec;
  color: #12833d;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: 14px;
}

.settlelink-success-hero .client-success-copy h3 {
  max-width: 720px;
  margin: 0 auto;
  font-size: clamp(30px, 7vw, 42px);
  line-height: 1.05;
}

.settlelink-success-hero .client-success-copy p {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.settlelink-success-hero .client-success-amount {
  text-align: center;
  min-width: 0;
}

.settlelink-success-hero .client-success-amount strong {
  font-size: clamp(52px, 13vw, 72px);
  color: #071b43;
}

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

.settlelink-info-grid .client-success-info-card {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 150px;
  padding: 18px 16px;
  border-radius: 22px;
  border-color: #d9e6ff;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.06);
}

.settlelink-info-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #edf4ff;
  color: #2563eb;
  font-weight: 900;
}

.settlelink-info-grid .client-success-info-card small {
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.settlelink-green-text {
  color: #0a7a3d !important;
}

.settlelink-next-card {
  border-color: #d8e5ff;
}

.settlelink-progress-list {
  display: grid;
  gap: 0;
  margin-top: 12px;
}

.settlelink-progress-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid var(--border);
}

.settlelink-progress-row:last-child {
  border-bottom: none;
}

.settlelink-progress-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #dcf7e6;
  color: #0b8f44;
  font-weight: 900;
}

.settlelink-progress-row strong {
  padding: 6px 14px;
  border-radius: 999px;
  background: #e4f8e8;
  color: #087a38;
  font-weight: 900;
}

.settlelink-trust-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
  border-color: #cfe0ff;
  background: #f7fbff;
}

.settlelink-trust-icon,
.settlelink-receipt-note-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eaf2ff;
  color: #2563eb;
  font-weight: 900;
}

.client-receipt-paid-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border-color: #8fd7aa;
  background: linear-gradient(135deg, #f4fff8 0%, #ffffff 100%);
  box-shadow: 0 18px 42px rgba(21, 153, 71, 0.08);
}

.client-receipt-paid-icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 3px solid #0b8f44;
  color: #0b8f44;
  font-size: 42px;
  font-weight: 900;
  background: #ffffff;
}

.client-receipt-paid-copy h3 {
  margin: 0;
  color: #087a38;
  font-size: clamp(24px, 6vw, 32px);
}

.client-receipt-paid-copy p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.client-receipt-paid-card > strong {
  color: #087a38;
  font-size: clamp(34px, 8vw, 46px);
  line-height: 1;
  white-space: nowrap;
}

.settlelink-receipt-card,
.settlelink-receipt-note-card,
.settlelink-receipt-details-card {
  border-color: #d9e6ff;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.06);
}

.settlelink-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.settlelink-card-title-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #edf4ff;
  color: #2563eb;
  font-weight: 900;
}

.settlelink-receipt-summary-list {
  display: grid;
  gap: 9px;
}

.settlelink-receipt-summary-row {
  display: grid;
  grid-template-columns: auto minmax(130px, 0.7fr) minmax(0, 1.3fr);
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid #dfe8f8;
  border-radius: 18px;
  background: #ffffff;
}

.settlelink-receipt-row-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #edf4ff;
  color: #2563eb;
  font-weight: 900;
}

.settlelink-receipt-summary-row span:not(.settlelink-receipt-row-icon),
.settlelink-breakdown-row span,
.settlelink-details-row span {
  color: var(--muted);
  font-weight: 800;
}

.settlelink-receipt-summary-row strong,
.settlelink-breakdown-row strong,
.settlelink-details-row strong {
  color: var(--text-strong);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.settlelink-breakdown-list,
.settlelink-details-list {
  display: grid;
  gap: 0;
}

.settlelink-breakdown-row,
.settlelink-details-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}

.settlelink-breakdown-row:last-child,
.settlelink-details-row:last-child {
  border-bottom: none;
}

.settlelink-breakdown-total span,
.settlelink-breakdown-total strong {
  color: #2563eb;
  font-size: 18px;
}

.settlelink-receipt-note-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  background: #f7fbff;
}

.settlelink-receipt-note-card .panel-title {
  margin-bottom: 6px;
}

.settlelink-ui-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 4px;
}

.settlelink-ui-actions .settlelink-ui-action {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 44px 1fr 24px;
  align-items: center;
  gap: 10px;
  border-radius: 18px;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}

.settlelink-ui-action-icon {
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 19px;
}

.settlelink-ui-action-arrow {
  display: grid;
  place-items: center;
  font-size: 30px;
  line-height: 1;
}

.settlelink-ui-actions .settlelink-ui-action-primary {
  background: linear-gradient(135deg, #1d5ff4 0%, #2f66f3 100%);
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.22);
}

.settlelink-ui-actions .secondary-btn {
  background: #ffffff;
  border: 1px solid #2f66f3;
  color: #2563eb;
}

body.settlelink-dark-mode .settlelink-success-hero,
body.settlelink-dark-mode .client-receipt-paid-card,
body.settlelink-dark-mode .settlelink-receipt-card,
body.settlelink-dark-mode .settlelink-receipt-note-card,
body.settlelink-dark-mode .settlelink-receipt-details-card,
body.settlelink-dark-mode .settlelink-trust-note,
body.settlelink-dark-mode .settlelink-info-grid .client-success-info-card {
  background: rgba(17, 24, 39, 0.94);
  border-color: rgba(147, 197, 253, 0.28);
}

@media (max-width: 820px) {
  .settlelink-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settlelink-info-grid .client-success-info-card {
    min-height: 132px;
  }

  .client-receipt-paid-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .client-receipt-paid-card > strong {
    white-space: normal;
  }

  .settlelink-receipt-summary-row {
    grid-template-columns: auto 1fr;
  }

  .settlelink-receipt-summary-row strong {
    grid-column: 2;
  }
}

@media (max-width: 520px) {
  .settlelink-info-grid {
    grid-template-columns: 1fr;
  }

  .settlelink-success-hero {
    border-radius: 24px;
  }

  .settlelink-success-hero .client-success-mark {
    width: 82px;
    height: 82px;
    font-size: 46px;
  }

  .settlelink-progress-row {
    grid-template-columns: auto 1fr;
  }

  .settlelink-progress-row strong {
    grid-column: 2;
    width: fit-content;
  }

  .settlelink-trust-note,
  .settlelink-receipt-note-card {
    grid-template-columns: 1fr;
  }

  .settlelink-breakdown-row,
  .settlelink-details-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* =========================================
   CLIENT SUCCESS + RECEIPT FINAL POLISH
   Uses CSS mask icons so Android does not break glyphs
   ========================================= */

.sl-mask-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  background: currentColor;
  color: inherit;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.sl-icon-check {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4L9.2 16.6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4L9.2 16.6Z'/%3E%3C/svg%3E");
}

.sl-icon-shield {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.2L6 6.4V11c0 3.8 2.4 7.3 6 8.8 3.6-1.5 6-5 6-8.8V6.4l-6-2.2Zm3.7 5.6 1.4 1.4-5.8 5.8-3.5-3.5 1.4-1.4 2.1 2.1 4.4-4.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.2L6 6.4V11c0 3.8 2.4 7.3 6 8.8 3.6-1.5 6-5 6-8.8V6.4l-6-2.2Zm3.7 5.6 1.4 1.4-5.8 5.8-3.5-3.5 1.4-1.4 2.1 2.1 4.4-4.4Z'/%3E%3C/svg%3E");
}

.sl-icon-lock {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm-2 2v7h10v-7H7Zm6 2v3h-2v-3h2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm-2 2v7h10v-7H7Zm6 2v3h-2v-3h2Z'/%3E%3C/svg%3E");
}

.sl-icon-project {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9 3h6l1 3h4v15H4V6h4l1-3Zm1.5 2-.4 1h3.8l-.4-1h-3ZM6 8v11h12V8H6Zm3 3h6v2H9v-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9 3h6l1 3h4v15H4V6h4l1-3Zm1.5 2-.4 1h3.8l-.4-1h-3ZM6 8v11h12V8H6Zm3 3h6v2H9v-2Z'/%3E%3C/svg%3E");
}

.sl-icon-summary,
.sl-icon-receipt {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M6 2h9l3 3v17l-3-1.5L12 22l-3-1.5L6 22V2Zm8 2v3h2.5L14 4.5V4ZM8 6v12.8l1-.5 3 1.5 3-1.5 1 .5V9h-4V4H8v2Zm2 5h4v2h-4v-2Zm0 4h5v2h-5v-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M6 2h9l3 3v17l-3-1.5L12 22l-3-1.5L6 22V2Zm8 2v3h2.5L14 4.5V4ZM8 6v12.8l1-.5 3 1.5 3-1.5 1 .5V9h-4V4H8v2Zm2 5h4v2h-4v-2Zm0 4h5v2h-5v-2Z'/%3E%3C/svg%3E");
}

.sl-icon-clock {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v5.2l3.5 2.1-1 1.7L11 13.3V7h2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v5.2l3.5 2.1-1 1.7L11 13.3V7h2Z'/%3E%3C/svg%3E");
}

.sl-icon-chart,
.sl-icon-pie {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 19h16v2H2V3h2v16Zm3-2V9h3v8H7Zm5 0V5h3v12h-3Zm5 0v-6h3v6h-3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4 19h16v2H2V3h2v16Zm3-2V9h3v8H7Zm5 0V5h3v12h-3Zm5 0v-6h3v6h-3Z'/%3E%3C/svg%3E");
}

.sl-icon-printer {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 3h10v5H7V3Zm2 2v1h6V5H9ZM5 9h14a3 3 0 0 1 3 3v6h-4v3H6v-3H2v-6a3 3 0 0 1 3-3Zm3 7v3h8v-3H8Zm11-2v-2H5v2h1v-1h12v1h1Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 3h10v5H7V3Zm2 2v1h6V5H9ZM5 9h14a3 3 0 0 1 3 3v6h-4v3H6v-3H2v-6a3 3 0 0 1 3-3Zm3 7v3h8v-3H8Zm11-2v-2H5v2h1v-1h12v1h1Z'/%3E%3C/svg%3E");
}

.sl-icon-open {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 3h9l5 5v13H5V3Zm8 2H7v14h10V9h-4V5Zm1.5 8.5 1.4 1.4-4.4 4.4-3.1-3.1 1.4-1.4 1.7 1.7 3-3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 3h9l5 5v13H5V3Zm8 2H7v14h10V9h-4V5Zm1.5 8.5 1.4 1.4-4.4 4.4-3.1-3.1 1.4-1.4 1.7 1.7 3-3Z'/%3E%3C/svg%3E");
}

.sl-icon-home {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 11 12 3l9 8v10h-6v-6H9v6H3V11Zm2 1v7h2v-6h10v6h2v-7l-7-6.2L5 12Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 11 12 3l9 8v10h-6v-6H9v6H3V11Zm2 1v7h2v-6h10v6h2v-7l-7-6.2L5 12Z'/%3E%3C/svg%3E");
}

.sl-icon-hash {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='m8 3 2 .3L9.5 7h4L14 3.3l2 .2L15.5 7H19v2h-3.8l-.6 4H18v2h-3.7l-.7 6-2-.3.7-5.7h-4l-.7 6-2-.3.7-5.7H3v-2h3.6l.6-4H4V7h3.5L8 3Zm.8 6-.6 4h4l.6-4h-4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='m8 3 2 .3L9.5 7h4L14 3.3l2 .2L15.5 7H19v2h-3.8l-.6 4H18v2h-3.7l-.7 6-2-.3.7-5.7h-4l-.7 6-2-.3.7-5.7H3v-2h3.6l.6-4H4V7h3.5L8 3Zm.8 6-.6 4h4l.6-4h-4Z'/%3E%3C/svg%3E");
}

.sl-icon-calendar {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h4v18H3V4h4V2Zm12 8H5v10h14V10ZM5 8h14V6H5v2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h4v18H3V4h4V2Zm12 8H5v10h14V10ZM5 8h14V6H5v2Z'/%3E%3C/svg%3E");
}

.sl-icon-card {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 5h18v14H3V5Zm2 4h14V7H5v2Zm0 3v5h14v-5H5Zm2 2h5v2H7v-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 5h18v14H3V5Zm2 4h14V7H5v2Zm0 3v5h14v-5H5Zm2 2h5v2H7v-2Z'/%3E%3C/svg%3E");
}

.sl-success-header,
.sl-receipt-header {
  text-align: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.sl-success-header .eyebrow,
.sl-receipt-header .eyebrow {
  color: #4d7cff;
  letter-spacing: 0.16em;
}

.sl-success-header h1,
.sl-receipt-header h1 {
  font-size: clamp(38px, 9vw, 54px);
  line-height: 0.98;
  letter-spacing: -0.065em;
}

.sl-success-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 16px;
  padding: clamp(30px, 7vw, 46px) 22px;
  border: 1px solid #bdd3ff !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 20px 50px rgba(15, 34, 72, 0.08) !important;
}

.sl-success-hero::after {
  content: "";
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: -36%;
  height: 60%;
  background: radial-gradient(ellipse at 50% 20%, rgba(47, 102, 243, 0.14), transparent 64%);
  transform: rotate(-4deg);
  pointer-events: none;
}

.sl-success-hero > * {
  position: relative;
  z-index: 1;
}

.sl-success-check {
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eefaf1;
  color: #159947;
  border: 3px solid #159947;
  box-shadow: 0 0 0 18px rgba(21, 153, 71, 0.08);
}

.sl-success-check .sl-mask-icon {
  width: 54px;
  height: 54px;
}

.sl-success-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 999px;
  background: #e7f8ec;
  color: #12833d;
  font-size: 14px;
  font-weight: 900;
}

.sl-success-badge .sl-mask-icon {
  width: 17px;
  height: 17px;
}

.sl-success-copy h3 {
  max-width: 720px;
  margin: 0 auto;
  color: var(--text-strong);
  font-size: clamp(32px, 7vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.055em;
}

.sl-success-copy p {
  max-width: 620px;
  margin: 10px auto 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.45;
}

.sl-success-total {
  display: grid;
  gap: 8px;
}

.sl-success-total span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 900;
}

.sl-success-total strong {
  color: #071b43;
  font-size: clamp(54px, 14vw, 74px);
  line-height: 0.95;
  letter-spacing: -0.065em;
}

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

.sl-meta-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 18px 16px;
  border: 1px solid #d9e6ff;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.06);
}

.sl-meta-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #edf4ff;
  color: #2563eb;
}

.sl-meta-icon .sl-mask-icon {
  width: 22px;
  height: 22px;
}

.sl-meta-card small {
  color: var(--muted);
  font-size: 14px;
  font-weight: 850;
}

.sl-meta-card strong {
  color: var(--text-strong);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.sl-green-text {
  color: #0a7a3d !important;
}

.sl-next-card,
.sl-trust-card,
.sl-receipt-card,
.sl-receipt-note-card,
.sl-receipt-details-card {
  border-color: #d9e6ff !important;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.06) !important;
}

.sl-next-list {
  display: grid;
  gap: 0;
  margin-top: 12px;
}

.sl-next-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid var(--border);
}

.sl-next-row:last-child {
  border-bottom: none;
}

.sl-next-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #dcf7e6;
  color: #0b8f44;
}

.sl-next-icon .sl-mask-icon {
  width: 20px;
  height: 20px;
}

.sl-next-row strong {
  padding: 6px 14px;
  border-radius: 999px;
  background: #e4f8e8;
  color: #087a38;
  font-weight: 950;
}

.sl-trust-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
  background: #f7fbff !important;
}

.sl-trust-icon,
.sl-receipt-note-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eaf2ff;
  color: #2563eb;
}

.sl-trust-icon .sl-mask-icon,
.sl-receipt-note-icon .sl-mask-icon {
  width: 27px;
  height: 27px;
}

.sl-receipt-paid-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border-color: #8fd7aa !important;
  background: linear-gradient(135deg, #f4fff8 0%, #ffffff 100%) !important;
  box-shadow: 0 18px 42px rgba(21, 153, 71, 0.08) !important;
}

.sl-receipt-paid-icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 3px solid #0b8f44;
  color: #0b8f44;
  background: #ffffff;
}

.sl-receipt-paid-icon .sl-mask-icon {
  width: 44px;
  height: 44px;
}

.sl-receipt-paid-copy h3 {
  margin: 0;
  color: #087a38;
  font-size: clamp(24px, 6vw, 32px);
  line-height: 1.1;
}

.sl-receipt-paid-copy p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.sl-receipt-paid-card > strong {
  color: #087a38;
  font-size: clamp(32px, 8vw, 46px);
  line-height: 1;
  white-space: nowrap;
}

.sl-card-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.sl-card-title-icon,
.sl-row-icon {
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #edf4ff;
  color: #2563eb;
}

.sl-card-title-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
}

.sl-card-title-icon .sl-mask-icon {
  width: 23px;
  height: 23px;
}

.sl-receipt-summary-list {
  display: grid;
  gap: 9px;
}

.sl-receipt-summary-row {
  display: grid;
  grid-template-columns: 38px minmax(112px, 0.75fr) minmax(0, 1.25fr);
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid #dfe8f8;
  border-radius: 18px;
  background: #ffffff;
}

.sl-row-icon {
  width: 34px;
  height: 34px;
}

.sl-row-icon .sl-mask-icon {
  width: 18px;
  height: 18px;
}

.sl-receipt-summary-row span:not(.sl-row-icon),
.sl-breakdown-row span,
.sl-details-row span {
  color: var(--muted);
  font-weight: 850;
}

.sl-receipt-summary-row strong,
.sl-breakdown-row strong,
.sl-details-row strong {
  color: var(--text-strong);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sl-breakdown-list,
.sl-details-list {
  display: grid;
  gap: 0;
}

.sl-breakdown-row,
.sl-details-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 11px 0;
  border-bottom: 1px solid var(--border);
}

.sl-breakdown-row:last-child,
.sl-details-row:last-child {
  border-bottom: none;
}

/* Keep long project names from squeezing short client detail labels. */
.sl-client-summary-details-card .sl-details-row,
.sl-receipt-details-card .sl-details-row {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.sl-breakdown-total span,
.sl-breakdown-total strong {
  color: #2563eb;
  font-size: 18px;
}

.sl-receipt-note-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  background: #f7fbff !important;
}

.sl-receipt-note-card .panel-title {
  margin-bottom: 6px;
}

.sl-action-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: 4px;
}

.sl-action-stack .sl-action-btn {
  width: 100% !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr 24px !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  text-align: center !important;
}

.sl-action-btn .sl-mask-icon {
  justify-self: center;
  width: 22px;
  height: 22px;
}

.sl-action-arrow {
  display: grid;
  place-items: center;
  font-size: 30px;
  line-height: 1;
}

.sl-action-stack .sl-action-primary {
  background: linear-gradient(135deg, #1d5ff4 0%, #2f66f3 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.22) !important;
}

.sl-action-stack .secondary-btn {
  background: #ffffff !important;
  border: 1px solid #2f66f3 !important;
  color: #2563eb !important;
}

body.settlelink-dark-mode .sl-success-hero,
body.settlelink-dark-mode .sl-meta-card,
body.settlelink-dark-mode .sl-next-card,
body.settlelink-dark-mode .sl-trust-card,
body.settlelink-dark-mode .sl-receipt-paid-card,
body.settlelink-dark-mode .sl-receipt-card,
body.settlelink-dark-mode .sl-receipt-note-card,
body.settlelink-dark-mode .sl-receipt-details-card {
  background: rgba(17, 24, 39, 0.94) !important;
  border-color: rgba(147, 197, 253, 0.28) !important;
}

@media (max-width: 820px) {
  .sl-success-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sl-meta-card {
    min-height: 132px;
  }
}

@media (max-width: 520px) {
  .sl-success-hero {
    border-radius: 24px !important;
  }

  .sl-success-check {
    width: 86px;
    height: 86px;
  }

  .sl-success-check .sl-mask-icon {
    width: 48px;
    height: 48px;
  }

  .sl-success-copy h3 {
    font-size: 34px;
  }

  .sl-success-total strong {
    font-size: 58px;
  }

  .sl-receipt-paid-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .sl-receipt-paid-card > strong {
    grid-column: 1 / -1;
    justify-self: center;
    margin-top: 4px;
  }

  .sl-receipt-summary-row {
    grid-template-columns: 38px minmax(92px, 0.85fr) minmax(0, 1.15fr);
    gap: 10px;
    padding: 12px;
  }

  .sl-receipt-summary-row span:not(.sl-row-icon),
  .sl-receipt-summary-row strong {
    font-size: 13px;
  }

  .sl-breakdown-row,
  .sl-details-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .sl-receipt-note-card {
    grid-template-columns: 1fr;
  }

  .sl-next-row {
    grid-template-columns: auto 1fr;
  }

  .sl-next-row strong {
    grid-column: 2;
    width: fit-content;
  }

  .sl-trust-card {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   CLIENT PAYMENT SUMMARY POLISH
   ========================================= */

.sl-client-summary-header {
  text-align: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.sl-client-summary-header .eyebrow {
  color: #4d7cff;
  letter-spacing: 0.16em;
}

.sl-client-summary-header h1 {
  font-size: clamp(38px, 9vw, 54px);
  line-height: 0.98;
  letter-spacing: -0.065em;
}

.sl-client-summary-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 16px;
  padding: clamp(30px, 7vw, 46px) 22px;
  border: 1px solid #bdd3ff !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 20px 50px rgba(15, 34, 72, 0.08) !important;
}

.sl-client-summary-hero::after {
  content: "";
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: -36%;
  height: 60%;
  background: radial-gradient(ellipse at 50% 20%, rgba(47, 102, 243, 0.14), transparent 64%);
  transform: rotate(-4deg);
  pointer-events: none;
}

.sl-client-summary-hero > * {
  position: relative;
  z-index: 1;
}

.sl-client-summary-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 999px;
  background: #e7f0ff;
  color: #2563eb;
  font-size: 14px;
  font-weight: 950;
}

.sl-client-summary-badge .sl-mask-icon {
  width: 17px;
  height: 17px;
}

.sl-client-summary-copy h3 {
  max-width: 720px;
  margin: 0 auto;
  color: var(--text-strong);
  font-size: clamp(32px, 7vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.055em;
}

.sl-client-summary-copy p {
  max-width: 620px;
  margin: 10px auto 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.45;
}

.sl-client-summary-amount {
  display: grid;
  gap: 8px;
}

.sl-client-summary-amount span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 950;
}

.sl-client-summary-amount strong {
  color: #071b43;
  font-size: clamp(54px, 14vw, 74px);
  line-height: 0.95;
  letter-spacing: -0.065em;
}

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

.sl-client-summary-meta-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 18px 16px;
  border: 1px solid #d9e6ff;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.06);
}

.sl-client-summary-meta-card .sl-meta-icon {
  width: 42px;
  height: 42px;
}

.sl-client-summary-meta-card small {
  color: var(--muted);
  font-size: 14px;
  font-weight: 850;
}

.sl-client-summary-meta-card strong {
  color: var(--text-strong);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.sl-client-summary-breakdown-card,
.sl-client-summary-details-card,
.sl-client-supplier-card,
.sl-client-summary-note-card {
  border-color: #d9e6ff !important;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.06) !important;
}

.sl-client-breakdown-list,
.sl-client-supplier-list {
  display: grid;
  gap: 0;
}

.sl-client-breakdown-row,
.sl-client-supplier-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}

.sl-client-breakdown-row:last-child,
.sl-client-supplier-row:last-child {
  border-bottom: none;
}

.sl-client-breakdown-row span,
.sl-client-supplier-row span {
  color: var(--muted);
  font-weight: 850;
}

.sl-client-breakdown-row strong,
.sl-client-supplier-row strong {
  color: var(--text-strong);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.sl-client-breakdown-total span,
.sl-client-breakdown-total strong {
  color: #2563eb;
  font-size: 18px;
}

.sl-client-summary-note-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  background: #f7fbff !important;
}

.sl-client-summary-note-card .payment-terms-points {
  margin-top: 14px;
}

.sl-client-summary-note-card .payment-terms-point {
  border-color: #d9e6ff;
  background: #ffffff;
}

.sl-client-small-note {
  margin-top: 12px;
}

.sl-client-summary-actions {
  margin-bottom: 12px;
}

body.settlelink-dark-mode .sl-client-summary-hero,
body.settlelink-dark-mode .sl-client-summary-meta-card,
body.settlelink-dark-mode .sl-client-summary-breakdown-card,
body.settlelink-dark-mode .sl-client-summary-details-card,
body.settlelink-dark-mode .sl-client-supplier-card,
body.settlelink-dark-mode .sl-client-summary-note-card {
  background: rgba(17, 24, 39, 0.94) !important;
  border-color: rgba(147, 197, 253, 0.28) !important;
}

@media (max-width: 820px) {
  .sl-client-summary-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sl-client-summary-meta-card {
    min-height: 132px;
  }
}

@media (max-width: 520px) {
  .sl-client-summary-hero {
    border-radius: 24px !important;
  }

  .sl-client-summary-copy h3 {
    font-size: 34px;
  }

  .sl-client-summary-amount strong {
    font-size: 58px;
  }

  .sl-client-breakdown-row,
  .sl-client-supplier-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .sl-client-summary-note-card {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   CLIENT PAYMENT REVIEW DESKTOP CONTRAST FIX
   Keeps client payment review light even if builder app is in dark mode
   ========================================= */

body.settlelink-dark-mode .client-payment-review-v2 {
  position: relative;
  color: #102248 !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  box-shadow: 0 0 0 100vmax #eef2f7;
  clip-path: inset(0 -100vmax);
}

body.settlelink-dark-mode .client-pay-header-v2 h1,
body.settlelink-dark-mode .client-pay-breakdown-card-v2 h3,
body.settlelink-dark-mode .client-pay-secure-section-v2 h3,
body.settlelink-dark-mode .client-pay-confirm-card-v2 h3 {
  color: #102248 !important;
}

body.settlelink-dark-mode .client-pay-header-v2 p:last-child,
body.settlelink-dark-mode .client-pay-amount-card-v2 span,
body.settlelink-dark-mode .client-pay-identity-item-v2 span:not(.client-pay-icon-bubble-v2):not(.client-pay-icon-v2),
body.settlelink-dark-mode .client-pay-confirm-label-v2,
body.settlelink-dark-mode .client-pay-receipt-note-v2 {
  color: #7181a6 !important;
}

body.settlelink-dark-mode .client-pay-amount-card-v2,
body.settlelink-dark-mode .client-pay-identity-card-v2,
body.settlelink-dark-mode .client-pay-breakdown-card-v2,
body.settlelink-dark-mode .client-pay-confirm-card-v2,
body.settlelink-dark-mode .client-pay-secure-tile-v2,
body.settlelink-dark-mode .client-payment-review-v2 > .panel details {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff !important;
  border-color: #dfe8f6 !important;
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08) !important;
}

body.settlelink-dark-mode .client-pay-amount-card-v2 strong,
body.settlelink-dark-mode .client-pay-identity-item-v2 strong,
body.settlelink-dark-mode .client-pay-breakdown-row-v2,
body.settlelink-dark-mode .client-pay-breakdown-row-v2 strong,
body.settlelink-dark-mode .client-pay-secure-tile-v2 p,
body.settlelink-dark-mode .client-payment-review-v2 > .panel summary {
  color: #102248 !important;
}

body.settlelink-dark-mode .client-pay-breakdown-total-v2 {
  background: linear-gradient(90deg, #eef5ff, #f8fbff) !important;
}

body.settlelink-dark-mode .client-pay-step-pill-v2,
body.settlelink-dark-mode .client-pay-icon-bubble-v2,
body.settlelink-dark-mode .client-pay-amount-icon-v2 {
  background: #eef5ff !important;
  border-color: #d7e5ff !important;
  color: #2f66f3 !important;
}

body.settlelink-dark-mode .client-pay-confirm-label-v2 input {
  background: #ffffff !important;
  border-color: #2f66f3 !important;
  color-scheme: light !important;
}

body.settlelink-dark-mode .client-pay-secondary-btn-v2 {
  background: #ffffff !important;
  border-color: #2f66f3 !important;
  color: #2f66f3 !important;
}

/* =========================================
   CLIENT PAYMENT REVIEW — PROFESSIONAL FINAL OVERRIDE
   Forces the client review page to look light, clean and trustworthy
   even when the builder app is in dark mode.
   ========================================= */

body:has(.client-payment-review-v2),
body.settlelink-dark-mode:has(.client-payment-review-v2) {
  background: #eef2f7 !important;
  color: #102248 !important;
}

body:has(.client-payment-review-v2) #app,
body.settlelink-dark-mode:has(.client-payment-review-v2) #app {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  color: #102248 !important;
}

.client-payment-review-v2 {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: 8px 0 28px;
  display: grid;
  gap: 18px;
  color: #102248 !important;
}

body.settlelink-dark-mode .client-payment-review-v2,
body.settlelink-dark-mode .client-payment-review-v2 * {
  color-scheme: light !important;
}

.client-top-logo-card {
  width: min(100%, 980px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 96px !important;
  border: 2px solid #2f66f3 !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08) !important;
}

.client-top-logo-image,
.brand-logo-full {
  max-width: min(310px, 72vw) !important;
  max-height: 58px !important;
}

.client-pay-header-v2 {
  margin: 8px 0 0 !important;
  text-align: left;
}

.client-pay-title-row-v2 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 12px !important;
}

.client-pay-eyebrow-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #2f66f3 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.client-pay-step-pill-v2 {
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: #eaf2ff !important;
  color: #2f66f3 !important;
  border: 1px solid #d7e5ff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.client-pay-header-v2 h1 {
  margin: 0 !important;
  color: #071b43 !important;
  font-size: clamp(38px, 6vw, 58px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.065em !important;
}

.client-pay-header-v2 p:last-child {
  margin: 10px 0 0 !important;
  color: #7181a6 !important;
  font-size: 20px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.client-pay-amount-card-v2 {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 22px !important;
  padding: clamp(24px, 4vw, 34px) !important;
  border: 1px solid #bdd3ff !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 8% 20%, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 20px 50px rgba(15, 34, 72, 0.10) !important;
}

.client-pay-amount-card-v2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 8px !important;
  background: linear-gradient(180deg, #2f66f3, #0877ff) !important;
}

.client-pay-amount-card-v2::after {
  content: "" !important;
  position: absolute !important;
  left: -18% !important;
  right: -18% !important;
  bottom: -45% !important;
  height: 70% !important;
  background: radial-gradient(ellipse at 50% 20%, rgba(47, 102, 243, 0.13), transparent 64%) !important;
  transform: rotate(-4deg) !important;
  pointer-events: none !important;
}

.client-pay-amount-card-v2 > * {
  position: relative !important;
  z-index: 1 !important;
}

.client-pay-amount-icon-v2 {
  width: 76px !important;
  height: 76px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #d7e5ff !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #2f66f3 !important;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.72) !important;
}

.client-pay-amount-card-v2 span {
  display: block !important;
  color: #7181a6 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.client-pay-amount-card-v2 strong {
  display: block !important;
  margin-top: 6px !important;
  color: #071b43 !important;
  font-size: clamp(52px, 9vw, 78px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.07em !important;
}

.client-pay-identity-card-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.07) !important;
  overflow: hidden !important;
}

.client-pay-identity-item-v2 {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 18px !important;
}

.client-pay-identity-item-v2 + .client-pay-identity-item-v2 {
  border-left: 1px solid #dfe8f6 !important;
  padding-left: 18px !important;
}

.client-pay-icon-bubble-v2 {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #d7e5ff !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: #2563eb !important;
}

.client-pay-identity-item-v2 span:not(.client-pay-icon-bubble-v2):not(.client-pay-icon-v2) {
  display: block !important;
  color: #7181a6 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.client-pay-identity-item-v2 strong {
  display: block !important;
  margin-top: 5px !important;
  color: #102248 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.client-pay-breakdown-card-v2,
.client-pay-confirm-card-v2 {
  padding: clamp(22px, 4vw, 30px) !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.07) !important;
}

.client-pay-breakdown-card-v2 h3,
.client-pay-secure-section-v2 h3,
.client-pay-confirm-card-v2 h3 {
  margin: 0 0 18px !important;
  color: #102248 !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
}

.client-pay-breakdown-row-v2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #dfe8f6 !important;
  color: #102248 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

.client-pay-breakdown-row-v2 strong {
  color: #102248 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.client-pay-breakdown-divider-v2 {
  display: none !important;
}

.client-pay-breakdown-total-v2 {
  margin-top: 10px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(90deg, #eef5ff, #f8fbff) !important;
  color: #2563eb !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.client-pay-breakdown-total-v2 span,
.client-pay-breakdown-total-v2 strong {
  color: #2563eb !important;
}

.client-payment-review-v2 > .panel {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.client-payment-review-v2 > .panel details {
  border: 1px solid #d9e6ff !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 34, 72, 0.06) !important;
  overflow: hidden !important;
}

.client-payment-review-v2 > .panel summary {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 17px 20px !important;
  color: #102248 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  list-style: none !important;
}

.client-payment-review-v2 > .panel summary::after {
  content: "⌄" !important;
  margin-left: auto !important;
  color: #102248 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.client-pay-secure-section-v2 {
  display: grid !important;
  gap: 14px !important;
}

.client-pay-secure-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.client-pay-secure-tile-v2 {
  min-height: 140px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 12px !important;
  padding: 18px 12px !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.07) !important;
  text-align: center !important;
}

.client-pay-secure-tile-v2 p {
  margin: 0 !important;
  color: #102248 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.client-pay-confirm-card-v2 {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.08), transparent 32%),
    #ffffff !important;
}

.client-pay-confirm-label-v2 {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  color: #596b91 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

.client-pay-confirm-label-v2 input {
  width: 28px !important;
  height: 28px !important;
  margin: 2px 0 0 !important;
  accent-color: #2f66f3 !important;
  color-scheme: light !important;
}

.client-pay-confirm-label-v2 a {
  color: #1d5ff4 !important;
  font-weight: 950 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.client-pay-receipt-note-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: -2px 2px 0 !important;
  color: #596b91 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.client-pay-actions-v2 {
  display: grid !important;
  gap: 12px !important;
}

.client-pay-primary-btn-v2,
.client-pay-secondary-btn-v2 {
  min-height: 62px !important;
  border-radius: 18px !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.client-pay-primary-btn-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #1d5ff4 0%, #0877ff 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.24) !important;
}

.client-pay-secondary-btn-v2 {
  background: #ffffff !important;
  border: 1px solid #2f66f3 !important;
  color: #2f66f3 !important;
}

body.settlelink-dark-mode .client-pay-header-v2 h1,
body.settlelink-dark-mode .client-pay-amount-card-v2 strong,
body.settlelink-dark-mode .client-pay-identity-item-v2 strong,
body.settlelink-dark-mode .client-pay-breakdown-card-v2 h3,
body.settlelink-dark-mode .client-pay-breakdown-row-v2,
body.settlelink-dark-mode .client-pay-breakdown-row-v2 strong,
body.settlelink-dark-mode .client-pay-secure-section-v2 h3,
body.settlelink-dark-mode .client-pay-secure-tile-v2 p,
body.settlelink-dark-mode .client-pay-confirm-card-v2 h3 {
  color: #102248 !important;
}

body.settlelink-dark-mode .client-pay-header-v2 p:last-child,
body.settlelink-dark-mode .client-pay-amount-card-v2 span,
body.settlelink-dark-mode .client-pay-identity-item-v2 span:not(.client-pay-icon-bubble-v2):not(.client-pay-icon-v2),
body.settlelink-dark-mode .client-pay-confirm-label-v2,
body.settlelink-dark-mode .client-pay-receipt-note-v2 {
  color: #596b91 !important;
}

body.settlelink-dark-mode .client-pay-amount-card-v2,
body.settlelink-dark-mode .client-pay-identity-card-v2,
body.settlelink-dark-mode .client-pay-breakdown-card-v2,
body.settlelink-dark-mode .client-pay-confirm-card-v2,
body.settlelink-dark-mode .client-pay-secure-tile-v2,
body.settlelink-dark-mode .client-payment-review-v2 > .panel details {
  background: #ffffff !important;
  border-color: #d9e6ff !important;
}

@media (max-width: 760px) {
  .client-payment-review-v2 {
    gap: 14px !important;
    padding-bottom: 22px !important;
  }

  .client-pay-title-row-v2 {
    align-items: flex-start !important;
  }

  .client-pay-header-v2 h1 {
    font-size: 38px !important;
  }

  .client-pay-header-v2 p:last-child {
    font-size: 18px !important;
  }

  .client-pay-amount-card-v2 {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    padding: 28px 18px !important;
  }

  .client-pay-amount-card-v2 strong {
    font-size: 58px !important;
  }

  .client-pay-identity-card-v2 {
    grid-template-columns: 1fr !important;
  }

  .client-pay-identity-item-v2 + .client-pay-identity-item-v2 {
    border-left: 0 !important;
    border-top: 1px solid #dfe8f6 !important;
    padding-left: 18px !important;
  }

  .client-pay-secure-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .client-pay-secure-tile-v2 {
    min-height: 128px !important;
  }
}

/* Final public invoice-upload interaction sizing and flow. */
.trade-invoice-upload-page .checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  line-height: 1.45;
}

.trade-invoice-upload-page .checkbox-row input[type="checkbox"] {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex-basis: 24px !important;
}

.trade-invoice-upload-page > .panel > .primary-btn {
  display: block;
  min-height: 44px;
  margin-top: 14px;
}

body:has(.trade-invoice-upload-page) .nav-links a:not(.nav-cta) {
  min-height: 44px !important;
  padding-block: 10px !important;
  box-sizing: border-box;
}

body:has(.trade-invoice-upload-page) .client-top-logo-link:focus-visible {
  outline-color: #f59e0b;
  outline-offset: 3px;
}
/* Payment details invoice bundle: complete light and dark theme support */
.payment-details-page .payment-pack-item,
.payment-details-page .payment-pack-summary,
.payment-details-page .payment-details-save-panel,
.payment-details-page .notice-box {
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.payment-details-page .invoice-file-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.payment-details-page .payment-pack-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
}

.payment-details-page .payment-pack-status.success {
  border-color: #a7f3d0;
  background: #ecfdf5;
  color: #047857;
}

.payment-details-page .payment-pack-status.warning {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}

body.settlelink-dark-mode .payment-details-page .payment-pack-item {
  background: linear-gradient(180deg, rgba(20, 31, 51, 0.98), rgba(15, 23, 42, 0.98));
  border-color: rgba(71, 85, 105, 0.82);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2);
}

body.settlelink-dark-mode .payment-details-page .payment-pack-summary > div {
  border-color: rgba(71, 85, 105, 0.72);
}

body.settlelink-dark-mode .payment-details-page .payment-pack-summary span {
  color: #aab8d4 !important;
}

body.settlelink-dark-mode .payment-details-page .notice-box.warning {
  background: linear-gradient(180deg, rgba(69, 43, 10, 0.72), rgba(43, 29, 10, 0.82)) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
  color: #fde68a !important;
}

body.settlelink-dark-mode .payment-details-page .notice-box.warning strong,
body.settlelink-dark-mode .payment-details-page .notice-box.warning p {
  color: #fff1b8 !important;
}

body.settlelink-dark-mode .payment-details-page .payment-pack-status-role {
  border-color: rgba(96, 165, 250, 0.42);
  background: rgba(37, 99, 235, 0.18);
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}

body.settlelink-dark-mode .payment-details-page .payment-pack-status.success {
  border-color: rgba(52, 211, 153, 0.46);
  background: rgba(6, 95, 70, 0.32);
  color: #a7f3d0 !important;
  -webkit-text-fill-color: #a7f3d0 !important;
}

body.settlelink-dark-mode .payment-details-page .payment-pack-status.warning {
  border-color: rgba(251, 191, 36, 0.5);
  background: rgba(120, 53, 15, 0.36);
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
}

body.settlelink-dark-mode .payment-details-page .text-input:disabled {
  background: rgba(30, 41, 59, 0.76) !important;
  border-color: rgba(71, 85, 105, 0.58) !important;
  color: #aab8d4 !important;
  -webkit-text-fill-color: #aab8d4 !important;
  opacity: 1;
}

body.settlelink-dark-mode .payment-details-page .form-error-text {
  color: #fca5a5 !important;
}

.payment-details-page .sendTradeInvoiceLinkBtn:focus-visible,
.payment-details-page a.secondary-btn:focus-visible,
.payment-details-page .primary-btn:focus-visible {
  outline: 3px solid rgba(96, 165, 250, 0.62);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .payment-details-page .invoice-file-actions > .secondary-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .payment-details-page .payment-pack-item,
  .payment-details-page .payment-pack-summary,
  .payment-details-page .payment-details-save-panel,
  .payment-details-page .notice-box {
    transition: none;
  }
}

/* Contact profiles and explicit one-way setup SMS preview. */
.contact-profile-details {
  margin-top: 18px;
  border: 1px solid #d9e2f1;
  border-radius: 16px;
  background: #f8fafc;
  overflow: hidden;
}

.contact-profile-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 16px;
  color: #17233c;
  font-weight: 800;
  cursor: pointer;
}

.contact-profile-details > summary span {
  padding: 3px 8px;
  border-radius: 999px;
  background: #e8eef9;
  color: #475569;
  font-size: 0.76rem;
}

.contact-profile-details[open] > summary {
  border-bottom: 1px solid #d9e2f1;
}

.contact-profile-intro,
.contact-profile-grid {
  margin-inline: 16px;
}

.contact-profile-intro {
  margin-top: 14px;
}

.contact-profile-grid {
  padding-block: 4px 18px;
}

.contact-profile-wide-field {
  grid-column: 1 / -1;
}

.contact-profile-grid textarea {
  min-height: 92px;
  resize: vertical;
}

.contact-profile-grid [hidden],
.contact-profile-details [hidden] {
  display: none !important;
}

.contact-profile-grid .field-help {
  margin: 6px 0 0;
  font-size: 0.82rem;
}

.contact-sms-preview-card {
  width: min(92vw, 620px);
}

.contact-sms-preview-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.contact-sms-preview-meta > div {
  padding: 10px 12px;
  border: 1px solid #d9e2f1;
  border-radius: 12px;
  background: #f8fafc;
}

.contact-sms-preview-meta dt {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.contact-sms-preview-meta dd {
  margin: 3px 0 0;
  color: #17233c;
  font-weight: 800;
}

.contact-sms-preview-message {
  margin: 14px 0 18px;
  padding: 14px;
  border: 1px solid #b9c8de;
  border-radius: 14px;
  background: #eef4ff;
  color: #17233c;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.contact-sms-consent-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(45, 103, 246, 0.22);
  border-radius: 14px;
  background: rgba(45, 103, 246, 0.06);
  color: var(--text-main);
  font-weight: 700;
  line-height: 1.4;
}

.contact-sms-consent-check input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  flex: 0 0 auto;
}

.contact-sms-consent-note {
  display: block;
  margin: 6px 0 12px;
}

.contact-sms-delivery-status {
  margin: 8px 0 0;
  font-size: 0.86rem;
  font-weight: 700;
}

.contact-sms-delivery-status.success {
  border-color: #a7f3d0;
  background: #ecfdf5;
  color: #047857;
}

.contact-sms-delivery-status.success { color: #047857; }
.contact-sms-delivery-status.error { color: #b42318; }

body.settlelink-dark-mode .contact-profile-details,
body.settlelink-dark-mode .contact-sms-preview-meta > div {
  border-color: #334866;
  background: #111f33;
}

body.settlelink-dark-mode .contact-profile-details > summary {
  color: #e5edf9;
}

body.settlelink-dark-mode .contact-profile-details > summary span {
  background: #243650;
  color: #cbd5e1;
}

body.settlelink-dark-mode .contact-profile-details[open] > summary {
  border-bottom-color: #334866;
}

body.settlelink-dark-mode .contact-sms-preview-meta dt { color: #a9b8cc; }
body.settlelink-dark-mode .contact-sms-preview-meta dd { color: #f1f5f9; }

body.settlelink-dark-mode .contact-sms-preview-message {
  border-color: #46658e;
  background: #10233f;
  color: #e5edf9;
}

body.settlelink-dark-mode .contact-sms-consent-check {
  border-color: rgba(118, 160, 255, 0.35);
  background: rgba(78, 127, 255, 0.12);
}

body.settlelink-dark-mode .contact-sms-delivery-status.success { color: #6ee7b7; }
body.settlelink-dark-mode .contact-sms-delivery-status.error { color: #fda4af; }

@media (max-width: 640px) {
  body:has(.contacts-page-shell) .settlelink-global-create-project-btn {
    display: none !important;
  }
  .contact-profile-wide-field { grid-column: auto; }
  .contact-sms-preview-meta { grid-template-columns: 1fr; }
  .contact-sms-preview-card .app-modal-actions { flex-direction: column-reverse; }
  .contact-sms-preview-card .app-modal-actions button { width: 100%; min-height: 44px; }
}

/* Shared invoice attachment page: follow the viewer's saved appearance */
.trade-invoice-upload-page {
  width: min(100%, 1120px);
  margin-inline: auto;
}

.trade-invoice-upload-page [data-invoice-party-requirement][hidden] {
  display: none !important;
}

.trade-invoice-upload-page .checkbox-row a {
  color: #2556d5;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.trade-invoice-upload-page .checkbox-row input[type="checkbox"] {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: 1px;
}

body.settlelink-dark-mode .trade-invoice-upload-page .checkbox-row input[type="checkbox"] {
  accent-color: #60a5fa;
  background-color: #0f1c31;
  border-color: #8fb3ff;
}

body:has(.trade-invoice-upload-page) .nav-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-block: 10px;
}

body:has(.trade-invoice-upload-page) .client-top-logo-link:focus-visible {
  outline: 3px solid #60a5fa;
  outline-offset: 4px;
  box-shadow: none !important;
}

body.settlelink-dark-mode .trade-invoice-upload-page .notice-box.success {
  background: linear-gradient(180deg, rgba(6, 78, 59, 0.7), rgba(4, 47, 46, 0.82)) !important;
  border-color: rgba(52, 211, 153, 0.46) !important;
}

body.settlelink-dark-mode .trade-invoice-upload-page .notice-box.success strong,
body.settlelink-dark-mode .trade-invoice-upload-page .notice-box.success p {
  color: #d1fae5 !important;
}

body.settlelink-dark-mode .trade-invoice-upload-page .notice-box.warning {
  background: linear-gradient(180deg, rgba(69, 43, 10, 0.72), rgba(43, 29, 10, 0.82)) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
}

body.settlelink-dark-mode .trade-invoice-upload-page .notice-box.warning strong,
body.settlelink-dark-mode .trade-invoice-upload-page .notice-box.warning p {
  color: #fff1b8 !important;
}

body.settlelink-dark-mode .trade-invoice-upload-page .checkbox-row a {
  color: #93c5fd !important;
}

body.settlelink-dark-mode .trade-invoice-upload-page input[type="file"]::file-selector-button {
  border: 1px solid rgba(96, 165, 250, 0.42);
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.2);
  color: #dbeafe;
}

.trade-invoice-upload-page input[type="file"]:focus-visible,
.trade-invoice-upload-page .primary-btn:focus-visible,
.trade-invoice-upload-page .checkbox-row:focus-within {
  outline: 3px solid rgba(96, 165, 250, 0.62);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .trade-invoice-upload-page .checkbox-row {
    align-items: flex-start;
    gap: 10px;
    line-height: 1.45;
  }

  .trade-invoice-upload-page .primary-btn {
    width: 100%;
    min-height: 44px;
    margin-top: 10px;
  }
}

@media (max-width: 430px) {
  .client-top-logo-card {
    min-height: 86px !important;
    border-radius: 24px !important;
  }

  .client-pay-step-pill-v2 {
    font-size: 12px !important;
    padding: 7px 10px !important;
  }

  .client-pay-amount-card-v2 strong {
    font-size: 50px !important;
  }

  .client-pay-secure-grid-v2 {
    grid-template-columns: 1fr !important;
  }

  .client-pay-secure-tile-v2 {
    min-height: auto !important;
  }

  .client-pay-confirm-label-v2 {
    font-size: 14px !important;
  }
}

/* =========================================
   CLIENT PAYMENT REVIEW — AI IMAGE POLISH
   ========================================= */

body:has(.sl-pay-review-clean),
body.settlelink-dark-mode:has(.sl-pay-review-clean) {
  background: #eef2f7 !important;
  color: #102248 !important;
}

body:has(.sl-pay-review-clean) #app,
body.settlelink-dark-mode:has(.sl-pay-review-clean) #app {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  color: #102248 !important;
}

body:has(.sl-pay-review-clean) .client-top-logo-card,
body.settlelink-dark-mode:has(.sl-pay-review-clean) .client-top-logo-card {
  min-height: 104px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08) !important;
}

body:has(.sl-pay-review-clean) .client-top-logo-image,
body:has(.sl-pay-review-clean) .brand-logo-full {
  max-width: min(300px, 72vw) !important;
  max-height: 60px !important;
}

.sl-pay-review-clean,
.sl-pay-review-clean * {
  box-sizing: border-box;
  color-scheme: light !important;
}

.sl-pay-review-clean {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: 6px 0 26px;
  display: grid;
  gap: 14px;
  color: #102248 !important;
}

.sl-pay-head {
  display: grid;
  gap: 8px;
  padding: 2px 8px 0;
}

.sl-pay-title-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.sl-pay-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #2f66f3 !important;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.sl-pay-eyebrow .sl-mask-icon {
  width: 17px;
  height: 17px;
}

.sl-pay-pill {
  flex: 0 0 auto;
  padding: 9px 15px;
  border: 1px solid #d7e5ff;
  border-radius: 999px;
  background: #eaf2ff;
  color: #2f66f3 !important;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.sl-pay-head h1 {
  margin: 0;
  color: #071b43 !important;
  font-size: clamp(40px, 7vw, 58px);
  line-height: 0.96;
  letter-spacing: -0.065em;
}

.sl-pay-head p:not(.sl-pay-eyebrow) {
  margin: 0;
  color: #596b91 !important;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.sl-pay-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 12px;
  min-height: 188px;
  padding: 26px 18px 28px;
  border: 1px solid #d9e6ff;
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 12%, rgba(47, 102, 243, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f9fbff 100%);
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.08);
}

.sl-pay-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: linear-gradient(180deg, #2f66f3, #0877ff);
}

.sl-pay-hero::after {
  content: "";
  position: absolute;
  left: -12%;
  right: -12%;
  bottom: -48%;
  height: 70%;
  background: radial-gradient(ellipse at 50% 20%, rgba(47, 102, 243, 0.13), transparent 66%);
  transform: rotate(-3deg);
  pointer-events: none;
}

.sl-pay-hero > * {
  position: relative;
  z-index: 1;
}

.sl-pay-hero-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid #d7e5ff;
  border-radius: 999px;
  background: #eef5ff;
  color: #2f66f3 !important;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.72);
}

.sl-pay-hero-icon .sl-mask-icon {
  width: 28px;
  height: 28px;
}

.sl-pay-hero-copy span {
  display: block;
  color: #596b91 !important;
  font-size: 17px;
  font-weight: 950;
}

.sl-pay-hero-copy strong {
  display: block;
  margin-top: 3px;
  color: #071b43 !important;
  font-size: clamp(48px, 10vw, 66px);
  line-height: 0.92;
  letter-spacing: -0.07em;
}

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

.sl-pay-info-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 14px;
  row-gap: 3px;
  align-items: center;
  min-height: 82px;
  padding: 15px 18px;
  border: 1px solid #d9e6ff;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.055);
}

.sl-pay-info-icon,
.sl-pay-title-icon,
.sl-pay-trust-icon,
.sl-pay-summary-icon {
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #edf4ff;
  color: #2563eb !important;
}

.sl-pay-info-icon {
  grid-row: 1 / 3;
  width: 50px;
  height: 50px;
}

.sl-pay-info-icon .sl-mask-icon {
  width: 23px;
  height: 23px;
}

.sl-pay-info-card small {
  color: #596b91 !important;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
}

.sl-pay-info-card strong {
  color: #102248 !important;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.sl-pay-card {
  padding: clamp(21px, 4vw, 30px);
  border: 1px solid #d9e6ff;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.065);
}

.sl-pay-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.sl-pay-title-icon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
}

.sl-pay-title-icon .sl-mask-icon {
  width: 23px;
  height: 23px;
}

.sl-pay-card h3,
.sl-pay-trust-section h3,
.sl-pay-terms-card h3 {
  margin: 0;
  color: #102248 !important;
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.sl-pay-breakdown {
  display: grid;
  gap: 0;
}

.sl-pay-breakdown-row,
.sl-pay-supplier-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid #dfe8f6;
}

.sl-pay-breakdown-row:last-child,
.sl-pay-supplier-row:last-child {
  border-bottom: none;
}

.sl-pay-breakdown-row span,
.sl-pay-supplier-row span {
  color: #596b91 !important;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.28;
}

.sl-pay-breakdown-row small {
  color: #596b91 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

.sl-pay-breakdown-row strong,
.sl-pay-supplier-row strong {
  color: #102248 !important;
  font-size: 17px;
  font-weight: 950;
  white-space: nowrap;
}

.sl-pay-breakdown-total {
  margin-top: 10px;
  padding: 16px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(90deg, #eef5ff, #f8fbff);
}

.sl-pay-breakdown-total span,
.sl-pay-breakdown-total strong {
  color: #102248 !important;
  font-size: 21px;
  font-weight: 950;
}

.sl-pay-supplier-card {
  padding: 0;
  overflow: hidden;
}

.sl-pay-supplier-card details {
  background: #ffffff;
}

.sl-pay-supplier-card summary {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  color: #102248 !important;
  font-size: 16px;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
}

.sl-pay-supplier-card summary::-webkit-details-marker {
  display: none;
}

.sl-pay-supplier-card summary::after {
  content: "⌄";
  color: #102248 !important;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.sl-pay-summary-icon {
  width: 44px;
  height: 44px;
}

.sl-pay-summary-icon .sl-mask-icon {
  width: 22px;
  height: 22px;
}

.sl-pay-supplier-content {
  display: grid;
  gap: 12px;
  padding: 0 20px 18px;
}

.sl-pay-muted {
  margin: 0;
  color: #596b91 !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.sl-pay-trust-section {
  display: grid;
  gap: 14px;
}

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

.sl-pay-trust-card {
  min-height: 146px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 12px;
  padding: 18px 12px;
  border: 1px solid #d9e6ff;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.065);
  text-align: center;
}

.sl-pay-trust-icon {
  width: 50px;
  height: 50px;
}

.sl-pay-trust-icon .sl-mask-icon {
  width: 23px;
  height: 23px;
}

.sl-pay-trust-card p {
  margin: 0;
  color: #102248 !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.28;
}

.sl-pay-terms-card {
  padding: clamp(22px, 4vw, 30px);
  border: 1px solid #d9e6ff;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.065);
}

.sl-pay-terms-card h3 {
  margin-bottom: 16px;
}

.sl-pay-terms-label {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  color: #596b91 !important;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
}

.sl-pay-terms-label input {
  width: 28px;
  height: 28px;
  margin: 2px 0 0;
  accent-color: #2f66f3;
  color-scheme: light !important;
}

.sl-pay-terms-label a {
  color: #1d5ff4 !important;
  font-weight: 950;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sl-pay-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -1px 8px 0;
  color: #596b91 !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.35;
}

.sl-pay-note .sl-mask-icon {
  width: 18px;
  height: 18px;
  color: #2563eb !important;
}

.sl-pay-actions {
  display: grid;
  gap: 10px;
}

.sl-pay-primary-btn,
.sl-pay-secondary-btn {
  min-height: 62px !important;
  border-radius: 16px !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.sl-pay-primary-btn {
  display: grid !important;
  grid-template-columns: 38px 1fr 28px !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  background: linear-gradient(135deg, #1d5ff4 0%, #0877ff 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.24) !important;
  text-align: center !important;
}

.sl-pay-primary-btn .sl-mask-icon {
  justify-self: center;
  width: 21px;
  height: 21px;
  color: #ffffff !important;
}

.sl-pay-primary-btn span {
  color: #ffffff !important;
}

.sl-pay-primary-btn span:nth-child(2) {
  justify-self: center;
  text-align: center;
}

.sl-pay-arrow {
  display: grid;
  place-items: center;
  color: #ffffff !important;
  font-size: 31px;
  line-height: 1;
}

.sl-pay-secondary-btn {
  background: #ffffff !important;
  border: 1px solid #2f66f3 !important;
  color: #2f66f3 !important;
  box-shadow: none !important;
}

.sl-pay-secondary-btn span {
  color: #2f66f3 !important;
}

body.settlelink-dark-mode .sl-pay-review-clean,
body.settlelink-dark-mode .sl-pay-review-clean h1,
body.settlelink-dark-mode .sl-pay-review-clean h2,
body.settlelink-dark-mode .sl-pay-review-clean h3,
body.settlelink-dark-mode .sl-pay-review-clean strong {
  color: #102248 !important;
}

body.settlelink-dark-mode .sl-pay-review-clean p,
body.settlelink-dark-mode .sl-pay-review-clean span,
body.settlelink-dark-mode .sl-pay-review-clean small,
body.settlelink-dark-mode .sl-pay-review-clean label {
  color: inherit;
}

body.settlelink-dark-mode .sl-pay-card,
body.settlelink-dark-mode .sl-pay-hero,
body.settlelink-dark-mode .sl-pay-info-card,
body.settlelink-dark-mode .sl-pay-trust-card,
body.settlelink-dark-mode .sl-pay-terms-card,
body.settlelink-dark-mode .sl-pay-supplier-card {
  background-color: #ffffff !important;
  border-color: #d9e6ff !important;
}

@media (max-width: 760px) {
  body:has(.sl-pay-review-clean) .client-top-logo-card {
    min-height: 88px !important;
    border-radius: 24px !important;
  }

  .sl-pay-review-clean {
    gap: 13px;
    padding-bottom: 22px;
  }

  .sl-pay-head {
    padding: 0;
  }

  .sl-pay-title-top {
    align-items: center;
  }

  .sl-pay-head h1 {
    font-size: 40px;
  }

  .sl-pay-head p:not(.sl-pay-eyebrow) {
    font-size: 18px;
  }

  .sl-pay-hero {
    min-height: 172px;
    padding: 24px 16px 26px;
  }

  .sl-pay-hero-copy strong {
    font-size: 50px;
  }

  .sl-pay-info-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .sl-pay-info-card {
    min-height: 84px;
  }

  .sl-pay-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sl-pay-trust-card {
    min-height: 136px;
  }
}

@media (max-width: 430px) {
  .sl-pay-title-top {
    gap: 10px;
  }

  .sl-pay-eyebrow {
    font-size: 12px;
    letter-spacing: 0.13em;
  }

  .sl-pay-pill {
    font-size: 12px;
    padding: 7px 10px;
  }

  .sl-pay-head h1 {
    font-size: 38px;
  }

  .sl-pay-hero-copy strong {
    font-size: 46px;
  }

  .sl-pay-card h3,
  .sl-pay-trust-section h3,
  .sl-pay-terms-card h3 {
    font-size: 25px;
  }

  .sl-pay-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .sl-pay-trust-card {
    min-height: 130px;
    padding: 16px 10px;
  }

  .sl-pay-trust-card p {
    font-size: 13px;
  }

  .sl-pay-terms-label {
    font-size: 14px;
  }

  .sl-pay-primary-btn,
  .sl-pay-secondary-btn {
    font-size: 16px !important;
  }
}

/* =========================================
   CLIENT PAYMENT PAGES — FORCE LIGHT MODE
   Stops builder dark mode leaking into client payment links
   ========================================= */

body.settlelink-client-light-mode,
body.settlelink-client-light-mode.settlelink-dark-mode {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  color: #102248 !important;
  color-scheme: light !important;
}

body.settlelink-client-light-mode #app,
body.settlelink-client-light-mode.settlelink-dark-mode #app,
body.settlelink-client-light-mode .app-shell-client,
body.settlelink-client-light-mode.settlelink-dark-mode .app-shell-client {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  color: #102248 !important;
  color-scheme: light !important;
}

body.settlelink-client-light-mode .client-top-logo-card,
body.settlelink-client-light-mode.settlelink-dark-mode .client-top-logo-card {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: #2f66f3 !important;
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08) !important;
}

body.settlelink-client-light-mode .client-payment-review-v2,
body.settlelink-client-light-mode .client-payment-review-v2 *,
body.settlelink-client-light-mode .sl-pay-review-clean,
body.settlelink-client-light-mode .sl-pay-review-clean *,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 *,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean * {
  color-scheme: light !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.settlelink-client-light-mode .client-payment-review-v2 h1,
body.settlelink-client-light-mode .client-payment-review-v2 h2,
body.settlelink-client-light-mode .client-payment-review-v2 h3,
body.settlelink-client-light-mode .client-payment-review-v2 h4,
body.settlelink-client-light-mode .client-payment-review-v2 strong,
body.settlelink-client-light-mode .client-payment-review-v2 summary,
body.settlelink-client-light-mode .sl-pay-review-clean h1,
body.settlelink-client-light-mode .sl-pay-review-clean h2,
body.settlelink-client-light-mode .sl-pay-review-clean h3,
body.settlelink-client-light-mode .sl-pay-review-clean strong,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 h1,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 h2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 h3,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 h4,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 strong,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 summary,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean h1,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean h2,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean h3,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean strong {
  color: #071b43 !important;
  -webkit-text-fill-color: #071b43 !important;
}

body.settlelink-client-light-mode .client-payment-review-v2 p,
body.settlelink-client-light-mode .client-payment-review-v2 small,
body.settlelink-client-light-mode .client-payment-review-v2 label,
body.settlelink-client-light-mode .client-payment-review-v2 span,
body.settlelink-client-light-mode .sl-pay-review-clean p,
body.settlelink-client-light-mode .sl-pay-review-clean small,
body.settlelink-client-light-mode .sl-pay-review-clean label,
body.settlelink-client-light-mode .sl-pay-review-clean span,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 p,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 small,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 label,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 span,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean p,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean small,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean label,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-review-clean span {
  color: #3f5175 !important;
  -webkit-text-fill-color: #3f5175 !important;
}

body.settlelink-client-light-mode .client-payment-review-v2 a,
body.settlelink-client-light-mode .client-payment-review-v2 .client-pay-eyebrow-v2,
body.settlelink-client-light-mode .client-payment-review-v2 .client-pay-step-pill-v2,
body.settlelink-client-light-mode .sl-pay-review-clean a,
body.settlelink-client-light-mode .sl-pay-review-clean .sl-pay-eyebrow,
body.settlelink-client-light-mode .sl-pay-review-clean .sl-pay-pill {
  color: #1d5ff4 !important;
  -webkit-text-fill-color: #1d5ff4 !important;
}

body.settlelink-client-light-mode .client-pay-amount-card-v2,
body.settlelink-client-light-mode .client-pay-identity-card-v2,
body.settlelink-client-light-mode .client-pay-breakdown-card-v2,
body.settlelink-client-light-mode .client-pay-confirm-card-v2,
body.settlelink-client-light-mode .client-pay-secure-tile-v2,
body.settlelink-client-light-mode .client-payment-review-v2 > .panel details,
body.settlelink-client-light-mode .sl-pay-hero,
body.settlelink-client-light-mode .sl-pay-info-card,
body.settlelink-client-light-mode .sl-pay-card,
body.settlelink-client-light-mode .sl-pay-trust-card,
body.settlelink-client-light-mode .sl-pay-terms-card,
body.settlelink-client-light-mode .sl-pay-supplier-card,
body.settlelink-client-light-mode.settlelink-dark-mode .client-pay-amount-card-v2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-pay-identity-card-v2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-pay-breakdown-card-v2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-pay-confirm-card-v2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-pay-secure-tile-v2,
body.settlelink-client-light-mode.settlelink-dark-mode .client-payment-review-v2 > .panel details,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-hero,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-info-card,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-card,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-trust-card,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-terms-card,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-supplier-card {
  background: #ffffff !important;
  border-color: #d9e6ff !important;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.07) !important;
}

/* =========================================
   CLIENT PAYMENT MOBILE — SMALLER AMOUNT CARD
   ========================================= */

@media (max-width: 520px) {
  body.settlelink-client-light-mode .client-payment-review-v2 {
    gap: 12px !important;
  }

  body.settlelink-client-light-mode .client-pay-amount-card-v2 {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 16px 14px 18px !important;
    min-height: 168px !important;
    border-radius: 22px !important;
  }

  body.settlelink-client-light-mode .client-pay-amount-icon-v2 {
    width: 48px !important;
    height: 48px !important;
  }

  body.settlelink-client-light-mode .client-pay-amount-card-v2 span {
    font-size: 15px !important;
    line-height: 1.15 !important;
    margin-top: 0 !important;
  }

  body.settlelink-client-light-mode .client-pay-amount-card-v2 strong {
    font-size: 44px !important;
    line-height: 0.95 !important;
    margin-top: 0 !important;
    letter-spacing: -0.055em !important;
  }

  body.settlelink-client-light-mode .sl-pay-review-clean {
    gap: 12px !important;
  }

  body.settlelink-client-light-mode .sl-pay-hero {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 16px 14px 18px !important;
    min-height: 168px !important;
    border-radius: 22px !important;
  }

  body.settlelink-client-light-mode .sl-pay-hero-icon {
    width: 48px !important;
    height: 48px !important;
  }

  body.settlelink-client-light-mode .sl-pay-hero-icon .sl-mask-icon {
    width: 22px !important;
    height: 22px !important;
  }

  body.settlelink-client-light-mode .sl-pay-hero-copy span {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body.settlelink-client-light-mode .sl-pay-hero-copy strong {
    font-size: 44px !important;
    line-height: 0.95 !important;
    margin-top: 0 !important;
  }
}

/* =========================================
   CLIENT PAYMENT LINKS — FORCE LIGHT MODE
   Keeps client payment summaries readable even if builder dark mode is saved
   ========================================= */

html:has(body.settlelink-client-open),
body.settlelink-client-open,
body.settlelink-client-light-mode {
  color-scheme: light !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  color: #102248 !important;
}

body.settlelink-client-open.settlelink-dark-mode,
body.settlelink-client-light-mode.settlelink-dark-mode {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef2f7 100%) !important;
  color: #102248 !important;
}

body.settlelink-client-open .app-shell-client,
body.settlelink-client-light-mode .app-shell-client,
body.settlelink-client-open #app,
body.settlelink-client-light-mode #app {
  color-scheme: light !important;
  background: transparent !important;
  color: #102248 !important;
}

body.settlelink-client-open .client-top-logo-card,
body.settlelink-client-light-mode .client-top-logo-card,
body.settlelink-client-open.settlelink-dark-mode .client-top-logo-card,
body.settlelink-client-light-mode.settlelink-dark-mode .client-top-logo-card {
  background: #ffffff !important;
  border-color: #2f66f3 !important;
  box-shadow: 0 18px 42px rgba(15, 34, 72, 0.08) !important;
}

body.settlelink-client-open .client-top-logo-image,
body.settlelink-client-light-mode .client-top-logo-image {
  filter: none !important;
}

/* New client payment summary screen */
body.settlelink-client-open .sl-client-summary-header h1,
body.settlelink-client-open .sl-client-summary-copy h3,
body.settlelink-client-open .sl-client-summary-amount strong,
body.settlelink-client-open .sl-client-summary-meta-card strong,
body.settlelink-client-open .sl-client-breakdown-row strong,
body.settlelink-client-open .sl-details-row strong,
body.settlelink-client-open .panel-title,
body.settlelink-client-light-mode .sl-client-summary-header h1,
body.settlelink-client-light-mode .sl-client-summary-copy h3,
body.settlelink-client-light-mode .sl-client-summary-amount strong,
body.settlelink-client-light-mode .sl-client-summary-meta-card strong,
body.settlelink-client-light-mode .sl-client-breakdown-row strong,
body.settlelink-client-light-mode .sl-details-row strong,
body.settlelink-client-light-mode .panel-title {
  color: #071b43 !important;
  -webkit-text-fill-color: #071b43 !important;
}

body.settlelink-client-open .sl-client-summary-header .eyebrow,
body.settlelink-client-open .sl-client-summary-badge,
body.settlelink-client-open .sl-client-breakdown-total span,
body.settlelink-client-open .sl-client-breakdown-total strong,
body.settlelink-client-light-mode .sl-client-summary-header .eyebrow,
body.settlelink-client-light-mode .sl-client-summary-badge,
body.settlelink-client-light-mode .sl-client-breakdown-total span,
body.settlelink-client-light-mode .sl-client-breakdown-total strong {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

body.settlelink-client-open .sl-client-summary-copy p,
body.settlelink-client-open .sl-client-summary-amount span,
body.settlelink-client-open .sl-client-summary-meta-card small,
body.settlelink-client-open .sl-client-breakdown-row span,
body.settlelink-client-open .sl-details-row span,
body.settlelink-client-open .muted-text,
body.settlelink-client-light-mode .sl-client-summary-copy p,
body.settlelink-client-light-mode .sl-client-summary-amount span,
body.settlelink-client-light-mode .sl-client-summary-meta-card small,
body.settlelink-client-light-mode .sl-client-breakdown-row span,
body.settlelink-client-light-mode .sl-details-row span,
body.settlelink-client-light-mode .muted-text {
  color: #596b91 !important;
  -webkit-text-fill-color: #596b91 !important;
}

body.settlelink-client-open .sl-client-summary-hero,
body.settlelink-client-open .sl-client-summary-meta-card,
body.settlelink-client-open .sl-client-summary-breakdown-card,
body.settlelink-client-open .sl-client-summary-details-card,
body.settlelink-client-open .sl-client-supplier-card,
body.settlelink-client-open .sl-client-summary-note-card,
body.settlelink-client-light-mode .sl-client-summary-hero,
body.settlelink-client-light-mode .sl-client-summary-meta-card,
body.settlelink-client-light-mode .sl-client-summary-breakdown-card,
body.settlelink-client-light-mode .sl-client-summary-details-card,
body.settlelink-client-light-mode .sl-client-supplier-card,
body.settlelink-client-light-mode .sl-client-summary-note-card {
  background: #ffffff !important;
  border-color: #d9e6ff !important;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.07) !important;
  color-scheme: light !important;
}

body.settlelink-client-open .sl-client-summary-hero,
body.settlelink-client-light-mode .sl-client-summary-hero {
  background:
    radial-gradient(circle at 50% 10%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

body.settlelink-client-open .sl-client-summary-note-card,
body.settlelink-client-light-mode .sl-client-summary-note-card {
  background: #f7fbff !important;
}

body.settlelink-client-open .payment-terms-point,
body.settlelink-client-light-mode .payment-terms-point {
  background: #ffffff !important;
  border-color: #d9e6ff !important;
  color-scheme: light !important;
}

body.settlelink-client-open .payment-terms-point strong,
body.settlelink-client-light-mode .payment-terms-point strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body.settlelink-client-open .payment-terms-point span,
body.settlelink-client-light-mode .payment-terms-point span {
  color: #596b91 !important;
  -webkit-text-fill-color: #596b91 !important;
}

/* Old client payment review screen backup */
body.settlelink-client-open .client-payment-review-v2,
body.settlelink-client-open .client-payment-review-v2 *,
body.settlelink-client-open .sl-pay-review-clean,
body.settlelink-client-open .sl-pay-review-clean *,
body.settlelink-client-light-mode .client-payment-review-v2,
body.settlelink-client-light-mode .client-payment-review-v2 *,
body.settlelink-client-light-mode .sl-pay-review-clean,
body.settlelink-client-light-mode .sl-pay-review-clean * {
  color-scheme: light !important;
}

/* =========================================
   CLIENT PAYMENT REVIEW — FINAL LIGHT MODE FIXES
   Fixes dark-mode text/button leakage on client payment links
   ========================================= */

body.settlelink-client-open .sl-pay-review-clean,
body.settlelink-client-light-mode .sl-pay-review-clean,
body.settlelink-client-open .sl-pay-review-clean *,
body.settlelink-client-light-mode .sl-pay-review-clean * {
  color-scheme: light !important;
}

/* Supplier/contact collapsed row */
body.settlelink-client-open .sl-pay-supplier-card,
body.settlelink-client-light-mode .sl-pay-supplier-card,
body.settlelink-client-open .sl-pay-supplier-card details,
body.settlelink-client-light-mode .sl-pay-supplier-card details {
  background: #ffffff !important;
  border-color: #d9e6ff !important;
}

body.settlelink-client-open .sl-pay-supplier-card summary,
body.settlelink-client-light-mode .sl-pay-supplier-card summary,
body.settlelink-client-open .sl-pay-supplier-card summary span,
body.settlelink-client-light-mode .sl-pay-supplier-card summary span {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body.settlelink-client-open .sl-pay-supplier-card summary::after,
body.settlelink-client-light-mode .sl-pay-supplier-card summary::after {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body.settlelink-client-open .sl-pay-supplier-card summary .sl-mask-icon,
body.settlelink-client-light-mode .sl-pay-supplier-card summary .sl-mask-icon {
  color: #2563eb !important;
  background-color: #2563eb !important;
  -webkit-text-fill-color: transparent !important;
}

/* Feedback warning box must stay light */
body.settlelink-client-open .payment-feedback-box,
body.settlelink-client-light-mode .payment-feedback-box,
body.settlelink-client-open.settlelink-dark-mode .payment-feedback-box,
body.settlelink-client-light-mode.settlelink-dark-mode .payment-feedback-box {
  background: #fff7ed !important;
  border: 1px solid #fed7aa !important;
  color: #9a3412 !important;
  -webkit-text-fill-color: #9a3412 !important;
  box-shadow: 0 12px 28px rgba(154, 52, 18, 0.08) !important;
}

/* Continue to secure payment button */
body.settlelink-client-open .sl-pay-primary-btn,
body.settlelink-client-light-mode .sl-pay-primary-btn,
body.settlelink-client-open .sl-pay-primary-btn:disabled,
body.settlelink-client-light-mode .sl-pay-primary-btn:disabled,
body.settlelink-client-open.settlelink-dark-mode .sl-pay-primary-btn,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-primary-btn {
  background: linear-gradient(135deg, #1d5ff4 0%, #0877ff 100%) !important;
  border: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.24) !important;
  opacity: 1 !important;
}

body.settlelink-client-open .sl-pay-primary-btn *,
body.settlelink-client-light-mode .sl-pay-primary-btn *,
body.settlelink-client-open .sl-pay-primary-btn:disabled *,
body.settlelink-client-light-mode .sl-pay-primary-btn:disabled *,
body.settlelink-client-open.settlelink-dark-mode .sl-pay-primary-btn *,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-primary-btn * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-client-open .sl-pay-primary-btn .sl-mask-icon,
body.settlelink-client-light-mode .sl-pay-primary-btn .sl-mask-icon,
body.settlelink-client-open.settlelink-dark-mode .sl-pay-primary-btn .sl-mask-icon,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-primary-btn .sl-mask-icon {
  background-color: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: transparent !important;
}

/* Back to payment summary button */
body.settlelink-client-open .sl-pay-secondary-btn,
body.settlelink-client-light-mode .sl-pay-secondary-btn,
body.settlelink-client-open.settlelink-dark-mode .sl-pay-secondary-btn,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-secondary-btn {
  background: #ffffff !important;
  border: 1px solid #d9e6ff !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  box-shadow: 0 14px 30px rgba(15, 34, 72, 0.07) !important;
}

body.settlelink-client-open .sl-pay-secondary-btn *,
body.settlelink-client-light-mode .sl-pay-secondary-btn *,
body.settlelink-client-open.settlelink-dark-mode .sl-pay-secondary-btn *,
body.settlelink-client-light-mode.settlelink-dark-mode .sl-pay-secondary-btn * {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

/* Keep form/terms text readable */
body.settlelink-client-open .sl-pay-terms-label span,
body.settlelink-client-light-mode .sl-pay-terms-label span {
  color: #3f5175 !important;
  -webkit-text-fill-color: #3f5175 !important;
}

body.settlelink-client-open .sl-pay-terms-label a,
body.settlelink-client-light-mode .sl-pay-terms-label a {
  color: #1d5ff4 !important;
  -webkit-text-fill-color: #1d5ff4 !important;
}

/* =========================================
   BUILDER MOBILE NAV ICON SWAP + CLIENT PAY BUTTON TEXT FIX
   Projects = house, More = settings cog, client pay button = white text
   ========================================= */

/* Projects bottom nav = house icon */
.mobile-bottom-nav-icon.icon-dashboard {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.8L12 4.2L20 10.8' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 10.5V19.5H17.5V10.5' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19.5V14H14V19.5' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.8L12 4.2L20 10.8' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 10.5V19.5H17.5V10.5' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19.5V14H14V19.5' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* More bottom nav = settings/cog icon */
.mobile-bottom-nav-icon.icon-company {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.2C13.7673 15.2 15.2 13.7673 15.2 12C15.2 10.2327 13.7673 8.8 12 8.8C10.2327 8.8 8.8 10.2327 8.8 12C8.8 13.7673 10.2327 15.2 12 15.2Z' stroke='black' stroke-width='2.4'/%3E%3Cpath d='M19.2 13.4C19.3 12.95 19.35 12.48 19.35 12C19.35 11.52 19.3 11.05 19.2 10.6L21 9.25L19.2 6.1L17.1 7C16.4 6.35 15.6 5.88 14.7 5.6L14.4 3.35H9.6L9.3 5.6C8.4 5.88 7.6 6.35 6.9 7L4.8 6.1L3 9.25L4.8 10.6C4.7 11.05 4.65 11.52 4.65 12C4.65 12.48 4.7 12.95 4.8 13.4L3 14.75L4.8 17.9L6.9 17C7.6 17.65 8.4 18.12 9.3 18.4L9.6 20.65H14.4L14.7 18.4C15.6 18.12 16.4 17.65 17.1 17L19.2 17.9L21 14.75L19.2 13.4Z' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.2C13.7673 15.2 15.2 13.7673 15.2 12C15.2 10.2327 13.7673 8.8 12 8.8C10.2327 8.8 8.8 10.2327 8.8 12C8.8 13.7673 10.2327 15.2 12 15.2Z' stroke='black' stroke-width='2.4'/%3E%3Cpath d='M19.2 13.4C19.3 12.95 19.35 12.48 19.35 12C19.35 11.52 19.3 11.05 19.2 10.6L21 9.25L19.2 6.1L17.1 7C16.4 6.35 15.6 5.88 14.7 5.6L14.4 3.35H9.6L9.3 5.6C8.4 5.88 7.6 6.35 6.9 7L4.8 6.1L3 9.25L4.8 10.6C4.7 11.05 4.65 11.52 4.65 12C4.65 12.48 4.7 12.95 4.8 13.4L3 14.75L4.8 17.9L6.9 17C7.6 17.65 8.4 18.12 9.3 18.4L9.6 20.65H14.4L14.7 18.4C15.6 18.12 16.4 17.65 17.1 17L19.2 17.9L21 14.75L19.2 13.4Z' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Keep bottom nav icon colour controlled by active/inactive state */
.mobile-bottom-nav-icon.icon-dashboard,
.mobile-bottom-nav-icon.icon-company {
  background-color: currentColor !important;
  color: inherit !important;
}

/* Force client continue button wording/icon/arrow white */
body.settlelink-client-open .sl-pay-primary-btn,
body.settlelink-client-light-mode .sl-pay-primary-btn,
body.settlelink-client-open .sl-pay-primary-btn:disabled,
body.settlelink-client-light-mode .sl-pay-primary-btn:disabled {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-client-open .sl-pay-primary-btn span,
body.settlelink-client-light-mode .sl-pay-primary-btn span,
body.settlelink-client-open .sl-pay-primary-btn:disabled span,
body.settlelink-client-light-mode .sl-pay-primary-btn:disabled span,
body.settlelink-client-open .sl-pay-primary-btn .sl-pay-arrow,
body.settlelink-client-light-mode .sl-pay-primary-btn .sl-pay-arrow,
body.settlelink-client-open .sl-pay-primary-btn:disabled .sl-pay-arrow,
body.settlelink-client-light-mode .sl-pay-primary-btn:disabled .sl-pay-arrow {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-client-open .sl-pay-primary-btn .sl-mask-icon,
body.settlelink-client-light-mode .sl-pay-primary-btn .sl-mask-icon,
body.settlelink-client-open .sl-pay-primary-btn:disabled .sl-mask-icon,
body.settlelink-client-light-mode .sl-pay-primary-btn:disabled .sl-mask-icon {
  background-color: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: transparent !important;
}

/* =========================================
   MORE PAGE — NOTIFICATIONS ROW SPACING FIX
   Makes the notification count badge sit comfortably beside the arrow
   ========================================= */

.more-notifications-section .more-settings-row {
  grid-template-columns: 62px minmax(0, 1fr) auto 28px !important;
  column-gap: 14px !important;
}

.more-notifications-section .more-settings-row-copy {
  min-width: 0 !important;
  padding-right: 4px !important;
}

.more-notifications-section .more-settings-row-copy strong,
.more-notifications-section .more-settings-row-copy small {
  max-width: 100% !important;
}

.more-notifications-count-pill {
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  background: #eef5ff !important;
  color: #2f66f3 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(47, 102, 243, 0.10) !important;
}

.more-notifications-section .more-settings-row-arrow {
  justify-self: end !important;
}

body.settlelink-dark-mode .more-notifications-count-pill {
  background: rgba(47, 102, 243, 0.18) !important;
  color: #7ba4ff !important;
  box-shadow: inset 0 0 0 1px rgba(123, 164, 255, 0.14) !important;
}

@media (max-width: 768px) {
  .more-notifications-section .more-settings-row {
    grid-template-columns: 56px minmax(0, 1fr) auto 24px !important;
    column-gap: 10px !important;
  }

  .more-notifications-count-pill {
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 380px) {
  .more-notifications-section .more-settings-row {
    grid-template-columns: 50px minmax(0, 1fr) auto 22px !important;
    column-gap: 8px !important;
  }

  .more-notifications-section .more-settings-row-copy strong {
    font-size: 21px !important;
  }

  .more-notifications-section .more-settings-row-copy small {
    font-size: 13px !important;
  }

  .more-notifications-count-pill {
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 7px !important;
    font-size: 13px !important;
  }
}

/* =========================================
   GLOBAL MOBILE LOGO CONSISTENCY FIX
   Makes marketing/Open App logo match builder workspace logo card
   in both light mode and dark mode
   ========================================= */

@media (max-width: 768px) {
  body.settlelink-marketing-open .top-nav {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body.settlelink-marketing-open .nav-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 14px 16px !important;
    box-sizing: border-box !important;
  }

  body.settlelink-marketing-open .brand-marketing {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 18px 22px !important;
    border-radius: 30px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 4px solid #2f66f3 !important;
  }

  body.settlelink-marketing-open .brand-logo-full {
    width: auto !important;
    max-width: min(270px, 72vw) !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    display: block !important;
  }

  body.settlelink-marketing-open:not(.settlelink-dark-mode) .brand-marketing {
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(47, 102, 243, 0.14) !important;
  }

  body.settlelink-marketing-open.settlelink-dark-mode .brand-marketing {
    background:
      radial-gradient(circle at top, rgba(47, 102, 243, 0.16), transparent 34%),
      linear-gradient(180deg, #0f172a 0%, #111827 100%) !important;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.28) !important;
  }
}

/* =========================================
   MORE PAGE — NOTIFICATIONS PANEL DARK MODE FIX
   Makes the opened Notifications box readable in builder dark mode
   ========================================= */

body.settlelink-dark-mode .more-notifications-panel,
body.settlelink-dark-mode .notifications-panel,
body.settlelink-dark-mode .more-notifications-card {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.18), transparent 34%),
    linear-gradient(180deg, #111c2f 0%, #0f172a 100%) !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  color: #f8fbff !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.30) !important;
}

body.settlelink-dark-mode .more-notifications-panel *,
body.settlelink-dark-mode .notifications-panel *,
body.settlelink-dark-mode .more-notifications-card * {
  -webkit-text-fill-color: initial !important;
}

body.settlelink-dark-mode .more-notifications-panel h2,
body.settlelink-dark-mode .more-notifications-panel h3,
body.settlelink-dark-mode .more-notifications-panel strong,
body.settlelink-dark-mode .notifications-panel h2,
body.settlelink-dark-mode .notifications-panel h3,
body.settlelink-dark-mode .notifications-panel strong,
body.settlelink-dark-mode .more-notifications-card h2,
body.settlelink-dark-mode .more-notifications-card h3,
body.settlelink-dark-mode .more-notifications-card strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-notifications-panel p,
body.settlelink-dark-mode .more-notifications-panel small,
body.settlelink-dark-mode .more-notifications-panel span,
body.settlelink-dark-mode .notifications-panel p,
body.settlelink-dark-mode .notifications-panel small,
body.settlelink-dark-mode .notifications-panel span,
body.settlelink-dark-mode .more-notifications-card p,
body.settlelink-dark-mode .more-notifications-card small,
body.settlelink-dark-mode .more-notifications-card span {
  color: #b8c7e6 !important;
  -webkit-text-fill-color: #b8c7e6 !important;
}

body.settlelink-dark-mode .more-notifications-panel .eyebrow,
body.settlelink-dark-mode .notifications-panel .eyebrow,
body.settlelink-dark-mode .more-notifications-card .eyebrow {
  color: #7ba4ff !important;
  -webkit-text-fill-color: #7ba4ff !important;
}

body.settlelink-dark-mode .more-notifications-panel button,
body.settlelink-dark-mode .notifications-panel button,
body.settlelink-dark-mode .more-notifications-card button {
  background: rgba(47, 102, 243, 0.16) !important;
  border: 1px solid rgba(123, 164, 255, 0.24) !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-dark-mode .more-notifications-empty,
body.settlelink-dark-mode .notifications-empty,
body.settlelink-dark-mode .more-notifications-info,
body.settlelink-dark-mode .notifications-info {
  background: rgba(15, 23, 42, 0.70) !important;
  border: 1px dashed rgba(148, 163, 184, 0.28) !important;
  color: #b8c7e6 !important;
  -webkit-text-fill-color: #b8c7e6 !important;
}

body.settlelink-dark-mode .more-notifications-empty strong,
body.settlelink-dark-mode .notifications-empty strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-notifications-note,
body.settlelink-dark-mode .notifications-note {
  background: rgba(30, 41, 59, 0.86) !important;
  border: 1px solid rgba(96, 165, 250, 0.16) !important;
  color: #b8c7e6 !important;
  -webkit-text-fill-color: #b8c7e6 !important;
}

/* =========================================
   PROJECTS DASHBOARD PREMIUM POLISH
   Matches polished AI direction without changing app logic
   ========================================= */

body.settlelink-dark-mode.settlelink-builder-open {
  background:
    radial-gradient(circle at 50% -10%, rgba(47, 102, 243, 0.28), transparent 30%),
    radial-gradient(circle at 10% 20%, rgba(34, 197, 94, 0.08), transparent 22%),
    linear-gradient(180deg, #050b18 0%, #071120 45%, #0b1220 100%) !important;
}

body.settlelink-builder-open .app-shell,
body.settlelink-builder-open .app-shell-builder {
  max-width: 980px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-bottom: 112px !important;
}

/* Top SettleLink logo card */

body.settlelink-dark-mode.settlelink-builder-open .builder-mobile-logo {
  margin: 0 auto 28px !important;
  padding: 22px 24px !important;
  min-height: 92px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.24), transparent 44%),
    linear-gradient(180deg, rgba(10, 20, 38, 0.98), rgba(5, 12, 26, 0.98)) !important;
  border: 3px solid #2f66f3 !important;
  box-shadow:
    0 0 0 1px rgba(147, 197, 253, 0.12),
    0 0 24px rgba(47, 102, 243, 0.34),
    0 22px 48px rgba(0, 0, 0, 0.38) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .builder-mobile-logo-image {
  max-width: min(300px, 70vw) !important;
  max-height: 62px !important;
  object-fit: contain !important;
}

/* Main dashboard shell */

body.settlelink-dark-mode .dashboard-shell {
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Welcome card */

body.settlelink-dark-mode .dashboard-welcome-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 224px !important;
  padding: 30px 32px !important;
  margin-bottom: 28px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 88% 30%, rgba(47, 102, 243, 0.38), transparent 36%),
    linear-gradient(135deg, rgba(12, 24, 45, 0.98), rgba(7, 15, 31, 0.98)) !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 52px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode .dashboard-welcome-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 34%);
  opacity: 0.55;
}

body.settlelink-dark-mode .dashboard-welcome-card > * {
  position: relative;
  z-index: 1;
}

body.settlelink-dark-mode .dashboard-welcome-card .builder-workspace-page-eyebrow {
  margin-bottom: 16px !important;
  color: #2f7cff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
}

body.settlelink-dark-mode .dashboard-welcome-title {
  max-width: 620px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(30px, 5vw, 44px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.06em !important;
}

body.settlelink-dark-mode .dashboard-welcome-card .page-subtitle {
  max-width: 560px !important;
  margin-top: 18px !important;
  color: #bdcbe5 !important;
  font-size: clamp(18px, 3.2vw, 25px) !important;
  line-height: 1.38 !important;
}

body.settlelink-dark-mode .dashboard-house-illustration {
  width: 230px !important;
  max-width: 100% !important;
  transform: translateX(8px) scale(1.08) !important;
  filter: drop-shadow(0 20px 34px rgba(47, 102, 243, 0.34)) !important;
}

/* Projects heading and create button */

body.settlelink-dark-mode .dashboard-projects-section {
  margin-top: 0 !important;
}

body.settlelink-dark-mode .dashboard-projects-heading {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
}

body.settlelink-dark-mode .dashboard-projects-heading h2 {
  color: #ffffff !important;
  font-size: clamp(32px, 5vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
}

body.settlelink-dark-mode .dashboard-project-count-badge {
  min-width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(23, 39, 67, 0.98), rgba(13, 25, 45, 0.98)) !important;
  border: 1px solid rgba(96, 165, 250, 0.30) !important;
  color: #66a6ff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 22px rgba(0,0,0,0.22) !important;
}

body.settlelink-dark-mode .dashboard-create-project-btn {
  width: 100% !important;
  min-height: 76px !important;
  margin: 0 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, #2f82ff 0%, #195ef2 100%) !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  border: 1px solid rgba(147, 197, 253, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 18px 34px rgba(47, 102, 243, 0.30) !important;
}

body.settlelink-dark-mode .dashboard-create-project-btn::before {
  content: "+";
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(255,255,255,0.92);
  border-radius: 999px;
  font-size: 24px;
  line-height: 1;
}

/* Project cards */

body.settlelink-dark-mode .dashboard-projects-grid {
  gap: 18px !important;
}

body.settlelink-dark-mode .dashboard-project-card,
body.settlelink-dark-mode .dashboard-project-card-polished {
  position: relative !important;
  overflow: hidden !important;
  padding: 26px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 5% 0%, rgba(47, 102, 243, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(12, 24, 43, 0.98), rgba(8, 17, 33, 0.98)) !important;
  border: 1px solid rgba(96, 165, 250, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 22px 46px rgba(0, 0, 0, 0.28) !important;
}

body.settlelink-dark-mode .dashboard-project-card-top {
  align-items: center !important;
  margin-bottom: 22px !important;
}

body.settlelink-dark-mode .dashboard-project-title-row {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

body.settlelink-dark-mode .dashboard-project-icon {
  width: 74px !important;
  height: 74px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(96, 165, 250, 0.20), transparent 36%),
    linear-gradient(180deg, #13233d 0%, #0b172b 100%) !important;
  border: 1px solid rgba(96, 165, 250, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 14px 28px rgba(0,0,0,0.30) !important;
}

body.settlelink-dark-mode .dashboard-project-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 4.5vw, 38px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
}

body.settlelink-dark-mode .dashboard-project-menu {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  background: rgba(15, 28, 50, 0.86) !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  color: #aebcdf !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

body.settlelink-dark-mode .dashboard-project-menu:hover {
  background: rgba(47, 102, 243, 0.16) !important;
  color: #ffffff !important;
}

/* Stat row */

body.settlelink-dark-mode .dashboard-project-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 24px !important;
}

body.settlelink-dark-mode .dashboard-project-stat {
  min-width: 0 !important;
  padding: 0 18px !important;
  text-align: center !important;
  border-right: 1px solid rgba(148, 163, 184, 0.24) !important;
}

body.settlelink-dark-mode .dashboard-project-stat:first-child {
  padding-left: 0 !important;
}

body.settlelink-dark-mode .dashboard-project-stat:last-child {
  padding-right: 0 !important;
  border-right: none !important;
}

body.settlelink-dark-mode .dashboard-project-stat span {
  display: block !important;
  margin-bottom: 8px !important;
  color: #aebcdf !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
}

body.settlelink-dark-mode .dashboard-project-stat strong {
  display: block !important;
  color: #ffffff !important;
  font-size: clamp(20px, 3.4vw, 28px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

body.settlelink-dark-mode .dashboard-project-stat strong.is-paid,
body.settlelink-dark-mode .dashboard-project-stat .is-paid,
body.settlelink-dark-mode .dashboard-project-paid,
body.settlelink-dark-mode .dashboard-money-paid {
  color: #42df82 !important;
}

body.settlelink-dark-mode .dashboard-project-stat strong.is-due,
body.settlelink-dark-mode .dashboard-project-stat .is-due,
body.settlelink-dark-mode .dashboard-money-owed {
  color: #ff982f !important;
}

/* Open project button */

body.settlelink-dark-mode .dashboard-open-project-btn {
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  border-radius: 18px !important;
  background: rgba(20, 34, 56, 0.92) !important;
  color: #eef5ff !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

body.settlelink-dark-mode .dashboard-open-project-btn:hover {
  background: rgba(47, 102, 243, 0.18) !important;
  transform: translateY(-1px) !important;
}

/* Progress bars and notes */

body.settlelink-dark-mode .dashboard-project-progress-wrap {
  gap: 12px !important;
}

body.settlelink-dark-mode .dashboard-project-progress-track {
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(65, 86, 117, 0.68) !important;
}

body.settlelink-dark-mode .dashboard-project-progress-fill {
  border-radius: 999px !important;
  box-shadow: 0 0 16px rgba(47, 102, 243, 0.10) !important;
}

body.settlelink-dark-mode .dashboard-project-progress-fill.is-draft,
body.settlelink-dark-mode .dashboard-project-progress-fill.is-awaiting,
body.settlelink-dark-mode .dashboard-project-progress-fill.is-waiting {
  background: linear-gradient(90deg, #ff980f 0%, #ffb12b 100%) !important;
  box-shadow: 0 0 14px rgba(255, 152, 15, 0.24) !important;
}

body.settlelink-dark-mode .dashboard-project-progress-fill.is-complete,
body.settlelink-dark-mode .dashboard-project-progress-fill.is-active {
  background: linear-gradient(90deg, #26d466 0%, #36df78 100%) !important;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.24) !important;
}

body.settlelink-dark-mode .dashboard-project-progress-note {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  color: #d8e4f8 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

body.settlelink-dark-mode .dashboard-project-progress-note::before {
  content: "";
  width: 14px;
  height: 14px;
  min-width: 14px;
  border-radius: 999px;
  background: #ff980f;
  box-shadow: 0 0 12px rgba(255, 152, 15, 0.30);
}

body.settlelink-dark-mode .dashboard-project-progress-note.is-complete::before,
body.settlelink-dark-mode .dashboard-project-progress-note.is-active::before {
  background: #26d466;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.30);
}

/* Completed projects card */

body.settlelink-dark-mode .dashboard-completed-panel,
body.settlelink-dark-mode .dashboard-completed-panel-polished {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  margin-top: 22px !important;
  padding: 24px 28px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 4% 50%, rgba(34, 197, 94, 0.13), transparent 26%),
    linear-gradient(180deg, rgba(12, 24, 43, 0.98), rgba(8, 17, 33, 0.98)) !important;
  border: 1px solid rgba(96, 165, 250, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 22px 46px rgba(0, 0, 0, 0.26) !important;
}

body.settlelink-dark-mode .dashboard-completed-main {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 !important;
}

body.settlelink-dark-mode .dashboard-completed-icon {
  width: 78px !important;
  height: 78px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 45% 35%, rgba(54, 223, 120, 0.24), transparent 42%),
    linear-gradient(180deg, #103421 0%, #0b2117 100%) !important;
  color: #5af08c !important;
  border: 1px solid rgba(54, 223, 120, 0.38) !important;
  box-shadow:
    0 0 20px rgba(34, 197, 94, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

body.settlelink-dark-mode .dashboard-completed-panel-polished .panel-title,
body.settlelink-dark-mode .dashboard-completed-panel .panel-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(24px, 4vw, 32px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}

body.settlelink-dark-mode .dashboard-completed-panel-polished .muted-text,
body.settlelink-dark-mode .dashboard-completed-panel .muted-text {
  margin-top: 8px !important;
  color: #b8c7e6 !important;
  font-size: 19px !important;
}

body.settlelink-dark-mode .dashboard-completed-open-btn {
  min-width: 270px !important;
  min-height: 62px !important;
  border-radius: 18px !important;
  background: rgba(20, 34, 56, 0.78) !important;
  color: #4090ff !important;
  border: 1px solid rgba(47, 102, 243, 0.86) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* Bottom mobile nav */

body.settlelink-dark-mode .mobile-bottom-nav {
  left: 16px !important;
  right: 16px !important;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  border-radius: 26px !important;
  background: rgba(10, 20, 36, 0.94) !important;
  border: 1px solid rgba(96, 165, 250, 0.26) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(18px) !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link {
  border-radius: 20px !important;
  min-height: 76px !important;
  color: #aebcdf !important;
  font-weight: 800 !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-link.active {
  background: linear-gradient(180deg, rgba(47, 102, 243, 0.34), rgba(30, 64, 175, 0.38)) !important;
  color: #58a1ff !important;
}

body.settlelink-dark-mode .mobile-bottom-nav-label {
  margin-top: 6px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Mobile tightening */

@media (max-width: 520px) {
  body.settlelink-builder-open .app-shell,
  body.settlelink-builder-open .app-shell-builder {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 112px !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .builder-mobile-logo {
    min-height: 86px !important;
    margin-bottom: 26px !important;
    padding: 20px 18px !important;
    border-radius: 28px !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .builder-mobile-logo-image {
    max-width: min(245px, 68vw) !important;
    max-height: 54px !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-card {
  grid-template-columns: minmax(0, 1fr) 138px !important;
  min-height: 220px !important;
  padding: 24px 20px !important;
  border-radius: 26px !important;
  gap: 10px !important;
}

  body.settlelink-dark-mode .dashboard-welcome-title {
    font-size: 32px !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-card .page-subtitle {
    font-size: 18px !important;
    line-height: 1.38 !important;
    margin-top: 14px !important;
  }

  body.settlelink-dark-mode .dashboard-house-illustration {
  width: 138px !important;
  transform: translateX(8px) scale(1.08) !important;
}

  body.settlelink-dark-mode .dashboard-projects-heading h2 {
    font-size: 33px !important;
  }

  body.settlelink-dark-mode .dashboard-create-project-btn {
    min-height: 66px !important;
    font-size: 21px !important;
    border-radius: 19px !important;
  }

  body.settlelink-dark-mode .dashboard-project-card,
  body.settlelink-dark-mode .dashboard-project-card-polished {
    padding: 22px 18px !important;
    border-radius: 26px !important;
  }

  body.settlelink-dark-mode .dashboard-project-title-row {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.settlelink-dark-mode .dashboard-project-icon {
    width: 68px !important;
    height: 68px !important;
  }

  body.settlelink-dark-mode .dashboard-project-menu {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }

  body.settlelink-dark-mode .dashboard-project-title {
    font-size: 31px !important;
  }

  body.settlelink-dark-mode .dashboard-project-stat {
    padding: 0 10px !important;
  }

  body.settlelink-dark-mode .dashboard-project-stat span {
    font-size: 15px !important;
  }

  body.settlelink-dark-mode .dashboard-project-stat strong {
    font-size: 19px !important;
  }

  body.settlelink-dark-mode .dashboard-open-project-btn {
    min-height: 56px !important;
    font-size: 21px !important;
  }

  body.settlelink-dark-mode .dashboard-project-progress-note {
    font-size: 17px !important;
  }

  body.settlelink-dark-mode .dashboard-completed-panel,
  body.settlelink-dark-mode .dashboard-completed-panel-polished {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 22px 18px !important;
    border-radius: 26px !important;
  }

  body.settlelink-dark-mode .dashboard-completed-main {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body.settlelink-dark-mode .dashboard-completed-icon {
    width: 68px !important;
    height: 68px !important;
  }

  body.settlelink-dark-mode .dashboard-completed-open-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-dark-mode .dashboard-welcome-card {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-dark-mode .dashboard-house-illustration {
    display: none !important;
  }

  body.settlelink-dark-mode .dashboard-project-stat span {
    font-size: 13px !important;
  }

  body.settlelink-dark-mode .dashboard-project-stat strong {
    font-size: 17px !important;
  }
}

/* =========================================
   POLISHED CONTACTS PAGE V2
   Matches polished Projects dashboard
   ========================================= */

body.settlelink-builder-open .contacts-page-shell {
  display: grid !important;
  gap: 20px !important;
  padding-bottom: 120px !important;
}

/* Contacts hero card */

body.settlelink-builder-open .contacts-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 220px !important;
  margin: 0 0 18px !important;
  padding: 32px 34px !important;
  overflow: hidden !important;
  border-radius: 32px !important;
}

body.settlelink-builder-open .contacts-hero-copy {
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow {
  color: #2f66f3 !important;
}

body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow .builder-workspace-page-icon {
  color: #2f66f3 !important;
}

body.settlelink-builder-open .contacts-hero-card h1 {
  margin: 18px 0 0 !important;
  font-size: 46px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.06em !important;
}

body.settlelink-builder-open .contacts-hero-card .page-subtitle {
  max-width: 560px !important;
  margin-top: 18px !important;
  font-size: 22px !important;
  line-height: 1.42 !important;
}

body.settlelink-builder-open .contacts-hero-icon {
  width: 220px !important;
  max-width: 100% !important;
  display: block !important;
  justify-self: end !important;
  filter: drop-shadow(0 20px 32px rgba(47, 102, 243, 0.26)) !important;
}

/* Add contact card */

body.settlelink-builder-open .contacts-form-panel {
  padding: 30px 34px !important;
  border-radius: 32px !important;
}

body.settlelink-builder-open .contacts-form-title {
  margin-bottom: 22px !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
}

body.settlelink-builder-open .contacts-form-grid {
  display: grid !important;
  gap: 22px !important;
}

body.settlelink-builder-open .contacts-form-panel .field-group label {
  margin-bottom: 10px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body.settlelink-builder-open .contacts-text-input {
  min-height: 66px !important;
  padding-left: 66px !important;
  padding-right: 18px !important;
  border-radius: 22px !important;
  font-size: 18px !important;
}

body.settlelink-builder-open .contacts-input-wrap::before {
  left: 25px !important;
  width: 25px !important;
  height: 25px !important;
  background-size: 25px 25px !important;
  opacity: 0.72 !important;
}

body.settlelink-builder-open .contacts-save-row {
  margin-top: 28px !important;
}

body.settlelink-builder-open .contacts-save-btn {
  min-height: 64px !important;
  border-radius: 22px !important;
  font-size: 18px !important;
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.26) !important;
}

/* Your contacts heading */

body.settlelink-builder-open .contacts-count-heading {
  margin: 8px 4px 14px !important;
}

body.settlelink-builder-open .contacts-count-heading h2 {
  font-size: 38px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.055em !important;
}

body.settlelink-builder-open .contacts-count-heading .builder-count-badge {
  width: 58px !important;
  height: 58px !important;
  font-size: 22px !important;
}

/* Contact cards */

body.settlelink-builder-open .contacts-list {
  gap: 14px !important;
}

body.settlelink-builder-open .contacts-card {
  padding: 24px !important;
  border-radius: 30px !important;
}

body.settlelink-builder-open .contacts-card-main {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

body.settlelink-builder-open .contacts-avatar {
  width: 82px !important;
  height: 82px !important;
  background: #eaf1ff !important;
  border: 1px solid #d4e2ff !important;
  color: #2f74ff !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 24px rgba(47, 102, 243, 0.12) !important;
}

body.settlelink-builder-open .contacts-card:nth-child(even) .contacts-avatar {
  background: #eaf1ff !important;
  border-color: #d4e2ff !important;
  color: #2f74ff !important;
}

body.settlelink-builder-open .contacts-card-title {
  font-size: 27px !important;
  line-height: 1.06 !important;
  letter-spacing: -0.045em !important;
}

body.settlelink-builder-open .contacts-card-trade {
  margin-top: 6px !important;
  font-size: 17px !important;
}

body.settlelink-builder-open .contacts-card-meta {
  margin-top: 10px !important;
  font-size: 16px !important;
}

body.settlelink-builder-open .contacts-card-menu summary {
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  border: 1px solid #d4e2ff !important;
  background: rgba(255, 255, 255, 0.65) !important;
}

body.settlelink-builder-open .contacts-card-actions {
  margin-top: 20px !important;
}

body.settlelink-builder-open .contacts-card-actions .secondary-btn {
  min-height: 58px !important;
  border-radius: 18px !important;
  font-size: 17px !important;
}

body.settlelink-builder-open .toggleContactDetailsBtn::before {
  content: "↗";
  margin-right: 12px;
  font-size: 20px;
  line-height: 1;
}

/* Dark mode match */

body.settlelink-dark-mode.settlelink-builder-open .contacts-hero-card,
body.settlelink-dark-mode.settlelink-builder-open .contacts-form-panel,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card {
  background:
    radial-gradient(circle at 85% 20%, rgba(47, 102, 243, 0.13), transparent 34%),
    #101827 !important;
  border-color: #263955 !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.32) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-card-menu summary {
  background: #162033 !important;
  border-color: #334766 !important;
  color: #bcd0ef !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-avatar {
  background: #eaf1ff !important;
  border-color: #d4e2ff !important;
  color: #2f74ff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-hero-icon {
  filter: drop-shadow(0 22px 34px rgba(47, 102, 243, 0.34)) !important;
}

/* Mobile */

@media (max-width: 768px) {
  body.settlelink-builder-open .contacts-page-shell {
    gap: 18px !important;
  }

  body.settlelink-builder-open .contacts-hero-card {
  grid-template-columns: minmax(0, 1fr) 156px !important;
  min-height: 210px !important;
  padding: 28px 24px !important;
}

body.settlelink-builder-open .contacts-hero-card h1 {
  font-size: 42px !important;
}

body.settlelink-builder-open .contacts-hero-card .page-subtitle {
  font-size: 20px !important;
}

body.settlelink-builder-open .contacts-hero-icon {
  width: 156px !important;
}

  body.settlelink-builder-open .contacts-form-panel {
    padding: 28px 24px !important;
  }

  body.settlelink-builder-open .contacts-card {
    padding: 22px !important;
  }
}

@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-hero-card {
  grid-template-columns: minmax(0, 1fr) 132px !important;
  min-height: 218px !important;
  padding: 28px 22px !important;
  border-radius: 30px !important;
}

body.settlelink-builder-open .contacts-hero-card h1 {
  font-size: 40px !important;
}

body.settlelink-builder-open .contacts-hero-card .page-subtitle {
  max-width: 250px !important;
  font-size: 19px !important;
  line-height: 1.38 !important;
}

body.settlelink-builder-open .contacts-hero-icon {
  width: 132px !important;
}

  body.settlelink-builder-open .contacts-form-panel {
    padding: 24px 20px !important;
    border-radius: 30px !important;
  }

  body.settlelink-builder-open .contacts-form-title {
    font-size: 28px !important;
  }

  body.settlelink-builder-open .contacts-text-input {
    min-height: 62px !important;
    border-radius: 20px !important;
    font-size: 17px !important;
  }

  body.settlelink-builder-open .contacts-save-btn {
    min-height: 62px !important;
    border-radius: 20px !important;
  }

  body.settlelink-builder-open .contacts-count-heading h2 {
    font-size: 36px !important;
  }

  body.settlelink-builder-open .contacts-card-main {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body.settlelink-builder-open .contacts-avatar {
    width: 70px !important;
    height: 70px !important;
    font-size: 23px !important;
  }

  body.settlelink-builder-open .contacts-card-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.settlelink-builder-open .contacts-card-title {
    font-size: 26px !important;
  }

  body.settlelink-builder-open .contacts-card-status-wrap {
    justify-content: flex-end !important;
  }

  body.settlelink-builder-open .contacts-card-actions,
  body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================
   MOBILE HERO SIZE CORRECTION
   Projects welcome smaller + Contacts closer match
   ========================================= */

@media (max-width: 520px) {
  body.settlelink-dark-mode .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 116px !important;
    min-height: 184px !important;
    padding: 22px 20px !important;
    gap: 8px !important;
    border-radius: 28px !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-card .builder-workspace-page-eyebrow {
    margin-bottom: 12px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-title {
    max-width: 260px !important;
    font-size: 30px !important;
    line-height: 1.04 !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-card .page-subtitle {
    max-width: 250px !important;
    margin-top: 14px !important;
    font-size: 17px !important;
    line-height: 1.36 !important;
  }

  body.settlelink-dark-mode .dashboard-house-illustration {
    width: 116px !important;
    transform: translateX(4px) translateY(20px) scale(1.03) !important;
  }

  body.settlelink-builder-open .contacts-hero-card {
    grid-template-columns: minmax(0, 1fr) 150px !important;
    min-height: 212px !important;
    padding: 28px 24px !important;
    gap: 12px !important;
    border-radius: 30px !important;
  }

  body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow {
    color: #2f7cff !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  body.settlelink-builder-open .contacts-hero-card h1 {
    margin-top: 26px !important;
    font-size: 40px !important;
    line-height: 1.03 !important;
  }

  body.settlelink-builder-open .contacts-hero-card .page-subtitle {
    max-width: 260px !important;
    margin-top: 18px !important;
    font-size: 18px !important;
    line-height: 1.38 !important;
  }

  body.settlelink-builder-open .contacts-hero-icon {
    width: 150px !important;
    transform: translateX(2px) translateY(18px) !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-dark-mode .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    min-height: 174px !important;
  }

  body.settlelink-dark-mode .dashboard-house-illustration {
    display: block !important;
    width: 96px !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-title {
    font-size: 27px !important;
  }

  body.settlelink-dark-mode .dashboard-welcome-card .page-subtitle {
    font-size: 16px !important;
  }

  body.settlelink-builder-open .contacts-hero-card {
    grid-template-columns: minmax(0, 1fr) 124px !important;
    min-height: 202px !important;
  }

  body.settlelink-builder-open .contacts-hero-icon {
    width: 124px !important;
  }
}

/* =========================================
   LIGHT MODE PROJECTS DASHBOARD POLISH
   Matches dark polished dashboard without touching dark mode
   ========================================= */

body.settlelink-builder-open:not(.settlelink-dark-mode) .app-shell,
body.settlelink-builder-open:not(.settlelink-dark-mode) .app-shell-builder {
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.12), transparent 34%),
    linear-gradient(180deg, #f5f8ff 0%, #eef3fa 100%) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .builder-mobile-logo {
  margin: 0 auto 26px !important;
  padding: 20px 22px !important;
  min-height: 92px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 3px solid #2f66f3 !important;
  box-shadow:
    0 0 0 1px rgba(47, 102, 243, 0.08),
    0 18px 38px rgba(15, 35, 75, 0.10) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .builder-mobile-logo-image {
  max-width: min(300px, 70vw) !important;
  max-height: 62px !important;
  object-fit: contain !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-shell {
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 214px !important;
  padding: 30px 32px !important;
  margin-bottom: 28px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 88% 34%, rgba(47, 102, 243, 0.10), transparent 34%),
    #ffffff !important;
  border: 1px solid #dbe6f5 !important;
  box-shadow: 0 22px 46px rgba(15, 35, 75, 0.10) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card .builder-workspace-page-eyebrow {
  margin-bottom: 16px !important;
  color: #2f66f3 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-title {
  max-width: 620px !important;
  margin: 0 !important;
  color: #102248 !important;
  font-size: clamp(30px, 5vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.06em !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card .page-subtitle {
  max-width: 560px !important;
  margin-top: 18px !important;
  color: #7181a6 !important;
  font-size: clamp(18px, 3.2vw, 24px) !important;
  line-height: 1.38 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-house-illustration {
  width: 210px !important;
  max-width: 100% !important;
  transform: translateX(8px) scale(1.04) !important;
  filter: drop-shadow(0 18px 26px rgba(47, 102, 243, 0.14)) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-projects-heading {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-projects-heading h2 {
  color: #102248 !important;
  font-size: clamp(32px, 5vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-count-badge {
  min-width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  background: #eef5ff !important;
  border: 1px solid #d4e2ff !important;
  color: #2f66f3 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-create-project-btn {
  width: 100% !important;
  min-height: 72px !important;
  margin: 0 0 22px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #2f82ff 0%, #195ef2 100%) !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.22) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card-polished,
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel,
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel-polished {
  background: #ffffff !important;
  border: 1px solid #dbe6f5 !important;
  box-shadow: 0 22px 46px rgba(15, 35, 75, 0.10) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card-polished {
  padding: 26px !important;
  border-radius: 28px !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-title-row {
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-icon {
  width: 74px !important;
  height: 74px !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  border: 1px solid #d4e2ff !important;
  color: #2f66f3 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-title {
  color: #102248 !important;
  font-size: clamp(28px, 4.5vw, 38px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-menu {
  background: #ffffff !important;
  border: none !important;
  color: #7181a6 !important;
  box-shadow: none !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-open-project-btn {
  min-height: 58px !important;
  border-radius: 18px !important;
  background: #f4f8ff !important;
  color: #2f66f3 !important;
  border: 1px solid #d4e2ff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-progress-track {
  height: 12px !important;
  background: #dbe6f5 !important;
  border-radius: 999px !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-progress-note {
  font-size: 18px !important;
  font-weight: 850 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel,
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel-polished {
  padding: 24px 28px !important;
  border-radius: 28px !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-icon {
  background: #e9fbf4 !important;
  color: #20b965 !important;
  border: none !important;
  box-shadow: none !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-open-btn {
  background: #ffffff !important;
  color: #2f66f3 !important;
  border: 1px solid #2f66f3 !important;
  border-radius: 18px !important;
  font-weight: 900 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .mobile-bottom-nav {
  left: 16px !important;
  right: 16px !important;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #dbe6f5 !important;
  box-shadow: 0 16px 36px rgba(15, 35, 75, 0.12) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .mobile-bottom-nav-link {
  border-radius: 20px !important;
  min-height: 76px !important;
  color: #7181a6 !important;
  font-weight: 800 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .mobile-bottom-nav-link.active {
  background: #eef5ff !important;
  color: #2f66f3 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 116px !important;
    min-height: 184px !important;
    padding: 22px 20px !important;
    gap: 8px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-title {
    max-width: 260px !important;
    font-size: 30px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card .page-subtitle {
    max-width: 250px !important;
    margin-top: 14px !important;
    font-size: 17px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-house-illustration {
    width: 116px !important;
    transform: translateX(4px) translateY(20px) scale(1.03) !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card-polished {
    padding: 22px 18px !important;
    border-radius: 26px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-title-row {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-icon {
    width: 68px !important;
    height: 68px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-title {
    font-size: 31px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-stat {
    padding: 0 10px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-stat span {
    font-size: 15px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-stat strong {
    font-size: 19px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-open-project-btn {
    min-height: 56px !important;
    font-size: 21px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel-polished {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 22px 18px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-open-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================
   CONTACTS PREMIUM BLUE GLOW MATCH
   Matches Projects dashboard card atmosphere
   ========================================= */

body.settlelink-dark-mode.settlelink-builder-open .contacts-hero-card,
body.settlelink-dark-mode.settlelink-builder-open .contacts-form-panel,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 130, 255, 0.18), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(47, 102, 243, 0.13), transparent 36%),
    linear-gradient(180deg, #111b2e 0%, #0d1524 100%) !important;
  border-color: #263955 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 22px 46px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-hero-card::before,
body.settlelink-dark-mode.settlelink-builder-open .contacts-form-panel::before,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(56, 142, 255, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 42%) !important;
  opacity: 0.85 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-hero-card > *,
body.settlelink-dark-mode.settlelink-builder-open .contacts-form-panel > *,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-card:nth-child(even) {
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 130, 255, 0.16), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(47, 102, 243, 0.11), transparent 36%),
    linear-gradient(180deg, #101a2c 0%, #0d1524 100%) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-avatar {
  background: #eaf1ff !important;
  border-color: #d4e2ff !important;
  color: #2f74ff !important;
  box-shadow:
    0 16px 30px rgba(47, 102, 243, 0.16),
    0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-card-menu summary,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-actions .secondary-btn {
  background: rgba(22, 32, 51, 0.84) !important;
  border-color: #334766 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

/* =========================================
   FINAL BUILDER WORKSPACE LABEL LOCK
   Same size across Projects, Contacts, Receipts and More
   ========================================= */

html body.settlelink-builder-open .builder-workspace-page-eyebrow,
html body.settlelink-builder-open .page-header .builder-workspace-page-eyebrow,
html body.settlelink-builder-open .dashboard-welcome-card .builder-workspace-page-eyebrow,
html body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow,
html body.settlelink-builder-open .builder-workspace-page-card .builder-workspace-page-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  color: #2f66f3 !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.settlelink-builder-open .builder-workspace-page-eyebrow .builder-workspace-page-icon,
html body.settlelink-builder-open .page-header .builder-workspace-page-eyebrow .builder-workspace-page-icon,
html body.settlelink-builder-open .dashboard-welcome-card .builder-workspace-page-eyebrow .builder-workspace-page-icon,
html body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow .builder-workspace-page-icon,
html body.settlelink-builder-open .builder-workspace-page-card .builder-workspace-page-eyebrow .builder-workspace-page-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  flex: 0 0 20px !important;
  color: #2f66f3 !important;
}

@media (max-width: 520px) {
  html body.settlelink-builder-open .builder-workspace-page-eyebrow,
  html body.settlelink-builder-open .page-header .builder-workspace-page-eyebrow,
  html body.settlelink-builder-open .dashboard-welcome-card .builder-workspace-page-eyebrow,
  html body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow,
  html body.settlelink-builder-open .builder-workspace-page-card .builder-workspace-page-eyebrow {
    gap: 9px !important;
    margin-bottom: 18px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.075em !important;
    white-space: nowrap !important;
  }

  html body.settlelink-builder-open .builder-workspace-page-eyebrow .builder-workspace-page-icon,
  html body.settlelink-builder-open .page-header .builder-workspace-page-eyebrow .builder-workspace-page-icon,
  html body.settlelink-builder-open .dashboard-welcome-card .builder-workspace-page-eyebrow .builder-workspace-page-icon,
  html body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow .builder-workspace-page-icon,
  html body.settlelink-builder-open .builder-workspace-page-card .builder-workspace-page-eyebrow .builder-workspace-page-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    flex-basis: 20px !important;
  }
}

/* =========================================
   RECEIPTS PREMIUM DASHBOARD POLISH
   Polished receipt folders + animated open/close
   ========================================= */

body.settlelink-builder-open .receipts-concept-page-shell {
  display: grid !important;
  gap: 18px !important;
  padding-bottom: 8px !important;
}

body.settlelink-builder-open .receipts-concept-header {
  padding: 6px 6px 8px !important;
}

body.settlelink-builder-open .receipts-concept-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
}

body.settlelink-builder-open .receipts-concept-header h1 {
  margin: 0 !important;
  color: #f8fbff !important;
  font-size: 48px !important;
  line-height: 1 !important;
  letter-spacing: -0.07em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .receipts-concept-header p {
  margin: 18px 0 0 !important;
  color: #aebdd7 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .receipts-concept-count-badge {
  min-width: 62px !important;
  height: 62px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 22px !important;
  color: #80b7ff !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  background:
    radial-gradient(circle at 40% 0%, rgba(96, 165, 250, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(25, 43, 75, 0.94), rgba(13, 24, 43, 0.94)) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 16px 32px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-builder-open .receipts-concept-sort-card {
  padding: 28px 32px !important;
  border-radius: 30px !important;
}

body.settlelink-builder-open .receipts-sort-field {
  max-width: none !important;
  margin: 0 !important;
}

body.settlelink-builder-open .receipts-sort-field label {
  margin: 0 0 14px !important;
  color: #b9c8e4 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

body.settlelink-builder-open .receipts-sort-select {
  min-height: 70px !important;
  border-radius: 21px !important;
  padding: 0 22px !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

body.settlelink-builder-open .receipts-project-stack {
  gap: 18px !important;
}

body.settlelink-builder-open .receipts-project-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 26px 30px !important;
  border-radius: 30px !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease !important;
}

body.settlelink-builder-open .receipts-project-card-open {
  border-color: rgba(96, 165, 250, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 24px 50px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-builder-open .receipts-project-card-collapsed {
  padding-bottom: 26px !important;
}

body.settlelink-builder-open .receipts-project-header {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) 58px !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 0 24px !important;
}

body.settlelink-builder-open .receipts-project-card-collapsed .receipts-project-header {
  margin-bottom: 0 !important;
}

body.settlelink-builder-open .receipts-folder-icon {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  border-radius: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 37px !important;
}

body.settlelink-builder-open .receipts-folder-emoji {
  display: block !important;
  filter: drop-shadow(0 10px 18px rgba(245, 158, 11, 0.24)) !important;
}

body.settlelink-builder-open .receipts-project-main {
  min-width: 0 !important;
}

body.settlelink-builder-open .receipts-project-main .panel-title {
  margin: 0 !important;
  color: #f8fbff !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.055em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .receipts-project-main .muted-text {
  margin: 10px 0 0 !important;
  color: #aebdd7 !important;
  font-size: 18px !important;
  line-height: 1.34 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .receipts-project-toggle-btn {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(117, 159, 223, 0.28) !important;
  background:
    radial-gradient(circle at 42% 0%, rgba(96, 165, 250, 0.15), transparent 44%),
    rgba(16, 30, 52, 0.72) !important;
  color: #dbe8ff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 24px rgba(0, 0, 0, 0.18) !important;
  -webkit-tap-highlight-color: transparent !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    color 0.18s ease !important;
}

body.settlelink-builder-open .receipts-project-toggle-btn:hover,
body.settlelink-builder-open .receipts-project-toggle-btn:focus-visible {
  border-color: rgba(96, 165, 250, 0.64) !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 0 4px rgba(47, 102, 243, 0.12),
    0 16px 28px rgba(0, 0, 0, 0.22) !important;
}

body.settlelink-builder-open .receipts-project-toggle-btn:active {
  transform: scale(0.92) !important;
}

body.settlelink-builder-open .receipts-project-card-open .receipts-project-toggle-btn {
  border-color: rgba(69, 124, 255, 0.82) !important;
  background:
    radial-gradient(circle at 42% 0%, rgba(96, 165, 250, 0.25), transparent 46%),
    rgba(29, 62, 121, 0.82) !important;
  color: #ffffff !important;
}

body.settlelink-builder-open .receipts-project-toggle-symbol {
  display: block !important;
  transform: translateY(-1px) !important;
}

body.settlelink-builder-open .receipts-list-stack {
  gap: 16px !important;
  overflow: hidden !important;
  transition:
    max-height 0.28s cubic-bezier(0.22, 0.9, 0.26, 1),
    opacity 0.22s ease !important;
  will-change: max-height, opacity !important;
}

body.settlelink-builder-open .receipts-list-stack[hidden] {
  display: none !important;
}

body.settlelink-builder-open .receipt-list-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 270px !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 22px !important;
  border-radius: 24px !important;
}

body.settlelink-builder-open .receipt-list-main {
  min-width: 0 !important;
}

body.settlelink-builder-open .receipt-list-main .panel-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.05em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .receipt-list-main .muted-text {
  margin: 8px 0 14px !important;
  color: #aebdd7 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .receipt-list-amount {
  display: block !important;
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
}

body.settlelink-builder-open .receipt-ref-pill {
  max-width: 100% !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
}

body.settlelink-builder-open .receipt-list-actions {
  display: grid !important;
  gap: 14px !important;
}

body.settlelink-builder-open .receipt-primary-btn,
body.settlelink-builder-open .receipt-secondary-btn {
  width: 100% !important;
  min-height: 62px !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease !important;
}

body.settlelink-builder-open .receipt-primary-btn:active,
body.settlelink-builder-open .receipt-secondary-btn:active {
  transform: scale(0.97) !important;
}

body.settlelink-builder-open .receipt-action-icon {
  font-size: 22px !important;
  line-height: 1 !important;
  opacity: 0.92 !important;
}

/* Dark receipts polish */

body.settlelink-dark-mode.settlelink-builder-open .receipts-concept-page-shell {
  background:
    radial-gradient(circle at 92% 4%, rgba(47, 102, 243, 0.22), transparent 34%),
    radial-gradient(circle at 0% 22%, rgba(37, 99, 235, 0.10), transparent 32%) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipts-concept-sort-card,
body.settlelink-dark-mode.settlelink-builder-open .receipts-project-card {
  background:
    radial-gradient(circle at 86% 24%, rgba(47, 102, 243, 0.18), transparent 36%),
    radial-gradient(circle at 12% 0%, rgba(47, 130, 255, 0.12), transparent 32%),
    linear-gradient(180deg, #101a2c 0%, #0d1524 100%) !important;
  border-color: #263955 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 46px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipts-concept-sort-card::before,
body.settlelink-dark-mode.settlelink-builder-open .receipts-project-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.10), transparent 40%) !important;
  opacity: 0.85 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipts-concept-sort-card,
body.settlelink-dark-mode.settlelink-builder-open .receipts-project-card {
  position: relative !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipts-concept-sort-card > *,
body.settlelink-dark-mode.settlelink-builder-open .receipts-project-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipts-sort-select {
  background: #0b1322 !important;
  border-color: #334766 !important;
  color: #f8fbff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipts-folder-icon {
  background:
    radial-gradient(circle at 35% 20%, rgba(96, 165, 250, 0.16), transparent 38%),
    linear-gradient(180deg, #15243d 0%, #0e192b 100%) !important;
  border: 1px solid #334766 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipt-list-row {
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.10), transparent 34%),
    #0b1322 !important;
  border-color: #263955 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipt-ref-pill {
  background: #101b2e !important;
  border: 1px solid #334766 !important;
  color: #c7d6f2 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .receipt-secondary-btn {
  background: rgba(22, 32, 51, 0.92) !important;
  border-color: #536885 !important;
  color: #dbe8ff !important;
}

/* Mobile receipts polish */

@media (max-width: 520px) {
  body.settlelink-builder-open .receipts-concept-page-shell {
    gap: 14px !important;
  }

  body.settlelink-builder-open .receipts-concept-header {
    padding: 2px 2px 4px !important;
  }

  body.settlelink-builder-open .receipts-concept-title-row {
    gap: 14px !important;
  }

  body.settlelink-builder-open .receipts-concept-header h1 {
    font-size: 38px !important;
  }

  body.settlelink-builder-open .receipts-concept-header p {
    margin-top: 14px !important;
    font-size: 19px !important;
  }

  body.settlelink-builder-open .receipts-concept-count-badge {
    min-width: 54px !important;
    height: 54px !important;
    border-radius: 19px !important;
    font-size: 21px !important;
  }

  body.settlelink-builder-open .receipts-concept-sort-card {
    padding: 24px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open .receipts-sort-field label {
    font-size: 17px !important;
  }

  body.settlelink-builder-open .receipts-sort-select {
    min-height: 64px !important;
    border-radius: 20px !important;
    font-size: 18px !important;
  }

  body.settlelink-builder-open .receipts-project-card {
    padding: 18px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open .receipts-project-card-collapsed {
    padding-bottom: 18px !important;
  }

  body.settlelink-builder-open .receipts-project-header {
    grid-template-columns: 58px minmax(0, 1fr) 46px !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
  }

  body.settlelink-builder-open .receipts-folder-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 18px !important;
    font-size: 30px !important;
  }

  body.settlelink-builder-open .receipts-project-main .panel-title {
    font-size: 25px !important;
  }

  body.settlelink-builder-open .receipts-project-main .muted-text {
    margin-top: 7px !important;
    font-size: 14px !important;
  }

  body.settlelink-builder-open .receipts-project-toggle-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    font-size: 27px !important;
  }

  body.settlelink-builder-open .receipt-list-row {
    grid-template-columns: minmax(0, 1fr) 152px !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body.settlelink-builder-open .receipt-list-main .panel-title {
    font-size: 20px !important;
  }

  body.settlelink-builder-open .receipt-list-main .muted-text {
    font-size: 14px !important;
  }

  body.settlelink-builder-open .receipt-list-amount {
    font-size: 25px !important;
  }

  body.settlelink-builder-open .receipt-ref-pill {
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  body.settlelink-builder-open .receipt-primary-btn,
  body.settlelink-builder-open .receipt-secondary-btn {
    min-height: 52px !important;
    border-radius: 16px !important;
    padding: 0 10px !important;
    gap: 7px !important;
    font-size: 13px !important;
  }

  body.settlelink-builder-open .receipt-action-icon {
    font-size: 18px !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-builder-open .receipts-concept-header h1 {
    font-size: 34px !important;
  }

  body.settlelink-builder-open .receipts-concept-header p {
    font-size: 17px !important;
  }

  body.settlelink-builder-open .receipts-concept-count-badge {
    min-width: 48px !important;
    height: 48px !important;
    border-radius: 17px !important;
    font-size: 19px !important;
  }

  body.settlelink-builder-open .receipt-list-row {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .receipt-list-actions {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================
   RECEIPTS FOLDER CLICK + AI-STYLE CHEVRONS
   ========================================= */

body.settlelink-builder-open .receipts-project-header {
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.settlelink-builder-open .receipts-project-header:active {
  transform: scale(0.992) !important;
}

body.settlelink-builder-open .receipts-project-toggle-btn {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 42% 0%, rgba(96, 165, 250, 0.18), transparent 45%),
    linear-gradient(180deg, rgba(22, 40, 70, 0.94), rgba(12, 23, 42, 0.96)) !important;
  border: 1px solid rgba(120, 160, 220, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 24px rgba(0, 0, 0, 0.22) !important;
}

body.settlelink-builder-open .receipts-project-card-open .receipts-project-toggle-btn {
  border-color: rgba(75, 132, 255, 0.9) !important;
  background:
    radial-gradient(circle at 42% 0%, rgba(96, 165, 250, 0.30), transparent 45%),
    linear-gradient(180deg, rgba(29, 63, 122, 0.96), rgba(13, 31, 66, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 4px rgba(47, 102, 243, 0.13),
    0 16px 26px rgba(0, 0, 0, 0.26) !important;
}

body.settlelink-builder-open .receipts-project-toggle-symbol {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  position: relative !important;
}

body.settlelink-builder-open .receipts-project-toggle-symbol::before {
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-right: 4px solid #dbe8ff !important;
  border-bottom: 4px solid #dbe8ff !important;
  border-radius: 2px !important;
  transition: transform 0.22s ease, border-color 0.22s ease !important;
}

/* Closed folder = down arrow */
body.settlelink-builder-open .receipts-project-card-collapsed .receipts-project-toggle-symbol::before {
  transform: rotate(45deg) translate(-1px, -1px) !important;
}

/* Open folder = up arrow */
body.settlelink-builder-open .receipts-project-card:not(.receipts-project-card-collapsed) .receipts-project-toggle-symbol::before {
  transform: rotate(225deg) translate(-1px, -1px) !important;
}

body.settlelink-builder-open .receipts-project-header:hover .receipts-project-toggle-btn,
body.settlelink-builder-open .receipts-project-header:focus-within .receipts-project-toggle-btn {
  border-color: rgba(96, 165, 250, 0.75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 0 4px rgba(47, 102, 243, 0.12),
    0 16px 28px rgba(0, 0, 0, 0.24) !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .receipts-project-toggle-btn {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  body.settlelink-builder-open .receipts-project-toggle-symbol {
    width: 16px !important;
    height: 16px !important;
  }

  body.settlelink-builder-open .receipts-project-toggle-symbol::before {
    border-right-width: 3.5px !important;
    border-bottom-width: 3.5px !important;
  }
}

/* =========================================
   RECEIPT SECONDARY BUTTON ICON POLISH
   ========================================= */

body.settlelink-builder-open .receipt-secondary-btn {
  justify-content: center !important;
  text-align: center !important;
  gap: 10px !important;
}

body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-icon {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

body.settlelink-builder-open .receipt-secondary-btn span:last-child {
  display: block !important;
  line-height: 1.08 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .receipt-secondary-btn {
    gap: 8px !important;
  }

  body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 20px !important;
  }
}

/* =========================================
   RECEIPTS COUNT BADGE + SUMMARY ICON POLISH
   ========================================= */

body.settlelink-builder-open .builder-count-badge,
body.settlelink-builder-open .receipts-concept-count-badge {
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 13px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8fc2ff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  background:
    radial-gradient(circle at 40% 0%, rgba(96, 165, 250, 0.20), transparent 42%),
    linear-gradient(180deg, rgba(25, 43, 75, 0.94), rgba(13, 24, 43, 0.94)) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 24px rgba(0, 0, 0, 0.22),
    0 0 16px rgba(47, 102, 243, 0.14) !important;
}

body.settlelink-builder-open .receipt-secondary-btn {
  display: grid !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 10px !important;
  text-align: center !important;
}

body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-icon {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-label {
  display: grid !important;
  gap: 1px !important;
  align-items: center !important;
  justify-items: center !important;
  line-height: 1.02 !important;
}

body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-label span {
  display: block !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .builder-count-badge,
  body.settlelink-builder-open .receipts-concept-count-badge {
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 13px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  body.settlelink-builder-open .receipt-secondary-btn {
    column-gap: 8px !important;
  }

  body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 20px !important;
  }
}

/* =========================================
   RECEIPTS HERO CARD RESTORE
   ========================================= */

body.settlelink-builder-open .receipts-concept-page-shell {
  gap: 18px !important;
  background: transparent !important;
}

body.settlelink-builder-open .receipts-hero-card {
  position: relative !important;
  min-height: 250px !important;
  padding: 34px 210px 34px 34px !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 88% 38%, rgba(47, 102, 243, 0.18), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(96, 165, 250, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(16, 28, 49, 0.96), rgba(10, 18, 31, 0.98)) !important;
  border: 1px solid rgba(88, 117, 160, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 22px 46px rgba(0, 0, 0, 0.30) !important;
}

body.settlelink-builder-open .receipts-hero-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 45%),
    radial-gradient(circle at 78% 42%, rgba(47, 102, 243, 0.14), transparent 34%) !important;
}

body.settlelink-builder-open .receipts-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  max-width: 390px !important;
}

body.settlelink-builder-open .receipts-hero-card h1 {
  margin: 28px 0 16px !important;
  color: #f8fbff !important;
  font-size: 48px !important;
  line-height: 1 !important;
  letter-spacing: -0.065em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .receipts-hero-card .page-subtitle {
  margin: 0 !important;
  color: #b7c6e2 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .receipts-hero-icon {
  position: absolute !important;
  z-index: 2 !important;
  right: 36px !important;
  top: 50% !important;
  width: 150px !important;
  height: 150px !important;
  object-fit: contain !important;
  transform: translateY(-50%) !important;
  filter:
    drop-shadow(0 18px 26px rgba(47, 102, 243, 0.32))
    drop-shadow(0 0 18px rgba(96, 165, 250, 0.16)) !important;
}

body.settlelink-builder-open .receipts-concept-sort-card {
  padding: 28px 32px !important;
}

body.settlelink-builder-open .receipts-count-heading {
  margin: 0 0 18px !important;
}

body.settlelink-builder-open .receipts-count-heading h3 {
  margin: 0 !important;
  color: #f8fbff !important;
  font-size: 38px !important;
  line-height: 1 !important;
  letter-spacing: -0.065em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .receipts-sort-copy {
  margin: 0 0 22px !important;
  color: #aebdd7 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .builder-count-badge.receipts-concept-count-badge {
  min-width: 42px !important;
  width: auto !important;
  height: 42px !important;
  padding: 0 13px !important;
  border-radius: 14px !important;
  color: #8fc2ff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  background:
    radial-gradient(circle at 40% 0%, rgba(96, 165, 250, 0.20), transparent 42%),
    linear-gradient(180deg, rgba(25, 43, 75, 0.94), rgba(13, 24, 43, 0.94)) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 24px rgba(0, 0, 0, 0.22),
    0 0 16px rgba(47, 102, 243, 0.14) !important;
}

body.settlelink-builder-open .receipt-secondary-btn {
  grid-template-columns: 22px auto !important;
  justify-content: center !important;
  align-items: center !important;
}

body.settlelink-builder-open .receipt-secondary-btn .receipt-summary-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(0) !important;
}

body.settlelink-builder-open .receipt-summary-label {
  display: grid !important;
  gap: 1px !important;
  justify-items: center !important;
  align-items: center !important;
  line-height: 1.02 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .receipts-hero-card {
    min-height: 220px !important;
    padding: 30px 150px 30px 28px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open .receipts-hero-card h1 {
    margin-top: 28px !important;
    font-size: 38px !important;
  }

  body.settlelink-builder-open .receipts-hero-card .page-subtitle {
    font-size: 18px !important;
  }

  body.settlelink-builder-open .receipts-hero-icon {
    right: 22px !important;
    width: 118px !important;
    height: 118px !important;
  }

  body.settlelink-builder-open .receipts-concept-sort-card {
    padding: 24px !important;
  }

  body.settlelink-builder-open .receipts-count-heading {
    margin-bottom: 16px !important;
  }

  body.settlelink-builder-open .receipts-count-heading h3 {
    font-size: 33px !important;
  }

  body.settlelink-builder-open .receipts-sort-copy {
    margin-bottom: 20px !important;
    font-size: 18px !important;
  }

  body.settlelink-builder-open .receipt-secondary-btn {
    grid-template-columns: 18px auto !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-builder-open .receipts-hero-card {
    padding-right: 120px !important;
  }

  body.settlelink-builder-open .receipts-hero-icon {
    right: 16px !important;
    width: 94px !important;
    height: 94px !important;
  }
}

/* =========================================
   MORE PAGE PREMIUM POLISH
   ========================================= */

body.settlelink-builder-open .more-premium-header {
  position: relative !important;
  min-height: 220px !important;
  padding: 32px 205px 32px 32px !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 82% 40%, rgba(47, 102, 243, 0.18), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(96, 165, 250, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(15, 27, 46, 0.98), rgba(10, 18, 31, 0.98)) !important;
  border: 1px solid rgba(88, 117, 160, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 22px 46px rgba(0, 0, 0, 0.30) !important;
}

body.settlelink-builder-open .more-premium-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 45%),
    radial-gradient(circle at 78% 44%, rgba(47, 102, 243, 0.13), transparent 34%) !important;
}

body.settlelink-builder-open .more-settings-header.builder-workspace-page-card::after {
  display: none !important;
}

body.settlelink-builder-open .more-premium-header-copy {
  position: relative !important;
  z-index: 2 !important;
  max-width: 360px !important;
}

body.settlelink-builder-open .more-premium-header h1 {
  margin: 28px 0 16px !important;
  color: #f8fbff !important;
  font-size: 46px !important;
  line-height: 1 !important;
  letter-spacing: -0.065em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .more-premium-header .page-subtitle {
  margin: 0 !important;
  max-width: 340px !important;
  color: #b7c6e2 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .more-premium-header-icon {
  position: absolute !important;
  z-index: 2 !important;
  right: 34px !important;
  top: 50% !important;
  width: 138px !important;
  height: 138px !important;
  object-fit: contain !important;
  transform: translateY(-50%) !important;
  filter:
    drop-shadow(0 20px 28px rgba(47, 102, 243, 0.34))
    drop-shadow(0 0 18px rgba(96, 165, 250, 0.18)) !important;
}

/* Main More list card */

body.settlelink-builder-open .more-settings-list {
  display: block !important;
  padding: 18px 26px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(15, 27, 46, 0.98), rgba(10, 18, 31, 0.98)) !important;
  border: 1px solid rgba(88, 117, 160, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 46px rgba(0, 0, 0, 0.30) !important;
}

body.settlelink-builder-open .more-settings-section {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(88, 117, 160, 0.28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .more-settings-section:last-of-type {
  border-bottom: none !important;
}

body.settlelink-builder-open .more-settings-row {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto 24px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 0 !important;
  border-bottom: none !important;
  background: transparent !important;
}

body.settlelink-builder-open .more-settings-row-icon,
body.settlelink-builder-open .more-settings-row-icon.more-icon-box,
body.settlelink-builder-open .more-icon-box {
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  background-color: #142035 !important;
  border: 1px solid #334766 !important;
  color: #2f66f3 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 22px rgba(0, 0, 0, 0.20) !important;
}

body.settlelink-builder-open .more-settings-row-copy strong {
  color: #f8fbff !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.04em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .more-settings-row-copy small {
  margin-top: 5px !important;
  color: #aebdd7 !important;
  font-size: 13.5px !important;
  line-height: 1.28 !important;
  font-weight: 720 !important;
}

body.settlelink-builder-open .more-settings-row-arrow {
  grid-column: 4 !important;
  color: #aebdd7 !important;
  font-size: 32px !important;
  line-height: 1 !important;
  justify-self: end !important;
}

body.settlelink-builder-open .more-notifications-count-pill {
  grid-column: 3 !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  color: #8fc2ff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  background:
    radial-gradient(circle at 40% 0%, rgba(96, 165, 250, 0.20), transparent 42%),
    linear-gradient(180deg, rgba(25, 43, 75, 0.94), rgba(13, 24, 43, 0.94)) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 16px rgba(47, 102, 243, 0.14) !important;
}

/* Danger zone as its own red card */

body.settlelink-builder-open .more-settings-danger-section {
  margin: 16px 0 0 !important;
  border: 1px solid rgba(248, 113, 113, 0.40) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 0%, rgba(239, 68, 68, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(76, 28, 38, 0.88), rgba(58, 22, 31, 0.90)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 30px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row {
  min-height: 74px !important;
  padding: 14px 20px !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy strong {
  color: #ffaaa7 !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy small {
  color: #ffd1cf !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-arrow {
  color: #ffc0bd !important;
}

body.settlelink-builder-open .more-settings-row-icon-danger,
body.settlelink-builder-open .more-icon-danger {
  background-color: #142035 !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
  color: #ff3333 !important;
}

/* Back home button */

body.settlelink-builder-open .more-back-home-wrap {
  margin: 18px 0 0 !important;
}

body.settlelink-builder-open .more-back-home-btn {
  min-height: 62px !important;
  border-radius: 22px !important;
  color: #60a5fa !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  background:
    linear-gradient(180deg, rgba(15, 27, 46, 0.92), rgba(10, 18, 31, 0.92)) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 16px 30px rgba(0, 0, 0, 0.20) !important;
}

body.settlelink-builder-open .more-back-home-btn::before {
  content: "⌂" !important;
  display: inline-block !important;
  margin-right: 12px !important;
  color: #60a5fa !important;
  font-size: 25px !important;
  line-height: 1 !important;
  transform: translateY(1px) !important;
}

/* Mobile More page */

@media (max-width: 520px) {
  body.settlelink-builder-open .more-premium-header {
    min-height: 200px !important;
    padding: 28px 138px 28px 28px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open .more-premium-header h1 {
    margin-top: 26px !important;
    font-size: 38px !important;
  }

  body.settlelink-builder-open .more-premium-header .page-subtitle {
    max-width: 260px !important;
    font-size: 18px !important;
    line-height: 1.34 !important;
  }

  body.settlelink-builder-open .more-premium-header-icon {
    right: 22px !important;
    width: 104px !important;
    height: 104px !important;
  }

  body.settlelink-builder-open .more-settings-list {
    padding: 14px 18px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open .more-settings-row {
    min-height: 76px !important;
    grid-template-columns: 52px minmax(0, 1fr) auto 22px !important;
    gap: 12px !important;
    padding: 13px 0 !important;
  }

  body.settlelink-builder-open .more-settings-row-icon,
  body.settlelink-builder-open .more-settings-row-icon.more-icon-box,
  body.settlelink-builder-open .more-icon-box {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  body.settlelink-builder-open .more-settings-row-copy strong {
    font-size: 20px !important;
  }

  body.settlelink-builder-open .more-settings-row-copy small {
    font-size: 13px !important;
  }

  body.settlelink-builder-open .more-settings-row-arrow {
    font-size: 30px !important;
  }

  body.settlelink-builder-open .more-settings-danger-section .more-settings-row {
    padding: 14px 18px !important;
  }

  body.settlelink-builder-open .more-back-home-btn {
    min-height: 60px !important;
    font-size: 19px !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-builder-open .more-premium-header {
    padding-right: 118px !important;
  }

  body.settlelink-builder-open .more-premium-header-icon {
    right: 16px !important;
    width: 86px !important;
    height: 86px !important;
  }

  body.settlelink-builder-open .more-premium-header .page-subtitle {
    max-width: 230px !important;
    font-size: 17px !important;
  }
}

/* =========================================
   HERO CARD CLEANUP BUNDLE
   Projects / Contacts / Receipts / More
   Makes the main top cards match better,
   adds consistent glow, and fits the images better.
   ========================================= */

body.settlelink-builder-open .dashboard-welcome-card,
body.settlelink-builder-open .contacts-hero-card,
body.settlelink-builder-open .receipts-hero-card,
body.settlelink-builder-open .more-premium-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 176px) !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 250px !important;
  margin: 0 0 22px !important;
  padding: 34px !important;
  overflow: hidden !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 80% 42%, rgba(47, 102, 243, 0.18), transparent 30%),
    radial-gradient(circle at 16% 4%, rgba(96, 165, 250, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(16, 28, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
  border: 1px solid rgba(88, 117, 160, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 22px 46px rgba(0, 0, 0, 0.30),
    0 0 28px rgba(47, 102, 243, 0.10) !important;
}

body.settlelink-builder-open .dashboard-welcome-card::before,
body.settlelink-builder-open .contacts-hero-card::before,
body.settlelink-builder-open .receipts-hero-card::before,
body.settlelink-builder-open .more-premium-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 42%),
    radial-gradient(circle at 82% 42%, rgba(47, 102, 243, 0.14), transparent 34%) !important;
}

body.settlelink-builder-open .dashboard-welcome-copy,
body.settlelink-builder-open .contacts-hero-copy,
body.settlelink-builder-open .receipts-hero-copy,
body.settlelink-builder-open .more-premium-header-copy {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  max-width: 580px !important;
}

body.settlelink-builder-open .dashboard-welcome-title,
body.settlelink-builder-open .contacts-hero-card h1,
body.settlelink-builder-open .receipts-hero-card h1,
body.settlelink-builder-open .more-premium-header h1 {
  margin: 18px 0 0 !important;
  color: #f8fbff !important;
  font-size: clamp(40px, 5.8vw, 58px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.065em !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .dashboard-welcome-card .page-subtitle,
body.settlelink-builder-open .contacts-hero-card .page-subtitle,
body.settlelink-builder-open .receipts-hero-card .page-subtitle,
body.settlelink-builder-open .more-premium-header .page-subtitle {
  margin: 16px 0 0 !important;
  max-width: 520px !important;
  color: #b8c6e0 !important;
  font-size: 21px !important;
  line-height: 1.38 !important;
  font-weight: 650 !important;
}

body.settlelink-builder-open .dashboard-welcome-card .builder-workspace-page-eyebrow,
body.settlelink-builder-open .contacts-hero-card .builder-workspace-page-eyebrow,
body.settlelink-builder-open .receipts-hero-card .builder-workspace-page-eyebrow,
body.settlelink-builder-open .more-premium-header .builder-workspace-page-eyebrow,
body.settlelink-builder-open .dashboard-welcome-eyebrow {
  color: #2f66f3 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0.045em !important;
}

body.settlelink-builder-open .dashboard-house-illustration,
body.settlelink-builder-open .contacts-hero-icon,
body.settlelink-builder-open .receipts-hero-icon,
body.settlelink-builder-open .more-premium-header-icon {
  position: relative !important;
  z-index: 2 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  display: block !important;
  justify-self: end !important;
  align-self: center !important;
  width: 100% !important;
  max-width: 168px !important;
  height: auto !important;
  max-height: 170px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 20px 30px rgba(47, 102, 243, 0.34))
    drop-shadow(0 0 22px rgba(96, 165, 250, 0.18)) !important;
}

body.settlelink-builder-open .dashboard-house-illustration {
  max-width: 180px !important;
  max-height: 180px !important;
}

body.settlelink-builder-open .contacts-hero-icon,
body.settlelink-builder-open .receipts-hero-icon,
body.settlelink-builder-open .more-premium-header-icon {
  max-width: 160px !important;
  max-height: 160px !important;
}

/* Keep the More card a touch tighter so it matches the other pages better */
body.settlelink-builder-open .more-premium-header .page-subtitle {
  max-width: 420px !important;
}

/* Mobile tightening */
@media (max-width: 430px) {
  body.settlelink-builder-open .dashboard-welcome-card,
  body.settlelink-builder-open .contacts-hero-card,
  body.settlelink-builder-open .receipts-hero-card,
  body.settlelink-builder-open .more-premium-header {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    gap: 16px !important;
    min-height: 212px !important;
    padding: 26px 22px !important;
    border-radius: 28px !important;
  }

  body.settlelink-builder-open .dashboard-welcome-title,
  body.settlelink-builder-open .contacts-hero-card h1,
  body.settlelink-builder-open .receipts-hero-card h1,
  body.settlelink-builder-open .more-premium-header h1 {
    font-size: 34px !important;
    line-height: 1.02 !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card .page-subtitle,
  body.settlelink-builder-open .contacts-hero-card .page-subtitle,
  body.settlelink-builder-open .receipts-hero-card .page-subtitle,
  body.settlelink-builder-open .more-premium-header .page-subtitle {
    font-size: 18px !important;
    line-height: 1.36 !important;
    max-width: 100% !important;
  }

  body.settlelink-builder-open .dashboard-house-illustration,
  body.settlelink-builder-open .contacts-hero-icon,
  body.settlelink-builder-open .receipts-hero-icon,
  body.settlelink-builder-open .more-premium-header-icon {
    max-width: 116px !important;
    max-height: 116px !important;
  }
}

/* =========================================
   IPHONE PROJECTS HERO + POLISHED BOTTOM NAV
   ========================================= */

/* Fix Projects welcome card stretching/bad word breaking on iPhone */
@media (max-width: 520px) {
  body.settlelink-builder-open .dashboard-welcome-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 18px 18px !important;
    border-radius: 26px !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
  }

  body.settlelink-builder-open .dashboard-welcome-copy {
    min-width: 0 !important;
    max-width: none !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card .builder-workspace-page-eyebrow {
    display: none !important;
  }

  body.settlelink-builder-open .dashboard-welcome-title {
    max-width: 100% !important;
    font-size: clamp(24px, 7vw, 29px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.055em !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-wrap: balance;
  }

  body.settlelink-builder-open .dashboard-welcome-card .page-subtitle {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: clamp(14px, 4vw, 16px) !important;
    line-height: 1.35 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  body.settlelink-builder-open .dashboard-house-illustration {
    width: 92px !important;
    max-width: 92px !important;
    justify-self: end !important;
    transform: translateX(4px) scale(1) !important;
    filter: drop-shadow(0 16px 26px rgba(47, 102, 243, 0.28)) !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-builder-open .dashboard-welcome-card {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    padding: 17px 16px !important;
  }

  body.settlelink-builder-open .dashboard-welcome-title {
    font-size: 24px !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card .page-subtitle {
    font-size: 14px !important;
  }

  body.settlelink-builder-open .dashboard-house-illustration {
    display: block !important;
    width: 78px !important;
    max-width: 78px !important;
  }
}

/* Polished mobile bottom nav */
body.settlelink-builder-open .mobile-bottom-nav {
  position: fixed !important;
  left: 16px !important;
  right: 16px !important;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 200 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  border-radius: 28px !important;
  background: rgba(8, 18, 34, 0.94) !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.settlelink-builder-open .mobile-bottom-nav-link {
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 9px 4px 8px !important;
  border-radius: 22px !important;
  color: #b8c7e6 !important;
  -webkit-text-fill-color: #b8c7e6 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease !important;
}

body.settlelink-builder-open .mobile-bottom-nav-link.active {
  color: #59a6ff !important;
  -webkit-text-fill-color: #59a6ff !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(96, 165, 250, 0.48), transparent 48%),
    linear-gradient(180deg, rgba(37, 99, 235, 0.72), rgba(30, 64, 175, 0.58)) !important;
  box-shadow:
    0 0 24px rgba(47, 102, 243, 0.52),
    0 12px 26px rgba(15, 35, 75, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-2px) !important;
}

body.settlelink-builder-open .mobile-bottom-nav-icon {
  width: 27px !important;
  height: 27px !important;
  margin: 0 auto !important;
  display: block !important;
  background-color: currentColor !important;
  color: inherit !important;
  opacity: 1 !important;
}

body.settlelink-builder-open .mobile-bottom-nav-link.active .mobile-bottom-nav-icon {
  filter: drop-shadow(0 0 10px rgba(96, 165, 250, 0.8)) !important;
}

body.settlelink-builder-open .mobile-bottom-nav-label {
  display: block !important;
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Clear old CSS-drawn icon pieces */
body.settlelink-builder-open .mobile-bottom-nav-icon::before,
body.settlelink-builder-open .mobile-bottom-nav-icon::after {
  display: none !important;
  content: none !important;
}

/* Projects = folder */
body.settlelink-builder-open .mobile-bottom-nav-icon.icon-dashboard {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.5C3.5 6.4 4.4 5.5 5.5 5.5H9.2L11 7.5H18.5C19.6 7.5 20.5 8.4 20.5 9.5V17.5C20.5 18.6 19.6 19.5 18.5 19.5H5.5C4.4 19.5 3.5 18.6 3.5 17.5V7.5Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.5C3.5 6.4 4.4 5.5 5.5 5.5H9.2L11 7.5H18.5C19.6 7.5 20.5 8.4 20.5 9.5V17.5C20.5 18.6 19.6 19.5 18.5 19.5H5.5C4.4 19.5 3.5 18.6 3.5 17.5V7.5Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Contacts = person */
body.settlelink-builder-open .mobile-bottom-nav-icon.icon-subcontractors {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.2C14.25 12.2 16.1 10.35 16.1 8.1C16.1 5.85 14.25 4 12 4C9.75 4 7.9 5.85 7.9 8.1C7.9 10.35 9.75 12.2 12 12.2Z' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M5 20C6.1 16.7 8.55 15.1 12 15.1C15.45 15.1 17.9 16.7 19 20' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.2C14.25 12.2 16.1 10.35 16.1 8.1C16.1 5.85 14.25 4 12 4C9.75 4 7.9 5.85 7.9 8.1C7.9 10.35 9.75 12.2 12 12.2Z' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M5 20C6.1 16.7 8.55 15.1 12 15.1C15.45 15.1 17.9 16.7 19 20' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Receipts = receipt */
body.settlelink-builder-open .mobile-bottom-nav-icon.icon-receipts {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.8H17C18.1 3.8 19 4.7 19 5.8V20.2L16.7 18.9L14.4 20.2L12 18.9L9.6 20.2L7.3 18.9L5 20.2V5.8C5 4.7 5.9 3.8 7 3.8Z' stroke='black' stroke-width='2.25' stroke-linejoin='round'/%3E%3Cpath d='M8.7 8.5H15.3M8.7 12H15.3M8.7 15.5H12.7' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.8H17C18.1 3.8 19 4.7 19 5.8V20.2L16.7 18.9L14.4 20.2L12 18.9L9.6 20.2L7.3 18.9L5 20.2V5.8C5 4.7 5.9 3.8 7 3.8Z' stroke='black' stroke-width='2.25' stroke-linejoin='round'/%3E%3Cpath d='M8.7 8.5H15.3M8.7 12H15.3M8.7 15.5H12.7' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* More = cogwheel */
body.settlelink-builder-open .mobile-bottom-nav-icon.icon-company {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.2C13.7673 15.2 15.2 13.7673 15.2 12C15.2 10.2327 13.7673 8.8 12 8.8C10.2327 8.8 8.8 10.2327 8.8 12C8.8 13.7673 10.2327 15.2 12 15.2Z' stroke='black' stroke-width='2.35'/%3E%3Cpath d='M19.2 13.4C19.3 12.95 19.35 12.48 19.35 12C19.35 11.52 19.3 11.05 19.2 10.6L21 9.25L19.2 6.1L17.1 7C16.4 6.35 15.6 5.88 14.7 5.6L14.4 3.35H9.6L9.3 5.6C8.4 5.88 7.6 6.35 6.9 7L4.8 6.1L3 9.25L4.8 10.6C4.7 11.05 4.65 11.52 4.65 12C4.65 12.48 4.7 12.95 4.8 13.4L3 14.75L4.8 17.9L6.9 17C7.6 17.65 8.4 18.12 9.3 18.4L9.6 20.65H14.4L14.7 18.4C15.6 18.12 16.4 17.65 17.1 17L19.2 17.9L21 14.75L19.2 13.4Z' stroke='black' stroke-width='2.05' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.2C13.7673 15.2 15.2 13.7673 15.2 12C15.2 10.2327 13.7673 8.8 12 8.8C10.2327 8.8 8.8 10.2327 8.8 12C8.8 13.7673 10.2327 15.2 12 15.2Z' stroke='black' stroke-width='2.35'/%3E%3Cpath d='M19.2 13.4C19.3 12.95 19.35 12.48 19.35 12C19.35 11.52 19.3 11.05 19.2 10.6L21 9.25L19.2 6.1L17.1 7C16.4 6.35 15.6 5.88 14.7 5.6L14.4 3.35H9.6L9.3 5.6C8.4 5.88 7.6 6.35 6.9 7L4.8 6.1L3 9.25L4.8 10.6C4.7 11.05 4.65 11.52 4.65 12C4.65 12.48 4.7 12.95 4.8 13.4L3 14.75L4.8 17.9L6.9 17C7.6 17.65 8.4 18.12 9.3 18.4L9.6 20.65H14.4L14.7 18.4C15.6 18.12 16.4 17.65 17.1 17L19.2 17.9L21 14.75L19.2 13.4Z' stroke='black' stroke-width='2.05' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

@media (max-width: 380px) {
  body.settlelink-builder-open .mobile-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    gap: 5px !important;
    padding: 7px !important;
    border-radius: 24px !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-link {
    min-height: 66px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-icon {
    width: 25px !important;
    height: 25px !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-label {
    font-size: 11px !important;
  }
}

/* SettleLink polished contact payout status bundle */

.invoice-contact-status-pills,
.contacts-card-status-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.status-chip.contact-setup-chip,
.status-chip.contact-payout-chip,
.invoice-contact-status-pills .status-chip,
.contacts-card-status-wrap .status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
}

.status-chip.contact-setup-chip::before,
.status-chip.contact-payout-chip::before,
.invoice-contact-status-pills .status-chip::before,
.contacts-card-status-wrap .status-chip::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-right: 6px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 1000;
  background: rgba(255, 255, 255, 0.12);
}

.status-chip.contact-payout-payout-in-progress::before {
  content: "↻";
}

.status-chip.contact-payout-ready-for-payout::before {
  content: "◷";
}

.status-chip.contact-payout-payout-needs-checking::before,
.status-chip.contact-payout-not-ready::before {
  content: "!";
}

.status-chip.contact-payout-funds-received {
  color: #86f7a4;
  border-color: rgba(52, 211, 153, 0.58);
  background:
    linear-gradient(135deg, rgba(22, 163, 74, 0.24), rgba(21, 128, 61, 0.13));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 18px rgba(34, 197, 94, 0.13);
}

.status-chip.contact-payout-payout-in-progress {
  color: #9fc6ff;
  border-color: rgba(59, 130, 246, 0.58);
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.24), rgba(30, 64, 175, 0.12));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(59, 130, 246, 0.12);
}

.status-chip.contact-payout-ready-for-payout {
  color: #9fffea;
  border-color: rgba(45, 212, 191, 0.58);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.22), rgba(91, 33, 182, 0.16));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(45, 212, 191, 0.11);
}

.status-chip.contact-payout-payout-needs-checking,
.status-chip.contact-payout-not-ready {
  color: #fcd34d;
  border-color: rgba(245, 158, 11, 0.55);
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(120, 53, 15, 0.14));
}

.invoice-contact-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.97), rgba(8, 15, 31, 0.96));
  border: 1px solid rgba(125, 160, 215, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 34px rgba(2, 6, 23, 0.24);
}

.invoice-contact-card-top {
  align-items: flex-start;
  gap: 12px;
}

.invoice-contact-card-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.invoice-contact-card-actions .secondary-btn.toggleInvoiceContactDetailsBtn {
  width: auto;
  min-width: 168px;
  max-width: 220px;
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 16px;
  font-size: 0.95rem;
  font-weight: 900;
}

.contacts-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.contacts-card-actions .secondary-btn.toggleContactDetailsBtn {
  width: auto;
  min-width: 162px;
  max-width: 220px;
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 16px;
  font-size: 0.95rem;
  font-weight: 900;
}

.contacts-details-panel .detail-list {
  border-radius: 22px;
  overflow: hidden;
}

.contacts-details-panel .timeline-row {
  min-height: 58px;
}

body.settlelink-dark-mode .invoice-contact-card-actions .secondary-btn.toggleInvoiceContactDetailsBtn,
body.settlelink-dark-mode .contacts-card-actions .secondary-btn.toggleContactDetailsBtn {
  color: rgba(235, 244, 255, 0.96);
  border-color: rgba(125, 160, 215, 0.3);
  background:
    linear-gradient(180deg, rgba(29, 44, 68, 0.78), rgba(15, 23, 42, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 8px 18px rgba(2, 6, 23, 0.16);
}

body.settlelink-dark-mode .invoice-contact-card-actions .secondary-btn.toggleInvoiceContactDetailsBtn:hover,
body.settlelink-dark-mode .contacts-card-actions .secondary-btn.toggleContactDetailsBtn:hover {
  transform: translateY(-1px);
  border-color: rgba(96, 165, 250, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 22px rgba(47, 102, 243, 0.14);
}

@media (max-width: 720px) {
  .invoice-contact-card-top {
    align-items: flex-start;
  }

  .invoice-contact-status-pills,
  .contacts-card-status-wrap {
    justify-content: flex-start;
  }

  .invoice-contact-card-actions,
  .contacts-card-actions {
    justify-content: center;
  }

  .invoice-contact-card-actions .secondary-btn.toggleInvoiceContactDetailsBtn,
  .contacts-card-actions .secondary-btn.toggleContactDetailsBtn {
    min-width: 150px;
    max-width: 190px;
    width: auto;
  }
}

/* SettleLink safe contacts/payment-summary polish correction */

/* Fix broken vertical contact names without changing card structure */
.contacts-card-content,
.contacts-card-header,
.contacts-card-title,
.contacts-card-trade {
  min-width: 0 !important;
  max-width: 100% !important;
}

.contacts-card-title,
.contacts-card-trade {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.contacts-card-title {
  line-height: 1.08 !important;
}

.contacts-card-trade {
  line-height: 1.22 !important;
}

/* Keep Open Contact buttons as they currently are */
.contacts-card-actions .toggleContactDetailsBtn,
.invoice-contact-card-actions .toggleInvoiceContactDetailsBtn {
  width: auto !important;
  min-width: 170px !important;
  max-width: 260px !important;
}

/* Invoice contact cards closer to AI style */
.invoice-contact-card {
  border-radius: 26px !important;
  padding: 18px !important;
}

.invoice-contact-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.invoice-contact-person {
  min-width: 0 !important;
}

.invoice-contact-card-name,
.invoice-contact-card-subtitle {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.invoice-contact-status-pills {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.invoice-contact-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.invoice-contact-badge-registered::before,
.invoice-contact-payout-badge::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 1000;
  background: rgba(255, 255, 255, 0.12);
}

.invoice-contact-payout-payout-in-progress::before {
  content: "↻";
}

.invoice-contact-payout-ready-for-payout::before {
  content: "◷";
}

.invoice-contact-payout-needs-checking::before {
  content: "!";
}

.invoice-contact-payout-funds-received {
  color: #8cf7a7 !important;
  border-color: rgba(52, 211, 153, 0.55) !important;
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.24), rgba(21, 128, 61, 0.12)) !important;
}

.invoice-contact-payout-payout-in-progress {
  color: #dce8ff !important;
  border-color: rgba(125, 160, 215, 0.38) !important;
  background: linear-gradient(135deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.58)) !important;
}

.invoice-contact-payout-ready-for-payout {
  color: #c7a7ff !important;
  border-color: rgba(168, 85, 247, 0.5) !important;
  background: linear-gradient(135deg, rgba(91, 33, 182, 0.28), rgba(59, 7, 100, 0.16)) !important;
}

.invoice-contact-payout-needs-checking {
  color: #fcd34d !important;
  border-color: rgba(245, 158, 11, 0.52) !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(120, 53, 15, 0.14)) !important;
}

.invoice-contact-card-grid {
  display: grid !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

.invoice-contact-card-item {
  border-radius: 22px !important;
  padding: 16px 18px !important;
}

.invoice-contact-card-item span {
  display: block !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

.invoice-contact-card-item strong {
  display: block !important;
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
}

/* Payment summary section polish only - do not touch bottom action buttons */
.payment-hero-card,
.payout-awareness-panel,
.payment-record-grid .receipt-card,
.receipt-grid .receipt-card,
.notice-box {
  border-radius: 26px !important;
}

.payout-awareness-panel {
  border-color: rgba(74, 222, 128, 0.32) !important;
}

.payout-awareness-top {
  align-items: flex-start !important;
  gap: 12px !important;
}

.payout-awareness-list {
  margin-top: 14px !important;
}

body.settlelink-dark-mode .invoice-contact-card,
body.settlelink-dark-mode .invoice-contact-card-item,
body.settlelink-dark-mode .payment-hero-card,
body.settlelink-dark-mode .payout-awareness-panel,
body.settlelink-dark-mode .payment-record-grid .receipt-card,
body.settlelink-dark-mode .receipt-grid .receipt-card,
body.settlelink-dark-mode .notice-box {
  background:
    radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.97), rgba(8, 15, 31, 0.96)) !important;
  border-color: rgba(125, 160, 215, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 12px 28px rgba(2, 6, 23, 0.16) !important;
}

body.settlelink-dark-mode .payout-awareness-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(8, 15, 31, 0.98)) !important;
  border-color: rgba(74, 222, 128, 0.34) !important;
}

/* Stop previous button polish from overriding bottom action buttons */
.compact-actions .secondary-btn,
.compact-actions .primary-btn,
#downloadInvoicePdfBtn,
#openReceiptBtn,
#backToProjectBtn {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media (max-width: 720px) {
  .invoice-contact-card-top {
    grid-template-columns: 1fr !important;
  }

  .invoice-contact-status-pills {
    justify-content: flex-start !important;
  }

  .invoice-contact-card-actions {
    justify-content: flex-start !important;
  }
}

/* =========================================
   PAID PAYMENT SUMMARY POLISH + CONTACTS FIX
   ========================================= */

.sl-builder-paid-summary-page {
  display: grid !important;
  gap: 14px !important;
  padding-bottom: 4px !important;
}

.sl-builder-summary-grid {
  display: grid !important;
  grid-template-columns: minmax(230px, 0.85fr) minmax(0, 1.65fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.sl-builder-paid-summary-page .panel,
.sl-builder-paid-actions .secondary-btn,
.sl-builder-paid-actions .primary-btn {
  border-radius: 24px !important;
}

.sl-builder-paid-summary-page .panel {
  overflow: hidden !important;
}

.sl-builder-paid-summary-page .payment-hero-card,
.sl-builder-paid-summary-page .sl-builder-breakdown-card,
.sl-builder-paid-summary-page .sl-builder-status-strip,
.sl-builder-paid-summary-page .sl-builder-contact-summary-panel,
.sl-builder-paid-summary-page .sl-builder-record-card,
.sl-builder-paid-summary-page .sl-builder-receipt-card,
.sl-builder-paid-summary-page .sl-builder-terms-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)) !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 16px 34px rgba(0, 0, 0, 0.18) !important;
}

.sl-builder-paid-summary-page .payment-hero-top {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.sl-builder-paid-summary-page .payment-hero-amount {
  display: block !important;
  margin-top: 8px !important;
  font-size: clamp(36px, 5vw, 52px) !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.sl-builder-breakdown-card {
  padding: 22px !important;
}

.sl-builder-breakdown-list {
  display: grid !important;
  gap: 0 !important;
  margin-top: 12px !important;
}

.sl-builder-breakdown-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 16px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.sl-builder-breakdown-row:first-child {
  padding-top: 0 !important;
}

.sl-builder-breakdown-row:last-child {
  border-bottom: 0 !important;
}

.sl-builder-breakdown-row span {
  min-width: 0 !important;
  color: #c7d2ee !important;
  -webkit-text-fill-color: #c7d2ee !important;
  line-height: 1.35 !important;
}

.sl-builder-breakdown-row small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #93a4c7 !important;
  -webkit-text-fill-color: #93a4c7 !important;
}

.sl-builder-breakdown-row strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 17px !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.sl-builder-breakdown-total {
  margin-top: 4px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(96, 165, 250, 0.25) !important;
}

.sl-builder-breakdown-total span,
.sl-builder-breakdown-total strong {
  font-weight: 950 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.sl-builder-status-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 18px 20px !important;
}

.sl-builder-status-strip > div {
  min-width: 0 !important;
  padding: 0 18px !important;
  border-right: 1px solid rgba(148, 163, 184, 0.22) !important;
}

.sl-builder-status-strip > div:first-child {
  padding-left: 0 !important;
}

.sl-builder-status-strip > div:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

.sl-builder-status-strip span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
  font-size: 15px !important;
}

.sl-builder-status-strip strong {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.sl-builder-payout-card {
  border-color: rgba(148, 163, 184, 0.34) !important;
  background:
    radial-gradient(circle at 9% 16%, rgba(148, 163, 184, 0.1), transparent 26%),
    radial-gradient(circle at 92% 0%, rgba(47, 102, 243, 0.1), transparent 36%),
    linear-gradient(180deg, #0f1828 0%, #0a1220 100%) !important;
}

.sl-builder-payout-card-paid {
  border-color: rgba(132, 204, 22, 0.45) !important;
  background:
    radial-gradient(circle at 9% 16%, rgba(132, 204, 22, 0.13), transparent 26%),
    radial-gradient(circle at 92% 0%, rgba(47, 102, 243, 0.1), transparent 36%),
    linear-gradient(180deg, #0f1828 0%, #0a1220 100%) !important;
}

.sl-builder-payout-card-failed {
  border-color: rgba(248, 113, 113, 0.48) !important;
  background:
    radial-gradient(circle at 9% 16%, rgba(248, 113, 113, 0.12), transparent 26%),
    linear-gradient(180deg, #0f1828 0%, #0a1220 100%) !important;
}

.sl-builder-payout-card-transit {
  border-color: rgba(96, 165, 250, 0.46) !important;
}

.sl-builder-payout-card-waiting,
.sl-builder-payout-card-unknown {
  border-color: rgba(251, 191, 36, 0.38) !important;
}

.sl-builder-payout-head {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

.sl-builder-payout-check {
  width: 62px !important;
  height: 62px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  border: 3px solid rgba(148, 163, 184, 0.65) !important;
  box-shadow:
    0 0 0 7px rgba(148, 163, 184, 0.07),
    0 0 30px rgba(148, 163, 184, 0.12) !important;
  font-size: 34px !important;
  font-weight: 950 !important;
}

.sl-builder-payout-check-paid {
  color: #86ef4f !important;
  -webkit-text-fill-color: #86ef4f !important;
  border-color: rgba(134, 239, 79, 0.8) !important;
  box-shadow:
    0 0 0 7px rgba(132, 204, 22, 0.08),
    0 0 34px rgba(132, 204, 22, 0.22) !important;
}

.sl-builder-payout-check-failed {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.78) !important;
  box-shadow: 0 0 0 7px rgba(248, 113, 113, 0.08) !important;
}

.sl-builder-payout-check-transit {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  border-color: rgba(96, 165, 250, 0.76) !important;
}

.sl-builder-payout-check-waiting,
.sl-builder-payout-check-unknown {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  border-color: rgba(251, 191, 36, 0.68) !important;
}

.sl-builder-payout-copy .eyebrow {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

.sl-builder-payout-card-paid .sl-builder-payout-copy .eyebrow {
  color: #9fe870 !important;
  -webkit-text-fill-color: #9fe870 !important;
}

.sl-builder-payout-card-failed .sl-builder-payout-copy .eyebrow {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

.sl-builder-payout-copy .panel-title {
  margin: 4px 0 8px !important;
  font-size: clamp(22px, 4vw, 30px) !important;
}

.sl-builder-payout-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.sl-builder-payout-grid > div {
  min-width: 0 !important;
  padding-right: 20px !important;
}

.sl-builder-payout-grid > div + div {
  padding-left: 20px !important;
  border-left: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.sl-builder-payout-grid span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
}

.sl-builder-payout-grid strong {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
}

.sl-builder-payout-note {
  padding-top: 12px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.16) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-list {
  gap: 10px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card {
  padding: 12px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.11), transparent 32%),
    rgba(4, 12, 26, 0.36) !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-top {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.1fr) minmax(180px, auto) auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-person {
  min-width: 0 !important;
}

.sl-builder-contact-summary-panel .invoice-contact-avatar {
  width: 52px !important;
  height: 52px !important;
  background: #edf3ff !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-avatar::before,
.sl-builder-contact-summary-panel .invoice-contact-avatar::after {
  background: #94a3b8 !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-subtitle {
  color: #c7d2ee !important;
  -webkit-text-fill-color: #c7d2ee !important;
  font-size: 15px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-status-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-amount {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-actions .toggleInvoiceContactDetailsBtn {
  width: min(100%, 420px) !important;
  min-width: 0 !important;
  min-height: 46px !important;
  border-radius: 16px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 13px !important;
  background: rgba(3, 10, 22, 0.38) !important;
  border: 1px solid rgba(96, 165, 250, 0.12) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item::before {
  content: "•" !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(47, 102, 243, 0.16) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  font-weight: 950 !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(1)::before {
  content: "▣" !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(2)::before {
  content: "✉" !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(3)::before {
  content: "☎" !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(4)::before {
  content: "◆" !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(5)::before {
  content: "£" !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item span {
  margin: 0 !important;
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: right !important;
  word-break: break-word !important;
}

.sl-builder-record-card .payment-record-grid,
.sl-builder-receipt-card .settlelink-receipt-summary-list,
.sl-builder-receipt-card .sl-receipt-summary-list,
.sl-builder-record-card .detail-list,
.sl-builder-receipt-card .detail-list {
  display: grid !important;
  gap: 6px !important;
}

.sl-builder-record-card .receipt-card,
.sl-builder-receipt-card .receipt-card,
.sl-builder-record-card .timeline-row,
.sl-builder-receipt-card .timeline-row,
.sl-builder-record-card .settlelink-receipt-summary-row,
.sl-builder-receipt-card .settlelink-receipt-summary-row,
.sl-builder-record-card .sl-receipt-summary-row,
.sl-builder-receipt-card .sl-receipt-summary-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-radius: 13px !important;
  background: rgba(3, 10, 22, 0.34) !important;
  border: 1px solid rgba(96, 165, 250, 0.12) !important;
}

.sl-builder-record-card .receipt-card::before,
.sl-builder-receipt-card .receipt-card::before,
.sl-builder-record-card .timeline-row::before,
.sl-builder-receipt-card .timeline-row::before,
.sl-builder-record-card .settlelink-receipt-summary-row::before,
.sl-builder-receipt-card .settlelink-receipt-summary-row::before,
.sl-builder-record-card .sl-receipt-summary-row::before,
.sl-builder-receipt-card .sl-receipt-summary-row::before {
  content: "▣" !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(47, 102, 243, 0.16) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  font-weight: 950 !important;
}

.sl-builder-record-card .receipt-card span,
.sl-builder-receipt-card .receipt-card span,
.sl-builder-record-card .timeline-row span,
.sl-builder-receipt-card .timeline-row span,
.sl-builder-record-card .settlelink-receipt-summary-row span:not(.settlelink-receipt-row-icon),
.sl-builder-receipt-card .settlelink-receipt-summary-row span:not(.settlelink-receipt-row-icon),
.sl-builder-record-card .sl-receipt-summary-row span:not(.sl-row-icon),
.sl-builder-receipt-card .sl-receipt-summary-row span:not(.sl-row-icon) {
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
  text-align: left !important;
}

.sl-builder-record-card .receipt-card strong,
.sl-builder-receipt-card .receipt-card strong,
.sl-builder-record-card .timeline-row strong,
.sl-builder-receipt-card .timeline-row strong,
.sl-builder-record-card .settlelink-receipt-summary-row strong,
.sl-builder-receipt-card .settlelink-receipt-summary-row strong,
.sl-builder-record-card .sl-receipt-summary-row strong,
.sl-builder-receipt-card .sl-receipt-summary-row strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: right !important;
  word-break: break-word !important;
}

.sl-builder-terms-card .secondary-btn {
  min-height: 46px !important;
  border-radius: 16px !important;
}

.sl-builder-paid-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.sl-builder-paid-actions .primary-btn,
.sl-builder-paid-actions .secondary-btn {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid rgba(47, 102, 243, 0.72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.18), transparent 38%),
    rgba(15, 27, 46, 0.84) !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 0 18px rgba(47, 102, 243, 0.18) !important;
}

@media (max-width: 760px) {
  .sl-builder-summary-grid {
    grid-template-columns: 1fr !important;
  }

  .sl-builder-paid-summary-page .payment-hero-top {
    gap: 18px !important;
  }

  .sl-builder-breakdown-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .sl-builder-breakdown-row span {
    font-size: 16px !important;
  }

  .sl-builder-breakdown-row strong {
    font-size: 17px !important;
  }

  .sl-builder-status-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 14px 16px !important;
  }

  .sl-builder-status-strip > div {
    padding: 0 10px !important;
  }

  .sl-builder-status-strip span {
    font-size: 13px !important;
  }

  .sl-builder-status-strip strong {
    font-size: 15px !important;
  }

  .sl-builder-payout-head {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .sl-builder-payout-check {
    width: 46px !important;
    height: 46px !important;
    font-size: 26px !important;
  }

  .sl-builder-payout-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .sl-builder-payout-grid > div,
  .sl-builder-payout-grid > div + div {
    padding: 0 !important;
    border-left: 0 !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-card-top {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-status-pills {
    justify-content: flex-start !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-card-amount {
    text-align: left !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-card-actions {
    align-items: stretch !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-card-actions .toggleInvoiceContactDetailsBtn {
    width: min(100%, 320px) !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-card-item,
  .sl-builder-record-card .receipt-card,
  .sl-builder-receipt-card .receipt-card,
  .sl-builder-record-card .timeline-row,
  .sl-builder-receipt-card .timeline-row,
  .sl-builder-record-card .settlelink-receipt-summary-row,
  .sl-builder-receipt-card .settlelink-receipt-summary-row,
  .sl-builder-record-card .sl-receipt-summary-row,
  .sl-builder-receipt-card .sl-receipt-summary-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
  }

  .sl-builder-contact-summary-panel .invoice-contact-card-item strong,
  .sl-builder-record-card .receipt-card strong,
  .sl-builder-receipt-card .receipt-card strong,
  .sl-builder-record-card .timeline-row strong,
  .sl-builder-receipt-card .timeline-row strong,
  .sl-builder-record-card .settlelink-receipt-summary-row strong,
  .sl-builder-receipt-card .settlelink-receipt-summary-row strong,
  .sl-builder-record-card .sl-receipt-summary-row strong,
  .sl-builder-receipt-card .sl-receipt-summary-row strong {
    grid-column: 2 !important;
    text-align: left !important;
  }
}

/* Contacts page mobile stacking fix */

body.settlelink-builder-open .contacts-card-content,
body.settlelink-builder-open .contacts-card-header,
body.settlelink-builder-open .contacts-card-header > div:first-child,
body.settlelink-builder-open .contacts-card-title,
body.settlelink-builder-open .contacts-card-trade,
body.settlelink-builder-open .contacts-card-meta,
body.settlelink-builder-open .contacts-card-meta-item {
  min-width: 0 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .contacts-card {
    padding: 18px !important;
  }

  body.settlelink-builder-open .contacts-card-main {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.settlelink-builder-open .contacts-avatar {
    width: 58px !important;
    height: 58px !important;
    font-size: 19px !important;
  }

  body.settlelink-builder-open .contacts-card-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.settlelink-builder-open .contacts-card-title {
    font-size: 22px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.035em !important;
  }

  body.settlelink-builder-open .contacts-card-status-wrap {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.settlelink-builder-open .contacts-card-menu {
    margin-left: auto !important;
  }

  body.settlelink-builder-open .contacts-card-meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.settlelink-builder-open .contacts-card-meta-dot {
    display: none !important;
  }

  body.settlelink-builder-open .contacts-card-meta-item {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}

/* =========================================
   PAID PAYMENT SUMMARY FINAL TWEAKS
   ========================================= */

/* 1) Terms button centering */
.sl-builder-terms-card .button-row {
  justify-content: center !important;
}

.sl-builder-terms-card .secondary-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
  padding: 0 20px !important;
}

/* 2) Contact pill colour fixes */
.invoice-contact-badge-not-registered::before {
  content: "!" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 1000 !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.invoice-contact-payout-payout-in-progress {
  color: #dbe7f7 !important;
  -webkit-text-fill-color: #dbe7f7 !important;
  border-color: rgba(148, 163, 184, 0.34) !important;
  background: linear-gradient(135deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.58)) !important;
}

.invoice-contact-payout-ready-for-payout {
  color: #8cf7a7 !important;
  -webkit-text-fill-color: #8cf7a7 !important;
  border-color: rgba(52, 211, 153, 0.55) !important;
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.24), rgba(21, 128, 61, 0.12)) !important;
}

.invoice-contact-badge-not-registered {
  color: #ffb4b4 !important;
  -webkit-text-fill-color: #ffb4b4 !important;
  border-color: rgba(248, 113, 113, 0.38) !important;
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.30), rgba(69, 10, 10, 0.18)) !important;
}

/* 3) Builder VAT and service charge card fix */
.sl-builder-record-card .payment-record-grid {
  grid-template-columns: 1fr !important;
}

.sl-builder-record-card .receipt-card {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px 12px !important;
}

.sl-builder-record-card .receipt-card::before {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
}

.sl-builder-record-card .receipt-card span,
.sl-builder-record-card .receipt-card strong,
.sl-builder-record-card .receipt-card p,
.sl-builder-record-card .receipt-card small,
.sl-builder-record-card .receipt-card .muted-text {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.sl-builder-record-card .receipt-card p,
.sl-builder-record-card .receipt-card small,
.sl-builder-record-card .receipt-card .muted-text {
  margin: 0 !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  color: #9fb0cf !important;
  -webkit-text-fill-color: #9fb0cf !important;
}

.sl-builder-record-card .receipt-card strong {
  text-align: left !important;
}

/* =========================================
   PROJECT VALUE EDIT + AMBER PAYOUT PILL
   ========================================= */

.project-overview-stat-button-v2 {
  width: 100% !important;
  font: inherit !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.project-overview-stat-button-v2:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(47, 102, 243, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 22px rgba(47, 102, 243, 0.20) !important;
}

.project-overview-stat-button-v2 small {
  margin-top: -4px !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Force payout in progress to amber, not green */
.sl-builder-contact-summary-panel .invoice-contact-payout-payout-in-progress,
.invoice-contact-badge.invoice-contact-payout-payout-in-progress,
span.invoice-contact-payout-payout-in-progress {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.55) !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.22), rgba(120, 53, 15, 0.18)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 18px rgba(245, 158, 11, 0.10) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-payout-payout-in-progress::before,
.invoice-contact-badge.invoice-contact-payout-payout-in-progress::before,
span.invoice-contact-payout-payout-in-progress::before {
  content: "↻" !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(245, 158, 11, 0.18) !important;
}

/* Keep ready for payout green */
.sl-builder-contact-summary-panel .invoice-contact-payout-ready-for-payout,
.invoice-contact-badge.invoice-contact-payout-ready-for-payout,
span.invoice-contact-payout-ready-for-payout {
  color: #8cf7a7 !important;
  -webkit-text-fill-color: #8cf7a7 !important;
  border-color: rgba(52, 211, 153, 0.55) !important;
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.24), rgba(21, 128, 61, 0.12)) !important;
}

/* =========================================
   HARD FIX: PAYOUT IN PROGRESS MUST BE AMBER
   ========================================= */

body.settlelink-dark-mode .sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress,
body.settlelink-dark-mode span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress,
.sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.62) !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.26), rgba(120, 53, 15, 0.20)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 18px rgba(245, 158, 11, 0.12) !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress *,
body.settlelink-dark-mode span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress *,
.sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress *,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress * {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before,
body.settlelink-dark-mode span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before,
.sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before {
  content: "↻" !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(245, 158, 11, 0.20) !important;
}

/* =========================================
   CONTACTS: REAL VERIFICATION STATUS POLISH
   ========================================= */

.contacts-card-actions {
  gap: 8px !important;
  margin-top: 14px !important;
}

.contacts-card-actions:has(.copyContactSetupBtn) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.contacts-card-actions .secondary-btn {
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Main registration pill: Not registered = red */
.status-chip.contact-setup-chip.overdue,
.contacts-card-status-wrap .status-chip.contact-setup-chip.overdue {
  color: #ffb4b4 !important;
  -webkit-text-fill-color: #ffb4b4 !important;
  border-color: rgba(248, 113, 113, 0.55) !important;
  background:
    linear-gradient(135deg, rgba(127, 29, 29, 0.34), rgba(69, 10, 10, 0.22)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 16px rgba(239, 68, 68, 0.10) !important;
}

.status-chip.contact-setup-chip.overdue::before,
.contacts-card-status-wrap .status-chip.contact-setup-chip.overdue::before {
  content: "!" !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  background: rgba(239, 68, 68, 0.18) !important;
}

/* Not verified = neutral grey */
.invoice-contact-payout-not-verified,
.contacts-card-status-wrap .invoice-contact-payout-not-verified,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.42) !important;
  background:
    linear-gradient(135deg, rgba(51, 65, 85, 0.62), rgba(15, 23, 42, 0.52)) !important;
}

.invoice-contact-payout-not-verified::before,
.contacts-card-status-wrap .invoice-contact-payout-not-verified::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified::before {
  content: "!" !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  background: rgba(148, 163, 184, 0.18) !important;
}

/* Verification in progress = amber */
.invoice-contact-payout-payout-in-progress,
.contacts-card-status-wrap .invoice-contact-payout-payout-in-progress,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.62) !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.26), rgba(120, 53, 15, 0.20)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 18px rgba(245, 158, 11, 0.12) !important;
}

.invoice-contact-payout-payout-in-progress::before,
.contacts-card-status-wrap .invoice-contact-payout-payout-in-progress::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before {
  content: "⏳" !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(245, 158, 11, 0.20) !important;
}

/* Ready for payout = green */
.invoice-contact-payout-ready-for-payout,
.contacts-card-status-wrap .invoice-contact-payout-ready-for-payout,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout {
  color: #8cf7a7 !important;
  -webkit-text-fill-color: #8cf7a7 !important;
  border-color: rgba(52, 211, 153, 0.55) !important;
  background:
    linear-gradient(135deg, rgba(22, 163, 74, 0.24), rgba(21, 128, 61, 0.12)) !important;
}

@media (max-width: 430px) {
  .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: 1fr 1fr !important;
  }

  .contacts-card-actions .secondary-btn {
    min-height: 40px !important;
    font-size: 13px !important;
    padding: 8px 8px !important;
  }
}

/* =========================================
   CONTACTS / MOBILE NAV / COMPLETED BUTTON FIXES
   ========================================= */

/* Contact setup button can say full wording without becoming huge */
.contacts-card-actions .copyContactSetupBtn {
  min-height: 42px !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

/* Hard light-mode recovery: stop old dark polish leaking into light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .receipt-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .metric-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .project-stat,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .payment-feedback-box,
body:not(.settlelink-dark-mode).settlelink-builder-open .notice-box {
  background-color: #ffffff !important;
  color: #15264b !important;
  -webkit-text-fill-color: initial !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .panel-title,
body:not(.settlelink-dark-mode).settlelink-builder-open h1,
body:not(.settlelink-dark-mode).settlelink-builder-open h2,
body:not(.settlelink-dark-mode).settlelink-builder-open h3,
body:not(.settlelink-dark-mode).settlelink-builder-open h4,
body:not(.settlelink-dark-mode).settlelink-builder-open strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .muted-text,
body:not(.settlelink-dark-mode).settlelink-builder-open p,
body:not(.settlelink-dark-mode).settlelink-builder-open span,
body:not(.settlelink-dark-mode).settlelink-builder-open small,
body:not(.settlelink-dark-mode).settlelink-builder-open label {
  -webkit-text-fill-color: currentColor !important;
}

/* Keep status pills styled even in light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-badge,
body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip {
  -webkit-text-fill-color: currentColor !important;
}

/* Mobile bottom bar fixed to bottom, not floating */
@media (max-width: 768px) {
  body.settlelink-builder-open .mobile-bottom-nav {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 7px 9px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 22px 22px 0 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Move to completed projects = green safe action */
#moveProjectToCompletedBtn.project-action-btn-v2,
body.settlelink-dark-mode #moveProjectToCompletedBtn.project-action-btn-v2 {
  border-color: rgba(34, 197, 94, 0.55) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(22, 163, 74, 0.14), rgba(15, 23, 42, 0.04)) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 18px rgba(34, 197, 94, 0.10) !important;
}

body:not(.settlelink-dark-mode) #moveProjectToCompletedBtn.project-action-btn-v2 {
  border-color: rgba(34, 197, 94, 0.35) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.10), transparent 36%),
    linear-gradient(180deg, #f0fdf4, #ffffff) !important;
  color: #067647 !important;
  -webkit-text-fill-color: #067647 !important;
}

#moveProjectToCompletedBtn .project-action-icon-v2 {
  border-color: rgba(34, 197, 94, 0.38) !important;
  background: rgba(34, 197, 94, 0.16) !important;
}

#moveProjectToCompletedBtn .project-action-arrow-v2,
#moveProjectToCompletedBtn span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* =========================================
   RECOVERY: CONTACT STATUS, LIGHT MODE, NAV
   ========================================= */

/* Copy setup button: full wording, less fat */
.contacts-card-actions,
.contacts-card-actions:has(.copyContactSetupBtn) {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.contacts-card-actions .copyContactSetupBtn {
  width: 100% !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  border-radius: 15px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

/* Only verified/funds received can show a tick */
.invoice-contact-payout-not-verified::before,
.contacts-card-status-wrap .invoice-contact-payout-not-verified::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified::before {
  content: "!" !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  background: rgba(148, 163, 184, 0.18) !important;
}

.invoice-contact-payout-payout-in-progress::before,
.contacts-card-status-wrap .invoice-contact-payout-payout-in-progress::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before {
  content: "!" !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(245, 158, 11, 0.20) !important;
}

.invoice-contact-payout-ready-for-payout::before,
.contacts-card-status-wrap .invoice-contact-payout-ready-for-payout::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout::before,
.invoice-contact-payout-funds-received::before,
.contacts-card-status-wrap .invoice-contact-payout-funds-received::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-funds-received::before {
  content: "✓" !important;
}

/* Light mode recovery for polished builder pages */
body:not(.settlelink-dark-mode).settlelink-builder-open,
body:not(.settlelink-dark-mode).settlelink-builder-open .app-shell,
body:not(.settlelink-dark-mode).settlelink-builder-open .app-shell-builder,
body:not(.settlelink-dark-mode).settlelink-builder-open .builder-main {
  background: #eef2f7 !important;
  color: #15264b !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .builder-workspace-page-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-hero-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .receipts-hero-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-hero-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .receipt-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .metric-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .project-stat {
  background: #ffffff !important;
  border-color: #dfe7f4 !important;
  color: #15264b !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.10) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open h1,
body:not(.settlelink-dark-mode).settlelink-builder-open h2,
body:not(.settlelink-dark-mode).settlelink-builder-open h3,
body:not(.settlelink-dark-mode).settlelink-builder-open h4,
body:not(.settlelink-dark-mode).settlelink-builder-open .panel-title,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-title,
body:not(.settlelink-dark-mode).settlelink-builder-open .dashboard-welcome-title,
body:not(.settlelink-dark-mode).settlelink-builder-open strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open p,
body:not(.settlelink-dark-mode).settlelink-builder-open span,
body:not(.settlelink-dark-mode).settlelink-builder-open small,
body:not(.settlelink-dark-mode).settlelink-builder-open label,
body:not(.settlelink-dark-mode).settlelink-builder-open .muted-text,
body:not(.settlelink-dark-mode).settlelink-builder-open .page-subtitle {
  -webkit-text-fill-color: currentColor !important;
}

/* Do not let light-mode text override status pill colours */
body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-badge,
body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip *,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-badge * {
  -webkit-text-fill-color: currentColor !important;
}

/* Bottom nav: actually pin to the bottom of the phone */
@media (max-width: 768px) {
  body.settlelink-builder-open .mobile-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    transform: none !important;
    margin: 0 !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 18px 18px 0 0 !important;
    z-index: 9999 !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-link {
    min-height: 58px !important;
  }

  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 380px) {
  body.settlelink-builder-open .mobile-bottom-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 18px 18px 0 0 !important;
  }
}

/* Simple polished marketing footer */
.marketing-simple-footer {
  display: grid;
  gap: 16px;
  margin: 22px 0 0;
  padding: 18px;
  border: 1px solid rgba(59, 130, 246, 0.24);
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.20), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(7, 12, 24, 0.98) 100%);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #f8fbff;
}

.marketing-footer-brand-card,
.marketing-footer-company-card,
.marketing-footer-legal-card,
.marketing-footer-copyright {
  border: 1px solid rgba(96, 165, 250, 0.28);
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.94) 0%, rgba(12, 20, 36, 0.94) 100%);
  border-radius: 26px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.marketing-footer-brand-card {
  display: grid;
  gap: 14px;
  padding: 26px 22px;
}

.marketing-footer-logo {
  display: block;
  width: auto;
  max-width: min(250px, 76vw);
  max-height: 54px;
  object-fit: contain;
}

.marketing-footer-brand-card p {
  margin: 0;
  color: #b8c7e6;
  font-size: 17px;
  line-height: 1.45;
}

.marketing-footer-company-card {
  padding: 24px 22px;
}

.marketing-footer-company-card h2 {
  margin: 0 0 18px;
  color: #f8fbff;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.marketing-footer-company-list {
  display: grid;
}

.marketing-footer-company-row {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  color: #dbe6ff;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketing-footer-company-row:first-child {
  border-top: none;
  padding-top: 0;
}

.marketing-footer-company-row:last-child {
  padding-bottom: 0;
}

.marketing-footer-row-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(47, 102, 243, 0.18);
  color: #6ea0ff;
  font-size: 15px;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18);
}

.marketing-footer-legal-card {
  width: 100%;
  display: grid;
  grid-template-columns: 58px 1fr 34px;
  gap: 16px;
  align-items: center;
  padding: 20px 18px;
  text-align: left;
  cursor: pointer;
  border-color: rgba(47, 102, 243, 0.78);
  box-shadow:
    0 0 34px rgba(47, 102, 243, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.marketing-footer-legal-card:hover {
  transform: translateY(-1px);
  border-color: rgba(96, 165, 250, 0.96);
  box-shadow:
    0 0 42px rgba(47, 102, 243, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.marketing-footer-legal-icon {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(47, 102, 243, 0.16);
  color: #6ea0ff;
  font-size: 26px;
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
}

.marketing-footer-legal-copy {
  display: grid;
  gap: 5px;
}

.marketing-footer-legal-copy strong {
  color: #f8fbff;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.marketing-footer-legal-copy small {
  color: #aab8d4;
  font-size: 14px;
  line-height: 1.35;
}

.marketing-footer-arrow {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6ea0ff;
  font-size: 34px;
  line-height: 1;
  background: rgba(15, 23, 42, 0.42);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.20);
}

.marketing-footer-copyright {
  padding: 18px 14px;
  text-align: center;
  color: #8fa0c2;
  font-size: 15px;
  font-weight: 700;
}

@media (max-width: 520px) {
  .marketing-simple-footer {
    padding: 14px;
    border-radius: 28px;
  }

  .marketing-footer-brand-card,
  .marketing-footer-company-card,
  .marketing-footer-legal-card,
  .marketing-footer-copyright {
    border-radius: 24px;
  }

  .marketing-footer-brand-card {
    padding: 22px 18px;
  }

  .marketing-footer-company-card {
    padding: 22px 18px;
  }

  .marketing-footer-company-card h2 {
    font-size: 24px;
  }

  .marketing-footer-legal-card {
    grid-template-columns: 52px 1fr 30px;
    gap: 12px;
    padding: 18px 14px;
  }

  .marketing-footer-legal-icon {
    width: 52px;
    height: 52px;
    font-size: 23px;
  }

  .marketing-footer-legal-copy strong {
    font-size: 20px;
  }

  .marketing-footer-legal-copy small {
    font-size: 13px;
  }
}

/* =========================================
   APPEARANCE SAFE FIXES
   Footer + Legal Centre icons + light/dark leak fixes
   ========================================= */

/* Clickable support email */
.marketing-footer-email-link {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  overflow-wrap: anywhere !important;
}

.marketing-footer-email-link:hover {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

/* Make the footer safe on Legal Centre too */
.legal-centre-page-clean .marketing-simple-footer {
  margin-top: 0 !important;
}

/* Legal Centre dark-mode tick fix */
body.settlelink-dark-mode .legal-centre-hero-copy .eyebrow {
  color: #8bbcff !important;
  -webkit-text-fill-color: #8bbcff !important;
}

body.settlelink-dark-mode .legal-centre-hero-copy .eyebrow::before {
  background:
    radial-gradient(circle at 35% 25%, rgba(96, 165, 250, 0.28), transparent 44%),
    rgba(47, 102, 243, 0.16) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  box-shadow:
    inset 0 0 0 1px rgba(96, 165, 250, 0.38),
    0 0 18px rgba(47, 102, 243, 0.16) !important;
}

/* Legal Centre dark-mode icon colour fix */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-card-icon,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-document-icon,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link span,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-download-link span {
  background: rgba(47, 102, 243, 0.16) !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link::after {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Legal Centre icon base safety */
.legal-centre-page-clean .legal-centre-card-icon,
.legal-centre-page-clean .legal-centre-document-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Rebuild document icon */
.legal-centre-page-clean .legal-icon-document::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 8px !important;
  width: 13px !important;
  height: 18px !important;
  border: 3px solid currentColor !important;
  border-radius: 3px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.legal-centre-page-clean .legal-icon-document::after {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  top: 14px !important;
  width: 7px !important;
  height: 2px !important;
  background: currentColor !important;
  box-shadow: 0 5px 0 currentColor !important;
}

/* Rebuild lock icon */
.legal-centre-page-clean .legal-icon-lock::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 17px !important;
  width: 17px !important;
  height: 13px !important;
  border: 3px solid currentColor !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.legal-centre-page-clean .legal-icon-lock::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 7px !important;
  width: 11px !important;
  height: 13px !important;
  border: 3px solid currentColor !important;
  border-bottom: none !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* Rebuild trust tick icon */
.legal-centre-page-clean .legal-icon-shield::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 14px !important;
  width: 18px !important;
  height: 10px !important;
  border: 0 !important;
  border-left: 4px solid currentColor !important;
  border-bottom: 4px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: rotate(-45deg) !important;
  box-sizing: border-box !important;
}

.legal-centre-page-clean .legal-icon-shield::after {
  content: none !important;
  display: none !important;
}

/* Fix Client payment page terms card icon */
.legal-centre-page-clean .legal-icon-card::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 10px !important;
  width: 18px !important;
  height: 14px !important;
  border: 3px solid currentColor !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.legal-centre-page-clean .legal-icon-card::after {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 15px !important;
  width: 12px !important;
  height: 3px !important;
  background: currentColor !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

/* Fix Contact setup terms icon */
.legal-centre-page-clean .legal-icon-person::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 7px !important;
  width: 10px !important;
  height: 10px !important;
  border: 3px solid currentColor !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.legal-centre-page-clean .legal-icon-person::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 22px !important;
  width: 18px !important;
  height: 9px !important;
  border: 3px solid currentColor !important;
  border-bottom: none !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* =========================================
   LIGHT MODE RESCUE
   Stops previous dark polish leaking into light mode
   ========================================= */

body.settlelink-builder-open:not(.settlelink-dark-mode) {
  background:
    radial-gradient(circle at top, rgba(47, 102, 243, 0.09), transparent 30%),
    linear-gradient(180deg, #eef3fa 0%, #f8fbff 100%) !important;
  color: #102248 !important;
}

/* Builder hero cards should be light in light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .contacts-hero-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .receipts-hero-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-premium-header {
  background:
    radial-gradient(circle at 82% 44%, rgba(47, 102, 243, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid rgba(203, 213, 225, 0.92) !important;
  box-shadow: 0 22px 46px rgba(15, 35, 75, 0.10) !important;
  color: #102248 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card::before,
body.settlelink-builder-open:not(.settlelink-dark-mode) .contacts-hero-card::before,
body.settlelink-builder-open:not(.settlelink-dark-mode) .receipts-hero-card::before,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-premium-header::before {
  background:
    linear-gradient(135deg, rgba(47, 102, 243, 0.035), transparent 45%),
    radial-gradient(circle at 82% 42%, rgba(47, 102, 243, 0.08), transparent 34%) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-title,
body.settlelink-builder-open:not(.settlelink-dark-mode) .contacts-hero-card h1,
body.settlelink-builder-open:not(.settlelink-dark-mode) .receipts-hero-card h1,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-premium-header h1 {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card .page-subtitle,
body.settlelink-builder-open:not(.settlelink-dark-mode) .contacts-hero-card .page-subtitle,
body.settlelink-builder-open:not(.settlelink-dark-mode) .receipts-hero-card .page-subtitle,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-premium-header .page-subtitle {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
}

/* More page list should be light in light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-list {
  background:
    radial-gradient(circle at 88% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff !important;
  border: 1px solid #dfe8f6 !important;
  box-shadow: 0 22px 46px rgba(15, 35, 75, 0.10) !important;
  color: #102248 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-section {
  border-bottom-color: rgba(123, 137, 168, 0.22) !important;
  background: transparent !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-row {
  background: transparent !important;
  border-bottom-color: rgba(123, 137, 168, 0.22) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-row-icon,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-row-icon.more-icon-box,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-icon-box {
  background: #eef4ff !important;
  border: 1px solid #d8e5ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-row-copy strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-row-copy small,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-row-arrow {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
}

/* More danger card light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section {
  background:
    radial-gradient(circle at 88% 0%, rgba(239, 68, 68, 0.10), transparent 34%),
    #fff7f7 !important;
  border: 1px solid rgba(248, 113, 113, 0.34) !important;
  box-shadow: 0 18px 34px rgba(127, 29, 29, 0.08) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-copy strong {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-copy small,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-arrow {
  color: #7f1d1d !important;
  -webkit-text-fill-color: #7f1d1d !important;
}

/* Back home light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-back-home-btn {
  background: #ffffff !important;
  border: 1px solid rgba(47, 102, 243, 0.34) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.08) !important;
}

/* Receipt project arrow buttons light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .receipts-project-toggle-btn {
  background:
    radial-gradient(circle at 42% 0%, rgba(47, 102, 243, 0.12), transparent 45%),
    #eef5ff !important;
  border: 1px solid #d8e5ff !important;
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.12) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .receipts-project-card-open .receipts-project-toggle-btn {
  background:
    radial-gradient(circle at 42% 0%, rgba(47, 102, 243, 0.22), transparent 45%),
    #eaf1ff !important;
  border-color: rgba(47, 102, 243, 0.42) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Receipt list buttons light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .receipt-primary-btn {
  background: linear-gradient(135deg, #1d5ff4 0%, #2f66f3 100%) !important;
  border: 1px solid #2f66f3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.18) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .receipt-secondary-btn {
  background: #ffffff !important;
  border: 1px solid rgba(47, 102, 243, 0.26) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.08) !important;
}

/* Payment summary bottom buttons light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-actions .primary-btn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #editInvoiceBtn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #sendInvoiceBtn {
  background: linear-gradient(135deg, #1d5ff4 0%, #2f66f3 100%) !important;
  border: 1px solid #2f66f3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.18) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-actions .secondary-btn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #downloadInvoicePdfBtn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #openReceiptBtn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #backToProjectBtn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #unmarkInvoiceBtn {
  background: #ffffff !important;
  border: 1px solid rgba(47, 102, 243, 0.30) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 12px 24px rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-actions .danger-btn,
body.settlelink-builder-open:not(.settlelink-dark-mode) #deleteInvoiceBtn {
  background: #fff1f1 !important;
  border: 1px solid rgba(248, 113, 113, 0.42) !important;
  color: #c83232 !important;
  -webkit-text-fill-color: #c83232 !important;
  box-shadow: 0 12px 24px rgba(200, 50, 50, 0.08) !important;
}

/* Payment summary cards light mode rescue */
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .payment-hero-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .sl-builder-breakdown-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .sl-builder-status-strip,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .sl-builder-contact-summary-panel,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .sl-builder-record-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .sl-builder-receipt-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .sl-builder-terms-card,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .notice-box {
  background: #ffffff !important;
  border: 1px solid #dfe8f6 !important;
  box-shadow: 0 18px 38px rgba(15, 35, 75, 0.08) !important;
  color: #102248 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .panel-title,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page h1,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page h2,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page h3,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-breakdown-row strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-paid-summary-page .muted-text,
body.settlelink-builder-open:not(.settlelink-dark-mode) .sl-builder-breakdown-row span {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
}

/* Keep real dark mode dark */
body.settlelink-dark-mode .marketing-footer-email-link {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

/* =========================================
   FINAL APPEARANCE-SAFE FIXES
   Legal Centre icons + Footer light/dark + light-mode builder fixes
   ========================================= */

/* -----------------------------
   Legal Centre icon reset
   Stops broken/overlapping pseudo icons
   ----------------------------- */

.legal-centre-page-clean .legal-centre-card-icon,
.legal-centre-page-clean .legal-centre-document-icon {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  flex: 0 0 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background-color: #eef4ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  border: 1px solid #dbe7ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
}

.legal-centre-page-clean .legal-centre-card-icon::before,
.legal-centre-page-clean .legal-centre-card-icon::after,
.legal-centre-page-clean .legal-centre-document-icon::before,
.legal-centre-page-clean .legal-centre-document-icon::after {
  content: none !important;
  display: none !important;
}

/* Document icon */
.legal-centre-page-clean .legal-icon-document {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5H14L19 8.5V20.5H7C5.9 20.5 5 19.6 5 18.5V5.5C5 4.4 5.9 3.5 7 3.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5V8.5H19' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8.5 13H15.5M8.5 17H14' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Lock icon */
.legal-centre-page-clean .legal-icon-lock {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10.5' rx='2.5' stroke='%232f66f3' stroke-width='2.4'/%3E%3Cpath d='M8 10V8C8 5.8 9.8 4 12 4C14.2 4 16 5.8 16 8V10' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M12 14.5V16.5' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Trust tick icon */
.legal-centre-page-clean .legal-icon-shield {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.4L9.4 16.8L19 7.2' stroke='%232f66f3' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Card/payment icon */
.legal-centre-page-clean .legal-icon-card {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6.5' width='16' height='11' rx='2.5' stroke='%232f66f3' stroke-width='2.4'/%3E%3Cpath d='M6 10H18' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Person/contact icon */
.legal-centre-page-clean .legal-icon-person {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.2 12 16 10.2 16 8C16 5.8 14.2 4 12 4C9.8 4 8 5.8 8 8C8 10.2 9.8 12 12 12Z' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M5 20C6 16.9 8.5 15.3 12 15.3C15.5 15.3 18 16.9 19 20' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Legal Centre document buttons: stop icon/text overlap */
.legal-centre-page-clean .legal-centre-side-link {
  grid-template-columns: 52px minmax(0, 1fr) 24px !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-items: center !important;
}

.legal-centre-page-clean .legal-centre-side-link .legal-centre-card-icon {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
}

.legal-centre-page-clean .legal-centre-side-link strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  min-width: 0 !important;
}

.legal-centre-page-clean .legal-centre-side-link small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  min-width: 0 !important;
}

.legal-centre-page-clean .legal-centre-side-link::after {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: center !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Legal Centre headings with icons */
.legal-centre-page-clean .legal-centre-docs-title-row,
.legal-centre-page-clean .legal-centre-document-heading,
.legal-centre-page-clean .legal-centre-mini-heading {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

.legal-centre-page-clean .legal-centre-mini-heading h2,
.legal-centre-page-clean .legal-centre-document-heading h2,
.legal-centre-page-clean .legal-centre-docs-title-row h2 {
  margin: 0 !important;
}

/* Dark mode legal icon boxes */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-card-icon,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-document-icon {
  background-color: rgba(47, 102, 243, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* -----------------------------
   Marketing / Legal footer mode fix
   Footer was stuck in dark mode
   ----------------------------- */

body:not(.settlelink-dark-mode) .marketing-simple-footer {
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.10), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid #dfe8f6 !important;
  box-shadow: 0 22px 46px rgba(15, 35, 75, 0.10) !important;
  color: #102248 !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-brand-card,
body:not(.settlelink-dark-mode) .marketing-footer-company-card,
body:not(.settlelink-dark-mode) .marketing-footer-legal-card,
body:not(.settlelink-dark-mode) .marketing-footer-copyright {
  background: #ffffff !important;
  border: 1px solid #dfe8f6 !important;
  box-shadow: 0 14px 30px rgba(15, 35, 75, 0.06) !important;
  color: #102248 !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-company-card h2,
body:not(.settlelink-dark-mode) .marketing-footer-legal-copy strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-brand-card p,
body:not(.settlelink-dark-mode) .marketing-footer-company-row,
body:not(.settlelink-dark-mode) .marketing-footer-legal-copy small,
body:not(.settlelink-dark-mode) .marketing-footer-copyright {
  color: #526487 !important;
  -webkit-text-fill-color: #526487 !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-company-row {
  border-top-color: rgba(123, 137, 168, 0.20) !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-row-icon,
body:not(.settlelink-dark-mode) .marketing-footer-legal-icon,
body:not(.settlelink-dark-mode) .marketing-footer-arrow {
  background: #eef4ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: inset 0 0 0 1px #d8e5ff !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-email-link {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Keep Legal Centre footer clean */
.legal-centre-page-clean .marketing-simple-footer {
  margin-top: 18px !important;
}

/* -----------------------------
   Light mode builder fixes
   These do not affect dark mode
   ----------------------------- */

/* Contacts / receipts count badge should not stay dark in light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .builder-count-badge,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-count-heading .builder-count-badge,
body:not(.settlelink-dark-mode).settlelink-builder-open .receipts-concept-count-badge {
  background:
    radial-gradient(circle at 35% 18%, rgba(47, 102, 243, 0.14), transparent 42%),
    #eef4ff !important;
  border: 1px solid #d8e5ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.10) !important;
}

/* Contact verification in progress should look like waiting, not completed */
body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-status-wrap .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-payout-in-progress,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-payout-in-progress,
body:not(.settlelink-dark-mode).settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress {
  background: #fff8e6 !important;
  border-color: #f5d37a !important;
  color: #9a6700 !important;
  -webkit-text-fill-color: #9a6700 !important;
}

.status-chip.contact-setup-chip.review::before,
.contacts-card-status-wrap .status-chip.contact-setup-chip.review::before,
.invoice-contact-payout-payout-in-progress::before,
.contacts-card-status-wrap .invoice-contact-payout-payout-in-progress::before,
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before {
  content: "◷" !important;
}

/* Not verified should be neutral, not invisible */
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified,
html body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-page-shell .contacts-card .contacts-card-status-wrap span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified {
  background: #eef2f7 !important;
  border-color: #d8dee8 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Receipts arrow button should be visible and dark enough in light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .receipts-project-toggle-btn {
  background:
    radial-gradient(circle at 42% 0%, rgba(47, 102, 243, 0.12), transparent 45%),
    #eef4ff !important;
  border: 1px solid #d8e5ff !important;
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.12) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .receipts-project-card-open .receipts-project-toggle-btn {
  background:
    radial-gradient(circle at 42% 0%, rgba(47, 102, 243, 0.20), transparent 45%),
    #e8f1ff !important;
  border-color: rgba(47, 102, 243, 0.38) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .receipts-project-toggle-symbol::before {
  border-right-color: #102248 !important;
  border-bottom-color: #102248 !important;
}

/* More page CSS/SVG icons must remain visible in light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .more-icon-box,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-settings-row-icon.more-icon-box {
  background-color: #eef4ff !important;
  border: 1px solid #d8e5ff !important;
  opacity: 1 !important;
  filter: none !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-icon-box::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-icon-box::after {
  opacity: 1 !important;
}

/* Payment summary wording: use proper dark text in light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .sl-builder-breakdown-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .sl-builder-status-strip,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .sl-builder-contact-summary-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .sl-builder-terms-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .notice-box {
  background: #ffffff !important;
  border-color: #dfe8f6 !important;
  color: #102248 !important;
  -webkit-text-fill-color: initial !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .panel-title,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page h1,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page h2,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page h3,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-breakdown-row span,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-breakdown-row strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-breakdown-total span,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-breakdown-total strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-status-strip strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-breakdown-row small,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-status-strip span,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .muted-text {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
}

/* Keep real dark mode dark */
body.settlelink-dark-mode .marketing-simple-footer {
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.20), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(7, 12, 24, 0.98) 100%) !important;
}

body.settlelink-dark-mode .marketing-footer-brand-card,
body.settlelink-dark-mode .marketing-footer-company-card,
body.settlelink-dark-mode .marketing-footer-legal-card,
body.settlelink-dark-mode .marketing-footer-copyright {
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.94) 0%, rgba(12, 20, 36, 0.94) 100%) !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
}

/* =========================================
   FINAL MODE-SAFE CONTACT + MORE REPAIR
   Contacts badges, More icons, notification count, payment summary contact cards
   ========================================= */

/* -----------------------------
   CONTACT PAGE STATUS BADGES
   ----------------------------- */

body.settlelink-builder-open .contacts-card .contacts-card-status-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px 12px !important;
  flex-wrap: wrap !important;
}

body.settlelink-builder-open .contacts-card .contacts-card-status-wrap .contacts-card-menu {
  margin-left: auto !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip.contact-setup-chip,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge.invoice-contact-payout-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 32px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  border: 1.5px solid transparent !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
  box-shadow: none !important;
  transform: none !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge.invoice-contact-payout-badge::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  border-radius: 999px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.8px solid currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  font-family: Arial, sans-serif !important;
  mask: none !important;
  -webkit-mask: none !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::after,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip.contact-setup-chip::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge.invoice-contact-payout-badge::after {
  content: none !important;
  display: none !important;
}

/* badge icons */
body.settlelink-builder-open .status-chip.contact-setup-chip.active::before,
body.settlelink-builder-open .invoice-contact-payout-ready-for-payout::before,
body.settlelink-builder-open .invoice-contact-payout-funds-received::before {
  content: "✓" !important;
}

body.settlelink-builder-open .status-chip.contact-setup-chip.review::before,
body.settlelink-builder-open .invoice-contact-payout-payout-in-progress::before {
  content: "◷" !important;
}

body.settlelink-builder-open .status-chip.contact-setup-chip.overdue::before,
body.settlelink-builder-open .invoice-contact-payout-not-verified::before,
body.settlelink-builder-open .invoice-contact-payout-needs-checking::before {
  content: "!" !important;
}

/* light mode badge colours */
body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip.contact-setup-chip.active {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: #eff6ff !important;
  border-color: #93c5fd !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-ready-for-payout,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-funds-received {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: #6ee7b7 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-payout-in-progress {
  color: #9a6700 !important;
  -webkit-text-fill-color: #9a6700 !important;
  background: #fffbeb !important;
  border-color: #facc15 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .status-chip.contact-setup-chip.overdue,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-needs-checking {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  background: #fff1f2 !important;
  border-color: #fda4af !important;
}

/* dark mode badge colours */
body.settlelink-dark-mode.settlelink-builder-open .status-chip.contact-setup-chip.active {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  background: rgba(37, 99, 235, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.58) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-ready-for-payout,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-funds-received {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  background: rgba(22, 163, 74, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.58) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .status-chip.contact-setup-chip.review,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-payout-in-progress {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.58) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .status-chip.contact-setup-chip.overdue,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-not-verified,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-needs-checking {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  background: rgba(127, 29, 29, 0.28) !important;
  border-color: rgba(248, 113, 113, 0.58) !important;
}

/* -----------------------------
   MORE PAGE ICONS LIGHT/DARK SAFE
   ----------------------------- */

body.settlelink-builder-open .more-settings-list .more-icon-box {
  position: relative !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-settings-list .more-icon-box {
  background: #eef4ff !important;
  border: 1px solid #d8e5ff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-settings-list .more-icon-box {
  background: rgba(47, 102, 243, 0.14) !important;
  border: 1px solid rgba(96, 165, 250, 0.30) !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-box::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  transform: translate(-50%, -50%) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-box::after {
  content: none !important;
  display: none !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-account::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.2A4.2 4.2 0 1 0 12 3.8a4.2 4.2 0 0 0 0 8.4Z' stroke='%232f66f3' stroke-width='2.5'/%3E%3Cpath d='M4.8 20.2c1-3.5 3.7-5.4 7.2-5.4s6.2 1.9 7.2 5.4' stroke='%232f66f3' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-notifications::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 10.3a6 6 0 0 0-12 0v3.6l-1.4 2.2c-.5.8.1 1.9 1.1 1.9h12.6c1 0 1.6-1.1 1.1-1.9L18 13.9v-3.6Z' fill='%232f66f3'/%3E%3Cpath d='M9.4 20a2.8 2.8 0 0 0 5.2 0H9.4Z' fill='%232f66f3'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-payment::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='6.5' width='17' height='11' rx='2.7' stroke='%232f66f3' stroke-width='2.5'/%3E%3Cpath d='M4.5 10.3h15' stroke='%232f66f3' stroke-width='2.5'/%3E%3Cpath d='M7 14.7h4.5' stroke='%232f66f3' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-legal::before,
body.settlelink-builder-open .more-settings-list .more-icon-compliance::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5h7l4 4v13H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5v4h4' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8.5 12.5h7M8.5 16.5h5' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-share::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 8.5a2.7 2.7 0 1 0 0-5.4 2.7 2.7 0 0 0 0 5.4ZM16.5 8.5a2.7 2.7 0 1 0 0-5.4 2.7 2.7 0 0 0 0 5.4ZM12 20.8a3.1 3.1 0 1 0 0-6.2 3.1 3.1 0 0 0 0 6.2Z' stroke='%232f66f3' stroke-width='2.3'/%3E%3Cpath d='M9.8 9.8 11 14.4M14.2 9.8 13 14.4' stroke='%232f66f3' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-security::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.2 19 6v5.6c0 4.4-2.7 7.7-7 9.2-4.3-1.5-7-4.8-7-9.2V6l7-2.8Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='m8.8 12.2 2.1 2.1 4.5-4.8' stroke='%232f66f3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-appearance::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4v16M12 4v16M17 4v16' stroke='%232f66f3' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M7 9.2a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4ZM12 13.2a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4ZM17 6.2a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4Z' fill='%232f66f3'/%3E%3C/svg%3E") !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-workspace::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.8 7.5A2.5 2.5 0 0 1 6.3 5h4l2 2h5.4a2.5 2.5 0 0 1 2.5 2.5v7A2.5 2.5 0 0 1 17.7 19H6.3a2.5 2.5 0 0 1-2.5-2.5v-9Z' stroke='%232f66f3' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Danger Zone must be red bin */
body.settlelink-builder-open .more-settings-list .more-icon-danger,
body.settlelink-builder-open .more-settings-danger-section .more-icon-danger,
body.settlelink-builder-open .more-settings-row-icon-danger.more-icon-danger {
  background: #fff1f2 !important;
  border: 1px solid rgba(248, 113, 113, 0.42) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-settings-list .more-icon-danger,
body.settlelink-dark-mode.settlelink-builder-open .more-settings-danger-section .more-icon-danger,
body.settlelink-dark-mode.settlelink-builder-open .more-settings-row-icon-danger.more-icon-danger {
  background: rgba(127, 29, 29, 0.24) !important;
  border: 1px solid rgba(251, 113, 133, 0.45) !important;
}

body.settlelink-builder-open .more-settings-list .more-icon-danger::before,
body.settlelink-builder-open .more-settings-danger-section .more-icon-danger::before,
body.settlelink-builder-open .more-settings-row-icon-danger.more-icon-danger::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4h6l.8 2H20' stroke='%23dc2626' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6h16' stroke='%23dc2626' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M6.6 9h10.8l-.7 10.1A2.1 2.1 0 0 1 14.6 21H9.4a2.1 2.1 0 0 1-2.1-1.9L6.6 9Z' stroke='%23dc2626' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M10 12v5M14 12v5' stroke='%23dc2626' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Notification number light/dark */
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-count-pill {
  background: #eef4ff !important;
  border: 1px solid #d8e5ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 10px 20px rgba(47, 102, 243, 0.10) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-notifications-count-pill {
  background: rgba(15, 23, 42, 0.72) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

/* -----------------------------
   PAYMENT SUMMARY OPEN CONTACT LIGHT MODE FIX
   ----------------------------- */

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card {
  background: #ffffff !important;
  border: 1px solid #dfe8f6 !important;
  box-shadow: 0 18px 36px rgba(15, 35, 75, 0.08) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-name,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-amount,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-item strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-subtitle,
body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-item span {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-item {
  background: #f8fbff !important;
  border: 1px solid #dfe8f6 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-item::before {
  background: #eef4ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-avatar {
  background: #edf3ff !important;
  border: 1px solid #d8e5ff !important;
}

/* Mobile tidy */
@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-card .contacts-card-status-wrap {
    gap: 8px 9px !important;
  }

  body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
  body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge,
  body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip.contact-setup-chip,
  body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge.invoice-contact-payout-badge {
    min-height: 30px !important;
    padding: 6px 10px !important;
    gap: 6px !important;
    font-size: 0.72rem !important;
  }

  body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
  body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::before,
  body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip.contact-setup-chip::before,
  body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge.invoice-contact-payout-badge::before {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    font-size: 9px !important;
  }
}

/* =========================================
   FINAL CONTACT BADGES + DANGER BIN FIX
   Clean appearance-safe contact status system
   ========================================= */

/* Contact card status row */
body.settlelink-builder-open .contacts-card .contacts-card-status-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px 12px !important;
  flex-wrap: wrap !important;
}

body.settlelink-builder-open .contacts-card .contacts-card-status-wrap .contacts-card-menu {
  margin-left: auto !important;
}

/* Base badge shape */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1.8px solid transparent !important;
  box-sizing: border-box !important;
  font-size: 0.79rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Base icon reset */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  -webkit-text-fill-color: currentColor !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::after,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge::after {
  content: none !important;
  display: none !important;
}

/* Tick icon */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-funds-received::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.8' stroke='black' stroke-width='2.5'/%3E%3Cpath d='M7.8 12.2L10.4 14.8L16.5 8.7' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.8' stroke='black' stroke-width='2.5'/%3E%3Cpath d='M7.8 12.2L10.4 14.8L16.5 8.7' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Clock icon - slightly bigger and cleaner */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before {
  flex-basis: 19px !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.7' stroke='black' stroke-width='2.6'/%3E%3Cpath d='M12 7V12L15.8 14.1' stroke='black' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.7' stroke='black' stroke-width='2.6'/%3E%3Cpath d='M12 7V12L15.8 14.1' stroke='black' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Exclamation icon */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-not-verified::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-needs-checking::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.8' stroke='black' stroke-width='2.6'/%3E%3Cpath d='M12 7.4V12.7' stroke='black' stroke-width='2.9' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H12.02' stroke='black' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.8' stroke='black' stroke-width='2.6'/%3E%3Cpath d='M12 7.4V12.7' stroke='black' stroke-width='2.9' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H12.02' stroke='black' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Light mode badge colours */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-funds-received,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-needs-checking {
  border-width: 1.8px !important;
  border-style: solid !important;
}

/* Light blue registered */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: #eff6ff !important;
  border-color: #93c5fd !important;
}

/* Light green verified payout - make border more visible */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-funds-received {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: #6ee7b7 !important;
}

/* Light amber both progress states */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress {
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
  background: #fffbeb !important;
  border-color: #f2c94c !important;
}

/* Light red both not-registered and not-verified states */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-needs-checking {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  background: #fff1f2 !important;
  border-color: #fda4af !important;
}

/* Dark mode badge colours */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-funds-received,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-not-verified,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-needs-checking {
  border-width: 1.8px !important;
  border-style: solid !important;
}

/* Dark blue registered */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.62) !important;
}

/* Dark green verified payout */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-ready-for-payout,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-funds-received {
  color: #6ee7b7 !important;
  -webkit-text-fill-color: #6ee7b7 !important;
  background: rgba(16, 185, 129, 0.18) !important;
  border-color: rgba(52, 211, 153, 0.62) !important;
}

/* Dark amber both progress states */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  background: rgba(245, 158, 11, 0.17) !important;
  border-color: rgba(251, 191, 36, 0.62) !important;
}

/* Dark red both not-registered and not-verified states */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-not-verified,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-badge.invoice-contact-payout-needs-checking {
  color: #fb7185 !important;
  -webkit-text-fill-color: #fb7185 !important;
  background: rgba(244, 63, 94, 0.16) !important;
  border-color: rgba(251, 113, 133, 0.62) !important;
}

/* More page danger zone - final correct fix */
body.settlelink-builder-open .more-settings-danger-section .more-settings-row {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) 24px !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 96px !important;
  padding: 16px 24px !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-icon-danger,
body.settlelink-builder-open .more-settings-danger-section .more-icon-danger {
  position: relative !important;
  grid-column: 1 !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 22px !important;
  background: #fee2e2 !important;
  background-image: none !important;
  border: 1px solid rgba(220, 38, 38, 0.24) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
  transform: none !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-icon-danger::before,
body.settlelink-builder-open .more-settings-danger-section .more-settings-row-icon-danger::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  background: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-.7 10.1A2 2 0 0 1 14.3 21H9.7a2 2 0 0 1-2-1.9L7 9Zm3 2.5.25 6h2l-.25-6h-2Zm4 0-.25 6h2l.25-6h-2Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-.7 10.1A2 2 0 0 1 14.3 21H9.7a2 2 0 0 1-2-1.9L7 9Zm3 2.5.25 6h2l-.25-6h-2Zm4 0-.25 6h2l.25-6h-2Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-icon-danger::after,
body.settlelink-builder-open .more-settings-danger-section .more-settings-row-icon-danger::after {
  content: none !important;
  display: none !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy {
  grid-column: 2 !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy strong {
  display: block !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  color: #7f1d1d !important;
  -webkit-text-fill-color: #7f1d1d !important;
}

body.settlelink-builder-open .more-settings-danger-section .more-settings-row-arrow {
  grid-column: 3 !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  color: #7f1d1d !important;
  -webkit-text-fill-color: #7f1d1d !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-settings-danger-section .more-settings-row-icon-danger,
body.settlelink-dark-mode.settlelink-builder-open .more-settings-danger-section .more-icon-danger {
  background: rgba(244, 63, 94, 0.16) !important;
  border-color: rgba(251, 113, 133, 0.42) !important;
  color: #fb7185 !important;
  -webkit-text-fill-color: #fb7185 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy strong {
  color: #fb7185 !important;
  -webkit-text-fill-color: #fb7185 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-settings-danger-section .more-settings-row-copy small,
body.settlelink-dark-mode.settlelink-builder-open .more-settings-danger-section .more-settings-row-arrow {
  color: #fecdd3 !important;
  -webkit-text-fill-color: #fecdd3 !important;
}

/* Light mode danger zone bin must be red */
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-icon-danger,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-icon-danger {
  background: #fee2e2 !important;
  border-color: rgba(220, 38, 38, 0.28) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-icon-danger svg,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-icon-danger svg,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-icon-danger path,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-icon-danger path {
  color: #dc2626 !important;
  stroke: #dc2626 !important;
  fill: none !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-settings-row-icon-danger::before,
body.settlelink-builder-open:not(.settlelink-dark-mode) .more-settings-danger-section .more-icon-danger::before {
  background: #dc2626 !important;
  color: #dc2626 !important;
}

/* Project page - make completed project tick green */
body.settlelink-builder-open .move-completed-btn svg,
body.settlelink-builder-open .move-completed-btn path,
body.settlelink-builder-open .move-to-completed-btn svg,
body.settlelink-builder-open .move-to-completed-btn path,
body.settlelink-builder-open .project-complete-btn svg,
body.settlelink-builder-open .project-complete-btn path {
  color: #22c55e !important;
  stroke: #22c55e !important;
  fill: none !important;
}

/* If the tick is text/icon-font instead of SVG */
body.settlelink-builder-open .move-completed-btn .icon,
body.settlelink-builder-open .move-to-completed-btn .icon,
body.settlelink-builder-open .project-complete-btn .icon {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

/* Dark mode - keep Move to Completed Projects tick green */
body.settlelink-dark-mode.settlelink-builder-open .move-completed-btn,
body.settlelink-dark-mode.settlelink-builder-open .move-to-completed-btn,
body.settlelink-dark-mode.settlelink-builder-open .project-complete-btn {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.settlelink-dark-mode.settlelink-builder-open .move-completed-btn svg,
body.settlelink-dark-mode.settlelink-builder-open .move-completed-btn path,
body.settlelink-dark-mode.settlelink-builder-open .move-to-completed-btn svg,
body.settlelink-dark-mode.settlelink-builder-open .move-to-completed-btn path,
body.settlelink-dark-mode.settlelink-builder-open .project-complete-btn svg,
body.settlelink-dark-mode.settlelink-builder-open .project-complete-btn path {
  color: #22c55e !important;
  stroke: #22c55e !important;
  fill: none !important;
}

body.settlelink-dark-mode.settlelink-builder-open .move-completed-btn .icon,
body.settlelink-dark-mode.settlelink-builder-open .move-to-completed-btn .icon,
body.settlelink-dark-mode.settlelink-builder-open .project-complete-btn .icon {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

/* Project page - force Move to Completed Projects tick green in dark mode */
body.settlelink-dark-mode #moveProjectToCompletedBtn .project-action-icon-complete-v2 {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.settlelink-dark-mode #moveProjectToCompletedBtn .project-action-icon-complete-v2::before {
  background: #22c55e !important;
  background-color: #22c55e !important;
  color: #22c55e !important;
}

/* Dark mode - force the Move to Completed Projects tick itself green */
body.settlelink-dark-mode.settlelink-builder-open #moveProjectToCompletedBtn .project-action-icon-complete-v2,
body.settlelink-dark-mode.settlelink-builder-open #moveProjectToCompletedBtn .project-action-icon-complete-v2::before {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
  background-color: #22c55e !important;
  background: #22c55e !important;
  opacity: 1 !important;
}

/* In case this tick is rendering as text, not a mask */
body.settlelink-dark-mode.settlelink-builder-open #moveProjectToCompletedBtn .project-action-icon-complete-v2::before {
  text-shadow: none !important;
  filter: none !important;
}

/* Light mode modal - Move to Completed Projects button green */
body.settlelink-builder-open:not(.settlelink-dark-mode) .modal-actions .btn-danger,
body.settlelink-builder-open:not(.settlelink-dark-mode) .modal-actions .danger-btn,
body.settlelink-builder-open:not(.settlelink-dark-mode) .modal-actions button[data-action="confirm-move-completed"],
body.settlelink-builder-open:not(.settlelink-dark-mode) .modal-actions button[data-action="move-completed"] {
  background: #ecfdf3 !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.10) !important;
}

/* Modal - green confirm button for Move to Completed Projects */
body.settlelink-builder-open:not(.settlelink-dark-mode) #settlelinkAppModalConfirmBtn {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.14), transparent 38%),
    linear-gradient(180deg, #ecfdf3, #ffffff) !important;
  border: 1px solid rgba(34, 197, 94, 0.34) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
  box-shadow: 0 12px 24px rgba(34, 197, 94, 0.10) !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) #settlelinkAppModalConfirmBtn:hover {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.18), transparent 38%),
    linear-gradient(180deg, #dcfce7, #ffffff) !important;
  border-color: rgba(34, 197, 94, 0.44) !important;
}

/* Dark mode modal - Move to Completed Projects button green */
body.settlelink-dark-mode.settlelink-builder-open .modal-actions .btn-danger,
body.settlelink-dark-mode.settlelink-builder-open .modal-actions .danger-btn,
body.settlelink-dark-mode.settlelink-builder-open .modal-actions button[data-action="confirm-move-completed"],
body.settlelink-dark-mode.settlelink-builder-open .modal-actions button[data-action="move-completed"] {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(74, 222, 128, 0.42) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.14) !important;
}

/* Dark mode modal - force completed project confirm button green */
body.settlelink-dark-mode.settlelink-builder-open .modal button:last-child,
body.settlelink-dark-mode.settlelink-builder-open .modal-actions button:last-child,
body.settlelink-dark-mode.settlelink-builder-open .confirm-modal button:last-child,
body.settlelink-dark-mode.settlelink-builder-open .dialog-actions button:last-child,
body.settlelink-dark-mode.settlelink-builder-open .settlelink-modal button:last-child {
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(74, 222, 128, 0.48) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .modal button:last-child *,
body.settlelink-dark-mode.settlelink-builder-open .modal-actions button:last-child *,
body.settlelink-dark-mode.settlelink-builder-open .confirm-modal button:last-child *,
body.settlelink-dark-mode.settlelink-builder-open .dialog-actions button:last-child *,
body.settlelink-dark-mode.settlelink-builder-open .settlelink-modal button:last-child * {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

/* Completed project confirm modal button - green in light and dark mode */
body.settlelink-builder-open #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn {
  background: #ecfdf3 !important;
  border-color: rgba(34, 197, 94, 0.35) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.12) !important;
}

body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn {
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(74, 222, 128, 0.48) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.16) !important;
}

body.settlelink-builder-open #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn:hover {
  background: #dcfce7 !important;
}

body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn:hover {
  background: rgba(34, 197, 94, 0.22) !important;
}

/* More page motion polish - cleaner iOS / Android expand animation */
#app .more-settings-list .more-settings-section {
  transform: translate3d(0, 0, 0) !important;
  backface-visibility: hidden !important;
  -webkit-tap-highlight-color: transparent !important;
}

#app .more-settings-list .more-settings-section.more-motion-ready {
  overflow: hidden !important;
  contain: layout paint !important;
}

#app .more-settings-list .more-settings-content {
  transform-origin: top center !important;
  will-change: height, opacity, transform !important;
}

#app .more-settings-section.more-motion-ready[open] > .more-settings-content {
  animation: none !important;
}

#app .more-settings-section.is-more-opening > .more-settings-row,
#app .more-settings-section.is-more-closing > .more-settings-row {
  pointer-events: none !important;
}

#app .more-settings-list .more-settings-row,
#app .more-settings-list .dashboard-notification-item,
#app .more-settings-list .dashboard-notifications-read-btn,
#app .more-settings-list .more-help-legal-tile,
#app .more-settings-list .more-workspace-action,
#app .more-settings-list .more-appearance-choice,
#app .more-settings-list .more-copy-mini-btn,
#app .more-settings-list .more-copy-link-btn,
#app .more-settings-list .more-share-link-btn,
#app .more-settings-list .more-feedback-btn,
#app .more-settings-list .more-security-change-btn,
#app .more-settings-list .more-appearance-main-btn,
#app .more-settings-list .more-back-home-btn,
#app .more-settings-list .more-payment-setup-btn,
#app .more-settings-list .more-account-change-btn,
#app .more-settings-list .more-security-reset-link,
#app .more-settings-list .danger-delete-submit-btn,
#app .more-settings-list .danger-delete-cancel-btn {
  -webkit-tap-highlight-color: transparent !important;
  backface-visibility: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  transform-origin: center !important;
  transition:
    transform 170ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    color 170ms ease,
    filter 170ms ease,
    opacity 170ms ease !important;
  will-change: transform !important;
}

#app .more-settings-list .more-settings-row-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: rotate(0deg) translate3d(0, 0, 0) !important;
  transform-origin: center !important;
  transition:
    transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
    color 170ms ease,
    opacity 170ms ease !important;
  will-change: transform !important;
}

#app .more-settings-section[open] > .more-settings-row .more-settings-row-arrow,
#app .more-settings-section.is-more-opening > .more-settings-row .more-settings-row-arrow {
  transform: rotate(90deg) translate3d(0, 0, 0) !important;
}

#app .more-settings-section.is-more-closing > .more-settings-row .more-settings-row-arrow {
  transform: rotate(0deg) translate3d(0, 0, 0) !important;
}

#app .more-settings-section.is-more-opening,
#app .more-settings-section.is-more-closing {
  box-shadow: 0 18px 42px rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode #app .more-settings-section.is-more-opening,
body.settlelink-dark-mode #app .more-settings-section.is-more-closing {
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2) !important;
}

@media (hover: hover) and (pointer: fine) {
  #app .more-settings-list .more-settings-row:hover,
  #app .more-settings-list .dashboard-notification-item:hover:not(:disabled),
  #app .more-settings-list .dashboard-notifications-read-btn:hover:not(:disabled),
  #app .more-settings-list .more-help-legal-tile:hover:not(:disabled),
  #app .more-settings-list .more-workspace-action:hover:not(:disabled),
  #app .more-settings-list .more-appearance-choice:hover:not(:disabled),
  #app .more-settings-list .more-copy-mini-btn:hover:not(:disabled),
  #app .more-settings-list .more-copy-link-btn:hover:not(:disabled),
  #app .more-settings-list .more-share-link-btn:hover:not(:disabled),
  #app .more-settings-list .more-feedback-btn:hover:not(:disabled),
  #app .more-settings-list .more-security-change-btn:hover:not(:disabled),
  #app .more-settings-list .more-appearance-main-btn:hover:not(:disabled),
  #app .more-settings-list .more-back-home-btn:hover:not(:disabled),
  #app .more-settings-list .more-payment-setup-btn:hover:not(:disabled),
  #app .more-settings-list .more-account-change-btn:hover:not(:disabled),
  #app .more-settings-list .more-security-reset-link:hover:not(:disabled),
  #app .more-settings-list .danger-delete-submit-btn:hover:not(:disabled),
  #app .more-settings-list .danger-delete-cancel-btn:hover:not(:disabled) {
    transform: translate3d(0, -2px, 0) !important;
    filter: brightness(1.025) !important;
  }

  body.settlelink-dark-mode #app .more-settings-list .more-settings-row:hover,
  body.settlelink-dark-mode #app .more-settings-list .dashboard-notification-item:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .dashboard-notifications-read-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-help-legal-tile:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-workspace-action:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-appearance-choice:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-copy-mini-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-copy-link-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-share-link-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-feedback-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-security-change-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-appearance-main-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-back-home-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-payment-setup-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-account-change-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .more-security-reset-link:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .danger-delete-submit-btn:hover:not(:disabled),
  body.settlelink-dark-mode #app .more-settings-list .danger-delete-cancel-btn:hover:not(:disabled) {
    filter: brightness(1.06) !important;
  }
}

#app .more-settings-list .more-settings-row:active,
#app .more-settings-list .dashboard-notification-item:active:not(:disabled),
#app .more-settings-list .dashboard-notifications-read-btn:active:not(:disabled),
#app .more-settings-list .more-help-legal-tile:active:not(:disabled),
#app .more-settings-list .more-workspace-action:active:not(:disabled),
#app .more-settings-list .more-appearance-choice:active:not(:disabled),
#app .more-settings-list .more-copy-mini-btn:active:not(:disabled),
#app .more-settings-list .more-copy-link-btn:active:not(:disabled),
#app .more-settings-list .more-share-link-btn:active:not(:disabled),
#app .more-settings-list .more-feedback-btn:active:not(:disabled),
#app .more-settings-list .more-security-change-btn:active:not(:disabled),
#app .more-settings-list .more-appearance-main-btn:active:not(:disabled),
#app .more-settings-list .more-back-home-btn:active:not(:disabled),
#app .more-settings-list .more-payment-setup-btn:active:not(:disabled),
#app .more-settings-list .more-account-change-btn:active:not(:disabled),
#app .more-settings-list .more-security-reset-link:active:not(:disabled),
#app .more-settings-list .danger-delete-submit-btn:active:not(:disabled),
#app .more-settings-list .danger-delete-cancel-btn:active:not(:disabled) {
  transform: translate3d(0, 0, 0) scale(0.985) !important;
  filter: brightness(0.99) !important;
}

#app .more-settings-list .more-settings-row:focus-visible,
#app .more-settings-list .dashboard-notification-item:focus-visible,
#app .more-settings-list .dashboard-notifications-read-btn:focus-visible,
#app .more-settings-list .more-help-legal-tile:focus-visible,
#app .more-settings-list .more-workspace-action:focus-visible,
#app .more-settings-list .more-appearance-choice:focus-visible,
#app .more-settings-list .more-copy-mini-btn:focus-visible,
#app .more-settings-list .more-copy-link-btn:focus-visible,
#app .more-settings-list .more-share-link-btn:focus-visible,
#app .more-settings-list .more-feedback-btn:focus-visible,
#app .more-settings-list .more-security-change-btn:focus-visible,
#app .more-settings-list .more-appearance-main-btn:focus-visible,
#app .more-settings-list .more-back-home-btn:focus-visible,
#app .more-settings-list .more-payment-setup-btn:focus-visible,
#app .more-settings-list .more-account-change-btn:focus-visible,
#app .more-settings-list .more-security-reset-link:focus-visible,
#app .more-settings-list .danger-delete-submit-btn:focus-visible,
#app .more-settings-list .danger-delete-cancel-btn:focus-visible {
  outline: 3px solid rgba(47, 102, 243, 0.34) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  #app .more-settings-list .more-settings-row,
  #app .more-settings-list .dashboard-notification-item,
  #app .more-settings-list .dashboard-notifications-read-btn,
  #app .more-settings-list .more-help-legal-tile,
  #app .more-settings-list .more-workspace-action,
  #app .more-settings-list .more-appearance-choice,
  #app .more-settings-list .more-copy-mini-btn,
  #app .more-settings-list .more-copy-link-btn,
  #app .more-settings-list .more-share-link-btn,
  #app .more-settings-list .more-feedback-btn,
  #app .more-settings-list .more-security-change-btn,
  #app .more-settings-list .more-appearance-main-btn,
  #app .more-settings-list .more-back-home-btn,
  #app .more-settings-list .more-payment-setup-btn,
  #app .more-settings-list .more-account-change-btn,
  #app .more-settings-list .more-security-reset-link,
  #app .more-settings-list .danger-delete-submit-btn,
  #app .more-settings-list .danger-delete-cancel-btn,
  #app .more-settings-list .more-settings-content {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }

  #app .more-settings-list .more-settings-row-arrow {
    transition: none !important;
  }

  #app .more-settings-section[open] > .more-settings-row .more-settings-row-arrow {
    transform: rotate(90deg) !important;
  }
}

/* Project Agreement records */
.project-agreement-heading-row,
.project-agreement-native-records-heading,
.project-agreement-summary-card .project-agreement-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.project-agreement-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.project-agreement-choice {
  min-height: 142px;
  padding: 18px;
  border: 1px solid var(--border-color, #d8e0ec);
  border-radius: 16px;
  background: var(--panel-background, #fff);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.project-agreement-choice strong,
.project-agreement-choice span {
  display: block;
}

.project-agreement-choice span {
  margin-top: 8px;
  color: var(--muted-text-color, #667085);
  line-height: 1.5;
}

.project-agreement-choice.is-selected {
  border-color: #2f66f3;
  box-shadow: 0 0 0 3px rgba(47, 102, 243, 0.14);
}

.project-agreement-choice:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.project-agreement-wide-field {
  grid-column: 1 / -1;
}

.project-agreement-textarea {
  min-height: 280px;
  resize: vertical;
  line-height: 1.55;
}

.project-agreement-version-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.project-agreement-version-summary > div,
.project-agreement-empty {
  padding: 14px;
  border: 1px solid var(--border-color, #d8e0ec);
  border-radius: 12px;
}

.project-agreement-version-summary span,
.project-agreement-version-summary strong,
.project-agreement-empty strong,
.project-agreement-empty span {
  display: block;
}

.project-agreement-version-summary span,
.project-agreement-empty span {
  margin-bottom: 5px;
  color: var(--muted-text-color, #667085);
}

.project-agreement-document-text {
  max-height: 70vh;
  overflow: auto;
  padding: 20px;
  border: 1px solid var(--border-color, #d8e0ec);
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.08);
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.project-agreement-confirm-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 18px 0;
  line-height: 1.5;
}

.project-agreement-confirm-row input {
  flex: 0 0 auto;
  margin-top: 4px;
}

.project-agreement-platform-note {
  font-size: 0.94rem;
}

@media (max-width: 760px) {
  .project-agreement-choice-grid,
  .project-agreement-version-summary {
    grid-template-columns: 1fr;
  }

  .project-agreement-heading-row {
    flex-direction: column;
  }
}

/* Force payment summary / receipt documents to stay printable light mode */
body.settlelink-dark-mode .invoice-doc-root,
body.settlelink-dark-mode .receipt-doc-root {
  background: #ffffff !important;
  color: #18284b !important;
  color-scheme: light !important;
}

body.settlelink-dark-mode .invoice-doc-card,
body.settlelink-dark-mode .invoice-doc-card--keep,
body.settlelink-dark-mode .invoice-doc-card--note,
body.settlelink-dark-mode .receipt-doc-card,
body.settlelink-dark-mode .receipt-doc-card--keep,
body.settlelink-dark-mode .receipt-doc-card--note {
  background: #ffffff !important;
  border-color: #d9e0ea !important;
  color: #18284b !important;
}

body.settlelink-dark-mode .invoice-doc-hero,
body.settlelink-dark-mode .receipt-doc-hero {
  background: #f4faf7 !important;
  border-color: #d5e5dc !important;
  color: #18284b !important;
}

body.settlelink-dark-mode .invoice-doc-list-row,
body.settlelink-dark-mode .receipt-doc-list-row {
  background: #ffffff !important;
  border-color: #e6ebf2 !important;
  color: #18284b !important;
}

body.settlelink-dark-mode .invoice-doc-list-row.is-ref,
body.settlelink-dark-mode .receipt-doc-list-row.is-ref {
  background: #f3f5f8 !important;
}

body.settlelink-dark-mode .invoice-doc-title,
body.settlelink-dark-mode .invoice-doc-card-value,
body.settlelink-dark-mode .invoice-doc-card h3,
body.settlelink-dark-mode .invoice-doc-list-row span,
body.settlelink-dark-mode .invoice-doc-list-row strong,
body.settlelink-dark-mode .receipt-doc-title,
body.settlelink-dark-mode .receipt-doc-card-value,
body.settlelink-dark-mode .receipt-doc-card h3,
body.settlelink-dark-mode .receipt-doc-list-row span,
body.settlelink-dark-mode .receipt-doc-list-row strong {
  color: #18284b !important;
  -webkit-text-fill-color: #18284b !important;
}

body.settlelink-dark-mode .invoice-doc-copy,
body.settlelink-dark-mode .invoice-doc-company,
body.settlelink-dark-mode .invoice-doc-subtitle,
body.settlelink-dark-mode .invoice-doc-footer-copy,
body.settlelink-dark-mode .receipt-doc-copy,
body.settlelink-dark-mode .receipt-doc-company,
body.settlelink-dark-mode .receipt-doc-subtitle,
body.settlelink-dark-mode .receipt-doc-footer-copy,
body.settlelink-dark-mode .invoice-doc-list-row span small,
body.settlelink-dark-mode .receipt-doc-list-row span small {
  color: #354567 !important;
  -webkit-text-fill-color: #354567 !important;
}

body.settlelink-dark-mode .invoice-doc-hero-amount,
body.settlelink-dark-mode .receipt-doc-hero-amount {
  color: #145b51 !important;
  -webkit-text-fill-color: #145b51 !important;
}

/* Legal Centre dark mode CSS icon rescue */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-card-icon,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-document-icon {
  background-color: rgba(47, 102, 243, 0.16) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-card-icon::before,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-card-icon::after,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-document-icon::before,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-document-icon::after {
  content: none !important;
  display: none !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-icon-document {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5H14L19 8.5V20.5H7C5.9 20.5 5 19.6 5 18.5V5.5C5 4.4 5.9 3.5 7 3.5Z' stroke='%2360a5fa' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5V8.5H19' stroke='%2360a5fa' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8.5 13H15.5M8.5 17H14' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-icon-lock {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10.5' rx='2.5' stroke='%2360a5fa' stroke-width='2.4'/%3E%3Cpath d='M8 10V8C8 5.8 9.8 4 12 4C14.2 4 16 5.8 16 8V10' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M12 14.5V16.5' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-icon-shield {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.4L9.4 16.8L19 7.2' stroke='%2360a5fa' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-icon-card {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6.5' width='16' height='11' rx='2.5' stroke='%2360a5fa' stroke-width='2.4'/%3E%3Cpath d='M6 10H18' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-icon-person {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.2 12 16 10.2 16 8C16 5.8 14.2 4 12 4C9.8 4 8 5.8 8 8C8 10.2 9.8 12 12 12Z' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M5 20C6 16.9 8.5 15.3 12 15.3C15.5 15.3 18 16.9 19 20' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Legal Centre dark mode — fix icons inside Full legal documents buttons */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link .legal-centre-card-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background-color: rgba(47, 102, 243, 0.16) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30px 30px !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link .legal-centre-card-icon::before,
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link .legal-centre-card-icon::after {
  content: none !important;
  display: none !important;
}

/* Terms of Use document icon */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link .legal-icon-document {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5H14L19 8.5V20.5H7C5.9 20.5 5 19.6 5 18.5V5.5C5 4.4 5.9 3.5 7 3.5Z' stroke='%2360a5fa' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5V8.5H19' stroke='%2360a5fa' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8.5 13H15.5M8.5 17H14' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Privacy Policy lock icon */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link .legal-icon-lock {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10.5' rx='2.5' stroke='%2360a5fa' stroke-width='2.4'/%3E%3Cpath d='M8 10V8C8 5.8 9.8 4 12 4C14.2 4 16 5.8 16 8V10' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Trust & Transparency tick icon */
body.settlelink-dark-mode .legal-centre-page-clean .legal-centre-side-link .legal-icon-shield {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.4L9.4 16.8L19 7.2' stroke='%2360a5fa' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Mobile bottom nav — sit flush to each phone safe area */
@media (max-width: 768px) {
  body.settlelink-builder-open {
    padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  }

  body.settlelink-builder-open .app-shell {
    padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
  }

  body.settlelink-dark-mode .mobile-bottom-nav {
    border-bottom: 0 !important;
    box-shadow: 0 -16px 38px rgba(0, 0, 0, 0.34) !important;
  }
}

/* Legal pages — bottom back button */
.legal-bottom-back-wrap {
  display: flex;
  justify-content: center;
  padding: 10px 0 28px;
}

.legal-bottom-back-wrap .legal-back-btn {
  width: min(100%, 420px);
  justify-content: center;
}

/* Contacts page: clean Verification in progress icon */
.contacts-card .invoice-contact-payout-badge.invoice-contact-payout-in-progress {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.contacts-card .invoice-contact-payout-badge.invoice-contact-payout-in-progress::before {
  content: "!";
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  color: #f5b700;
  border: 2px solid #f5b700;
  background: rgba(245, 183, 0, 0.12);
  box-shadow: none;
  transform: none;
}

/* =========================================================
   CONTACTS PAGE — COMPACT AI IMAGE POLISH
   Keeps current wording, improves spacing/badges/cards only
   ========================================================= */

body.settlelink-builder-open .contacts-page-shell {
  gap: 14px !important;
}

/* Compact hero card like the generated image */
body.settlelink-builder-open .contacts-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 116px !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .contacts-hero-card h1 {
  margin-top: 12px !important;
  font-size: clamp(32px, 8vw, 42px) !important;
  line-height: 1.02 !important;
}

body.settlelink-builder-open .contacts-hero-card .page-subtitle {
  max-width: 310px !important;
  margin-top: 12px !important;
  font-size: clamp(16px, 4.4vw, 21px) !important;
  line-height: 1.32 !important;
}

body.settlelink-builder-open .contacts-hero-icon {
  width: 110px !important;
  max-width: 110px !important;
  justify-self: end !important;
  filter: drop-shadow(0 18px 28px rgba(47, 102, 243, 0.28)) !important;
}

/* Add contact form: less stretched */
body.settlelink-builder-open .contacts-form-panel {
  padding: 22px 24px !important;
  border-radius: 24px !important;
}

body.settlelink-builder-open .contacts-form-title {
  margin-bottom: 16px !important;
  font-size: 25px !important;
}

body.settlelink-builder-open .contacts-form-grid {
  gap: 14px !important;
}

body.settlelink-builder-open .contacts-form-panel .field-group label {
  margin-bottom: 8px !important;
  font-size: 15px !important;
}

body.settlelink-builder-open .contacts-text-input {
  min-height: 50px !important;
  padding-left: 54px !important;
  border-radius: 15px !important;
  font-size: 15px !important;
}

body.settlelink-builder-open .contacts-save-row {
  margin-top: 18px !important;
}

body.settlelink-builder-open .contacts-save-btn {
  min-height: 54px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
}

/* Your contacts heading */
body.settlelink-builder-open .contacts-count-heading {
  margin: 4px 6px 6px !important;
  align-items: center !important;
}

body.settlelink-builder-open .contacts-count-heading h2 {
  font-size: clamp(32px, 8.5vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: -0.055em !important;
}

body.settlelink-builder-open .contacts-count-heading .builder-count-badge {
  min-width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  font-size: 20px !important;
}

/* Contact list/cards */
body.settlelink-builder-open .contacts-list {
  gap: 10px !important;
}

body.settlelink-builder-open .contacts-card {
  position: relative !important;
  padding: 14px 14px 13px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .contacts-card-main {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

/* Let actions span the full card width */
body.settlelink-builder-open .contacts-card-content {
  display: contents !important;
}

body.settlelink-builder-open .contacts-avatar {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  border: 1px solid rgba(191, 219, 254, 0.9) !important;
  color: #2f66f3 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

/* Header lines */
body.settlelink-builder-open .contacts-card-header {
  grid-column: 2 / 3 !important;
  display: block !important;
  min-width: 0 !important;
  padding-right: 54px !important;
}

body.settlelink-builder-open .contacts-card-title {
  margin: 0 !important;
  font-size: clamp(20px, 5.4vw, 26px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}

body.settlelink-builder-open .contacts-card-trade {
  margin-top: 4px !important;
  font-size: clamp(15px, 4.2vw, 20px) !important;
  line-height: 1.2 !important;
}

/* Three-dot menu, lined up top-right */
body.settlelink-builder-open .contacts-card-menu {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5 !important;
}

body.settlelink-builder-open .contacts-card-menu summary {
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  background: rgba(15, 23, 42, 0.42) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: #c8d5ee !important;
  -webkit-text-fill-color: #c8d5ee !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

/* Badge row */
body.settlelink-builder-open .contacts-card-status-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 0 !important;
}

/* Shared badge base */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 30px !important;
  min-width: 142px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1.5px solid currentColor !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Badge icon base */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  border-radius: 999px !important;
  border: 2px solid currentColor !important;
  background: transparent !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  font-family: Arial, sans-serif !important;
  margin: 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transform: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::after,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::after {
  content: none !important;
  display: none !important;
}

/* Correct simple CSS icons */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-ready-for-payout::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-funds-received::before {
  content: "✓" !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress::before {
  content: "◷" !important;
}

body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-not-verified::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-needs-checking::before {
  content: "!" !important;
}

/* Dark mode badge colours */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  background: rgba(37, 99, 235, 0.13) !important;
  border-color: rgba(96, 165, 250, 0.68) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-ready-for-payout,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-funds-received {
  color: #4ade80 !important;
  -webkit-text-fill-color: #4ade80 !important;
  background: rgba(22, 163, 74, 0.14) !important;
  border-color: rgba(52, 211, 153, 0.68) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(250, 204, 21, 0.68) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-not-verified,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .invoice-contact-payout-needs-checking {
  color: #fb7185 !important;
  -webkit-text-fill-color: #fb7185 !important;
  background: rgba(127, 29, 29, 0.18) !important;
  border-color: rgba(251, 113, 133, 0.72) !important;
}

/* Light mode badge colours */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: #eff6ff !important;
  border-color: #60a5fa !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-ready-for-payout,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-funds-received {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: #34d399 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress {
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
  background: #fffbeb !important;
  border-color: #eab308 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-needs-checking {
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
  background: #fff1f2 !important;
  border-color: #fb7185 !important;
}

/* Email / phone spacing */
body.settlelink-builder-open .contacts-card-meta {
  grid-column: 2 / 3 !important;
  display: grid !important;
  gap: 6px !important;
  margin-top: 12px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.settlelink-builder-open .contacts-card-meta-dot {
  display: none !important;
}

body.settlelink-builder-open .contacts-card-meta-item {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* Action buttons: full width row like image, but still mobile safe */
body.settlelink-builder-open .contacts-card-actions,
body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(112px, 0.75fr) minmax(0, 1.6fr) !important;
  gap: 8px !important;
  margin-top: 12px !important;
  align-items: stretch !important;
}

body.settlelink-builder-open .contacts-card-actions:not(:has(.copyContactSetupBtn)) {
  grid-template-columns: minmax(112px, 190px) !important;
  justify-content: end !important;
}

body.settlelink-builder-open .contacts-card-actions .secondary-btn {
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

body.settlelink-builder-open .contacts-card-actions .copyContactSetupBtn {
  width: 100% !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
}

/* Edit/details panel keeps working */
body.settlelink-builder-open .contacts-details-panel {
  grid-column: 1 / -1 !important;
}

body.settlelink-builder-open .contacts-details-inner {
  padding-top: 12px !important;
}

/* Dark contact card finish */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(15, 28, 50, 0.94), rgba(9, 17, 31, 0.96)) !important;
  border-color: rgba(96, 165, 250, 0.23) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 28px rgba(0, 0, 0, 0.18) !important;
}

/* Small phones */
@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-hero-card {
    grid-template-columns: minmax(0, 1fr) 98px !important;
    padding: 22px 20px !important;
  }

  body.settlelink-builder-open .contacts-hero-icon {
    width: 96px !important;
    max-width: 96px !important;
  }

  body.settlelink-builder-open .contacts-form-panel {
    padding: 22px 20px !important;
  }

  body.settlelink-builder-open .contacts-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.settlelink-builder-open .contacts-card-main {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .contacts-avatar {
    width: 56px !important;
    height: 56px !important;
  }

  body.settlelink-builder-open .contacts-card-header {
    padding-right: 50px !important;
  }

  body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
  body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge {
    min-width: 0 !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  body.settlelink-builder-open .contacts-card-actions,
  body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.55fr) !important;
  }

  body.settlelink-builder-open .contacts-card-actions .secondary-btn,
  body.settlelink-builder-open .contacts-card-actions .copyContactSetupBtn {
    font-size: 13px !important;
  }
}

@media (max-width: 360px) {
  body.settlelink-builder-open .contacts-card-actions,
  body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .contacts-card-actions:not(:has(.copyContactSetupBtn)) {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   CONTACTS PAGE — BADGE ROW + EMAIL/PHONE AI IMAGE CORRECTION
   Paste after the previous contacts polish block
   ========================================================= */

/* Give the contact info area more usable width */
body.settlelink-builder-open .contacts-card-main {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 14px !important;
}

body.settlelink-builder-open .contacts-avatar {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  font-size: 22px !important;
}

/* Header should stay clean: title left, menu top-right */
body.settlelink-builder-open .contacts-card-header {
  position: relative !important;
  display: block !important;
  padding-right: 58px !important;
}

/* Keep menu fixed in the top-right of every card */
body.settlelink-builder-open .contacts-card-menu {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

body.settlelink-builder-open .contacts-card-menu summary {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}

/* Badge row: force neat side-by-side layout where possible */
body.settlelink-builder-open .contacts-card-status-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  justify-content: start !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 8px !important;
  margin-top: 12px !important;
  padding-right: 0 !important;
}

/* Menu should not behave like a third badge */
body.settlelink-builder-open .contacts-card-status-wrap .contacts-card-menu {
  grid-column: auto !important;
}

/* Smaller, cleaner badges like the AI image */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge {
  min-width: 0 !important;
  width: auto !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  gap: 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Cleaner badge icons */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::before {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  border-width: 2px !important;
  font-size: 11px !important;
  line-height: 17px !important;
  text-align: center !important;
}

/* Make in-progress icon look less broken */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border: 2px solid currentColor !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  background:
    linear-gradient(currentColor, currentColor) center 3px / 2px 5px no-repeat,
    linear-gradient(currentColor, currentColor) calc(50% + 3px) calc(50% + 1px) / 4px 2px no-repeat !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

/* Email / phone row like the AI image */
body.settlelink-builder-open .contacts-card-meta {
  grid-column: 2 / 3 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(118px, auto) !important;
  gap: 10px 18px !important;
  align-items: center !important;
  margin-top: 18px !important;
  max-width: 100% !important;
}

body.settlelink-builder-open .contacts-card-meta-dot {
  display: none !important;
}

/* Each email/phone item becomes a clean inline row */
body.settlelink-builder-open .contacts-card-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 9px !important;
  color: #a8b6cf !important;
  -webkit-text-fill-color: #a8b6cf !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Better email/phone icons */
body.settlelink-builder-open .contacts-card-meta-email::before,
body.settlelink-builder-open .contacts-card-meta-phone::before {
  position: static !important;
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  opacity: 0.62 !important;
  transform: none !important;
}

/* Action buttons align cleaner under the card */
body.settlelink-builder-open .contacts-card-actions,
body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(120px, 0.75fr) minmax(0, 1.45fr) !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.settlelink-builder-open .contacts-card-actions .secondary-btn,
body.settlelink-builder-open .contacts-card-actions .copyContactSetupBtn {
  min-height: 48px !important;
  border-radius: 15px !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
}

/* Cards with only Edit Contact should place it to the right like the AI image */
body.settlelink-builder-open .contacts-card-actions:not(:has(.copyContactSetupBtn)) {
  grid-template-columns: minmax(150px, 220px) !important;
  justify-content: end !important;
}

/* Smaller phones: keep badges side-by-side if text allows */
@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-card-main {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .contacts-avatar {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    font-size: 20px !important;
  }

  body.settlelink-builder-open .contacts-card-status-wrap {
    column-gap: 8px !important;
    row-gap: 8px !important;
  }

  body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
  body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge {
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 11px !important;
    font-size: 12px !important;
    gap: 7px !important;
  }

  body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
  body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge::before {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 16px !important;
  }

  body.settlelink-builder-open .contacts-card-meta {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 16px !important;
  }

  body.settlelink-builder-open .contacts-card-meta-item {
    font-size: 15px !important;
  }

  body.settlelink-builder-open .contacts-card-actions,
  body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: minmax(105px, 0.75fr) minmax(0, 1.45fr) !important;
    gap: 10px !important;
  }

  body.settlelink-builder-open .contacts-card-actions .secondary-btn,
  body.settlelink-builder-open .contacts-card-actions .copyContactSetupBtn {
    font-size: 14px !important;
  }
}

/* Very small phones only stack buttons, not normal phones */
@media (max-width: 350px) {
  body.settlelink-builder-open .contacts-card-actions,
  body.settlelink-builder-open .contacts-card-actions:has(.copyContactSetupBtn) {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   CONTACTS PAGE — LIGHT MODE REPAIR + IN PROGRESS ICON FIX
   Paste at the very bottom of src/main.css
   ========================================================= */

/* Use a simpler, cleaner in-progress icon in both modes */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress::before {
  content: "↻" !important;
  font-size: 12px !important;
  line-height: 15px !important;
  text-align: center !important;
}

/* =========================
   LIGHT MODE ONLY REPAIRS
   ========================= */

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-hero-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-form-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 252, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Main headings */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-hero-card h1,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-form-title,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-count-heading h2,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-title {
  color: #12254b !important;
  -webkit-text-fill-color: #12254b !important;
}

/* Supporting text */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-hero-card .page-subtitle,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-trade,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-meta-item,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-form-panel .field-group label {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
}

/* Inputs */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-text-input {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.85) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-text-input::placeholder {
  color: #93a0ba !important;
  -webkit-text-fill-color: #93a0ba !important;
  opacity: 1 !important;
}

/* Count badge */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-count-heading .builder-count-badge {
  background: linear-gradient(180deg, #f9fbff, #edf3ff) !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 10px 22px rgba(47, 102, 243, 0.10) !important;
}

/* Avatar */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-avatar {
  background: #f4f8ff !important;
  border: 1px solid rgba(191, 219, 254, 0.9) !important;
  color: #2f66f3 !important;
}

/* Menu button */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-menu summary {
  background: linear-gradient(180deg, #f7f9fd, #eef3f9) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: #7c8aa8 !important;
  -webkit-text-fill-color: #7c8aa8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Action buttons */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-actions .secondary-btn,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-actions .copyContactSetupBtn {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid rgba(191, 219, 254, 0.62) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  box-shadow: 0 8px 18px rgba(148, 163, 184, 0.08) !important;
}

/* Email / phone icons and text */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-meta-item {
  color: #7f8daa !important;
  -webkit-text-fill-color: #7f8daa !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-meta-email::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-meta-phone::before {
  opacity: 0.72 !important;
}

/* ===== LIGHT MODE BADGES ===== */

/* Registered */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active {
  background: #eff6ff !important;
  border-color: #60a5fa !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active::before {
  border-color: #60a5fa !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

/* In progress / Verification in progress */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress {
  background: #fff8e6 !important;
  border-color: #eab308 !important;
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-payout-in-progress::before {
  border-color: #d4a106 !important;
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
}

/* Not registered / Not verified */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-needs-checking {
  background: #fff1f2 !important;
  border-color: #fb7185 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-not-verified::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-needs-checking::before {
  border-color: #fb7185 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}

/* Verified payout */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-ready-for-payout,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-funds-received {
  background: #ecfdf5 !important;
  border-color: #34d399 !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-ready-for-payout::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-payout-funds-received::before {
  border-color: #34d399 !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

/* Make sure all badge base styles stay visible in light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge {
  box-shadow: none !important;
}

/* =========================================================
   CONTACTS PAGE — LIGHT MODE NOT VERIFIED MATCH NOT REGISTERED
   ========================================================= */

body:not(.settlelink-dark-mode).settlelink-builder-open
.contacts-card .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open
.contacts-card .invoice-contact-payout-needs-checking {
  background: #fff1f2 !important;
  border-color: #fb7185 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open
.contacts-card .invoice-contact-payout-not-verified::before,
body:not(.settlelink-dark-mode).settlelink-builder-open
.contacts-card .invoice-contact-payout-needs-checking::before {
  border-color: #fb7185 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}

/* =========================================================
   FINAL FIX — MAKE LIGHT MODE "NOT VERIFIED" RED
   Stronger selector for actual payout badge class
   ========================================================= */

body:not(.settlelink-dark-mode).settlelink-builder-open
.contacts-card-status-wrap
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified {
  background: #fff1f2 !important;
  border: 1.5px solid #fb7185 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open
.contacts-card-status-wrap
span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified::before {
  content: "!" !important;
  background: transparent !important;
  border: 2px solid #fb7185 !important;
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}

/* More page — Account info mobile polish */
@media (max-width: 768px) {
  .more-account-settings-content {
    padding: 18px 0 0;
  }

  .more-account-settings-content .more-account-hero-panel {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 28px 24px 24px;
    border-radius: 28px 28px 0 0;
    border: 1px solid rgba(47, 102, 243, 0.52);
    border-bottom: 0;
    background:
      radial-gradient(circle at 82% 16%, rgba(47, 102, 243, 0.24), transparent 30%),
      linear-gradient(145deg, rgba(9, 18, 39, 0.98), rgba(12, 25, 52, 0.96));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.045),
      0 18px 44px rgba(0, 0, 0, 0.24);
  }

  .more-account-settings-content .more-account-hero-panel::after {
    content: "";
    position: absolute;
    inset: auto 24px 0;
    height: 1px;
    background: rgba(139, 162, 205, 0.2);
  }

  .more-account-settings-content .more-account-page-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 74px;
    gap: 18px;
    align-items: start;
  }

  .more-account-settings-content .more-account-page-heading .eyebrow {
    margin: 0 0 8px;
    color: #4f86ff;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.22em;
    text-transform: uppercase;
  }

  .more-account-settings-content .more-account-page-heading h2 {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(28px, 7.8vw, 38px);
    line-height: 0.98;
    letter-spacing: -0.045em;
  }

  .more-account-settings-content .more-account-page-heading .muted-text {
    max-width: 250px;
    margin: 12px 0 0;
    color: rgba(214, 225, 246, 0.82);
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: -0.02em;
  }

  .more-account-settings-content .more-account-page-badge {
    width: 74px;
    height: 74px;
    border-radius: 22px;
    border: 1px solid rgba(84, 132, 255, 0.48);
    background:
      radial-gradient(circle at 50% 35%, rgba(47, 102, 243, 0.22), transparent 55%),
      rgba(18, 35, 76, 0.74);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 16px 34px rgba(47, 102, 243, 0.14);
  }

  .more-account-settings-content .more-account-card {
    margin: 0;
    padding: 22px 18px 0;
    border-radius: 0 0 28px 28px;
    border: 1px solid rgba(47, 102, 243, 0.52);
    border-top: 0;
    background:
      linear-gradient(180deg, rgba(9, 18, 39, 0.98), rgba(10, 21, 45, 0.97));
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.035),
      0 18px 44px rgba(0, 0, 0, 0.22);
  }

  .more-account-settings-content .more-account-list {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(139, 162, 205, 0.22);
    background: rgba(5, 13, 29, 0.34);
  }

  .more-account-settings-content .more-account-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.15fr);
    gap: 14px;
    align-items: center;
    min-height: 66px;
    padding: 18px 16px;
    border-bottom: 1px solid rgba(139, 162, 205, 0.16);
  }

  .more-account-settings-content .more-account-row:last-child {
    border-bottom: 0;
  }

  .more-account-settings-content .more-account-row-label {
    color: rgba(204, 216, 239, 0.76);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.22em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  .more-account-settings-content .more-account-row-value {
    min-width: 0;
    color: #f8fbff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -0.02em;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .more-account-settings-content .more-account-placeholder {
    color: rgba(214, 225, 246, 0.52);
  }

  .more-account-settings-content .more-account-helper-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 18px 2px 0;
    padding: 0;
    color: rgba(214, 225, 246, 0.86);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }

  .more-account-settings-content .more-account-helper-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(47, 102, 243, 0.42), rgba(18, 55, 132, 0.58));
    color: #9fc3ff;
    font-size: 21px;
    font-weight: 950;
    box-shadow: 0 12px 26px rgba(47, 102, 243, 0.16);
  }

  .more-account-settings-content .more-account-action-stack {
    margin-top: 20px;
  }

  .more-account-settings-content .more-account-change-btn {
    width: 100%;
    min-height: 58px;
    border-radius: 18px;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -0.015em;
    box-shadow:
      0 16px 34px rgba(47, 102, 243, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.16);
  }

  .more-account-settings-content .more-account-security-pill {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 22px 0 0;
    padding: 18px 16px;
    border-radius: 22px;
    border: 1px solid rgba(44, 199, 126, 0.28);
    background:
      radial-gradient(circle at 10% 20%, rgba(44, 199, 126, 0.15), transparent 42%),
      rgba(8, 47, 34, 0.46);
    color: rgba(217, 249, 231, 0.9);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.32;
    letter-spacing: -0.02em;
  }

  .more-account-settings-content .more-account-security-pill-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: rgba(44, 199, 126, 0.18);
    color: #b9f7d1;
    font-size: 22px;
    font-weight: 950;
  }
}

/* More page — Account info mobile polish light mode */
@media (max-width: 768px) {
  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-hero-panel {
    border-color: rgba(47, 102, 243, 0.22);
    border-bottom: 0;
    background:
      radial-gradient(circle at 82% 16%, rgba(47, 102, 243, 0.12), transparent 32%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 245, 255, 0.96));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 18px 38px rgba(19, 48, 97, 0.1);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-hero-panel::after {
    background: rgba(47, 68, 110, 0.12);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-heading .eyebrow {
    color: #2563eb;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-heading h2 {
    color: #102248;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-heading .muted-text {
    color: #5f6f8f;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-badge {
    border-color: rgba(47, 102, 243, 0.22);
    background:
      radial-gradient(circle at 50% 35%, rgba(47, 102, 243, 0.14), transparent 55%),
      rgba(232, 240, 255, 0.9);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 14px 28px rgba(47, 102, 243, 0.12);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-card {
    border-color: rgba(47, 102, 243, 0.22);
    border-top: 0;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.97));
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.78),
      0 18px 38px rgba(19, 48, 97, 0.09);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-list {
    border-color: rgba(47, 68, 110, 0.12);
    background: rgba(248, 251, 255, 0.72);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row {
    border-bottom-color: rgba(47, 68, 110, 0.11);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row-label {
    color: #62708d;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row-value {
    color: #102248;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-placeholder {
    color: rgba(95, 111, 143, 0.62);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-helper-note {
    color: #51617f;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-helper-icon {
    background: linear-gradient(145deg, rgba(47, 102, 243, 0.16), rgba(47, 102, 243, 0.24));
    color: #2563eb;
    box-shadow: 0 12px 24px rgba(47, 102, 243, 0.12);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-change-btn {
    background: linear-gradient(135deg, #2f66f3, #0b70ff);
    color: #ffffff;
    box-shadow:
      0 16px 32px rgba(47, 102, 243, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-security-pill {
    border-color: rgba(22, 163, 74, 0.2);
    background:
      radial-gradient(circle at 10% 20%, rgba(34, 197, 94, 0.13), transparent 42%),
      rgba(235, 253, 244, 0.86);
    color: #17623b;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-security-pill-icon {
    background: rgba(34, 197, 94, 0.16);
    color: #15803d;
  }
}

/* More page — remove Account info icon inside expanded card */
@media (max-width: 768px) {
  .more-account-settings-content .more-account-page-badge {
    display: none !important;
  }

  .more-account-settings-content .more-account-page-heading {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* More page — Account info expanded card without inner icon */
@media (max-width: 768px) {
  .more-account-settings-content .more-account-page-badge {
    display: none !important;
  }

  .more-account-settings-content .more-account-page-heading {
    display: block !important;
  }

  .more-account-settings-content .more-account-page-heading > div {
    max-width: 100% !important;
  }

  .more-account-settings-content .more-account-page-heading h2 {
    max-width: 100% !important;
  }

  .more-account-settings-content .more-account-page-heading .muted-text {
    max-width: 100% !important;
  }
}

/* More page — Account info expanded heading like Notifications */
@media (max-width: 768px) {
  .more-account-settings-content .more-account-page-heading .eyebrow {
    margin: 0 0 10px !important;
    color: #77a7ff !important;
    -webkit-text-fill-color: #77a7ff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }

  .more-account-settings-content .more-account-page-heading h2 {
    margin: 0 0 10px !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
  }

  .more-account-settings-content .more-account-page-heading .muted-text {
    margin: 0 !important;
    max-width: 100% !important;
    color: rgba(214, 225, 246, 0.82) !important;
    -webkit-text-fill-color: rgba(214, 225, 246, 0.82) !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    letter-spacing: -0.015em !important;
  }
}

/* More page — Account info expanded heading light mode */
@media (max-width: 768px) {
  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-heading .eyebrow {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-heading h2 {
    color: #102248 !important;
    -webkit-text-fill-color: #102248 !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-page-heading .muted-text {
    color: #5f6f8f !important;
    -webkit-text-fill-color: #5f6f8f !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-hero-panel {
    border-color: rgba(47, 102, 243, 0.2) !important;
    background:
      radial-gradient(circle at 82% 16%, rgba(47, 102, 243, 0.1), transparent 32%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 255, 0.96)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 18px 38px rgba(19, 48, 97, 0.1) !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-card {
    border-color: rgba(47, 102, 243, 0.2) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.97)) !important;
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.78),
      0 18px 38px rgba(19, 48, 97, 0.09) !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-list {
    border-color: rgba(47, 68, 110, 0.12) !important;
    background: rgba(248, 251, 255, 0.76) !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row {
    border-bottom-color: rgba(47, 68, 110, 0.11) !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row-label {
    color: #62708d !important;
    -webkit-text-fill-color: #62708d !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row-value {
    color: #102248 !important;
    -webkit-text-fill-color: #102248 !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-helper-note {
    color: #51617f !important;
    -webkit-text-fill-color: #51617f !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-helper-icon {
    background: linear-gradient(145deg, rgba(47, 102, 243, 0.15), rgba(47, 102, 243, 0.24)) !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    box-shadow: 0 12px 24px rgba(47, 102, 243, 0.12) !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-change-btn {
    background: linear-gradient(135deg, #2f66f3, #0b70ff) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow:
      0 16px 32px rgba(47, 102, 243, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-security-pill {
    border-color: rgba(22, 163, 74, 0.2) !important;
    background:
      radial-gradient(circle at 10% 20%, rgba(34, 197, 94, 0.13), transparent 42%),
      rgba(235, 253, 244, 0.88) !important;
    color: #17623b !important;
    -webkit-text-fill-color: #17623b !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-security-pill-icon {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #15803d !important;
    -webkit-text-fill-color: #15803d !important;
  }
}

/* More page — Account info light mode text fix */
@media (max-width: 768px) {
  body:not(.settlelink-dark-mode) .more-account-settings-content,
  body:not(.settlelink-dark-mode) .more-account-settings-content p,
  body:not(.settlelink-dark-mode) .more-account-settings-content span,
  body:not(.settlelink-dark-mode) .more-account-settings-content strong,
  body:not(.settlelink-dark-mode) .more-account-settings-content h2,
  body:not(.settlelink-dark-mode) .more-account-settings-content h3 {
    color: #102248;
    -webkit-text-fill-color: #102248;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .muted-text,
  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-helper-note {
    color: #263852 !important;
    -webkit-text-fill-color: #263852 !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row-label,
  body:not(.settlelink-dark-mode) .more-account-settings-content .eyebrow {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-row-value {
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-change-btn,
  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-change-btn * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-security-pill,
  body:not(.settlelink-dark-mode) .more-account-settings-content .more-account-security-pill * {
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
  }
}

/* More page — Payment setup polished mobile redesign */
@media (max-width: 768px) {
  .more-payment-settings-content {
    padding: 16px 0 0 !important;
  }

  .more-payment-settings-content .more-payment-hero-panel,
  .more-payment-settings-content .more-payment-page-badge,
  .more-payment-settings-content .more-payment-setup-top,
  .more-payment-settings-content .more-payment-setup-icon-wrap {
    display: none !important;
  }

  .more-payment-settings-content .more-payment-setup-panel {
    overflow: hidden;
    margin: 0 !important;
    padding: 28px 24px 118px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(47, 102, 243, 0.34) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.14), transparent 32%),
      linear-gradient(180deg, rgba(8, 17, 36, 0.98), rgba(8, 17, 36, 0.94)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 22px 48px rgba(0, 0, 0, 0.22) !important;
  }

  .more-payment-settings-content .more-payment-setup-eyebrow {
    margin: 0 0 10px !important;
    color: #5f94ff !important;
    -webkit-text-fill-color: #5f94ff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
  }

  .more-payment-settings-content .more-payment-setup-title {
    margin: 0 !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
    font-size: clamp(31px, 8vw, 42px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
  }

  .more-payment-settings-content .more-payment-setup-subtitle {
    margin: 14px 0 0 !important;
    max-width: 100% !important;
    color: rgba(214, 225, 246, 0.82) !important;
    -webkit-text-fill-color: rgba(214, 225, 246, 0.82) !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    letter-spacing: -0.018em !important;
  }

  .more-payment-settings-content .more-payment-status-card,
  .more-payment-settings-content .more-payment-trust-box {
    margin-top: 26px !important;
    padding: 20px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(92, 118, 161, 0.32) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.11), transparent 40%),
      rgba(8, 18, 39, 0.68) !important;
    box-shadow: none !important;
  }

  .more-payment-settings-content .more-payment-status-card[data-setup-state="not_started"],
  .more-payment-settings-content .more-payment-status-card[data-setup-state="error"] {
    border-color: rgba(245, 175, 63, 0.36) !important;
    background:
      radial-gradient(circle at 11% 22%, rgba(245, 175, 63, 0.1), transparent 34%),
      rgba(8, 18, 39, 0.72) !important;
  }

  .more-payment-settings-content .more-payment-status-layout,
  .more-payment-settings-content .more-payment-trust-box-left {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
  }

  .more-payment-settings-content .more-payment-status-check {
    display: grid !important;
    place-items: center !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(245, 175, 63, 0.32) !important;
    background:
      radial-gradient(circle, rgba(245, 175, 63, 0.14), transparent 68%),
      rgba(36, 26, 8, 0.34) !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    box-shadow: 0 12px 28px rgba(245, 175, 63, 0.08) !important;
  }

  .more-payment-settings-content .more-payment-warning-img {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .more-payment-settings-content .more-payment-status-card[data-setup-state="ready"] .more-payment-status-check {
    border-color: rgba(44, 199, 126, 0.34) !important;
    background:
      radial-gradient(circle, rgba(44, 199, 126, 0.15), transparent 68%),
      rgba(6, 43, 30, 0.44) !important;
    color: #7cf0aa !important;
    -webkit-text-fill-color: #7cf0aa !important;
    font-size: 31px !important;
  }

  .more-payment-settings-content .more-payment-status-card[data-setup-state="ready"] .more-payment-warning-img {
    display: none !important;
  }

  .more-payment-settings-content .more-payment-status-card[data-setup-state="ready"] .more-payment-status-check::before {
    content: "✓";
  }

  .more-payment-settings-content .more-payment-status-label,
  .more-payment-settings-content .more-payment-trust-title {
    display: block !important;
    margin: 0 0 10px !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
    font-size: 22px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
  }

  .more-payment-settings-content .more-payment-status-value {
    margin-bottom: 12px !important;
  }

  .more-payment-settings-content .more-payment-status-detail,
  .more-payment-settings-content .more-payment-trust-text {
    margin: 0 !important;
    color: rgba(214, 225, 246, 0.74) !important;
    -webkit-text-fill-color: rgba(214, 225, 246, 0.74) !important;
    font-size: 17px !important;
    line-height: 1.42 !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
  }

  .more-payment-settings-content .more-payment-trust-icon {
    display: grid !important;
    place-items: center !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(47, 102, 243, 0.34) !important;
    background:
      radial-gradient(circle, rgba(47, 102, 243, 0.18), transparent 70%),
      rgba(18, 37, 82, 0.44) !important;
    color: #3f7cff !important;
    -webkit-text-fill-color: #3f7cff !important;
  }

  .more-payment-settings-content .more-payment-action-row {
    margin-top: 28px !important;
  }

  .more-payment-settings-content .more-payment-setup-btn {
    min-height: 62px !important;
    border-radius: 18px !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
    box-shadow:
      0 18px 38px rgba(47, 102, 243, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  }

  .more-payment-settings-content .more-payment-info-list {
    display: grid !important;
    gap: 16px !important;
    margin-top: 22px !important;
  }

  .more-payment-settings-content .more-payment-info-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 !important;
    color: rgba(214, 225, 246, 0.74) !important;
    -webkit-text-fill-color: rgba(214, 225, 246, 0.74) !important;
    font-size: 16px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
  }

  .more-payment-settings-content .more-payment-info-dot {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(47, 102, 243, 0.72) !important;
    background: rgba(47, 102, 243, 0.1) !important;
    color: #4f86ff !important;
    -webkit-text-fill-color: #4f86ff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  .more-payment-settings-content .more-payment-info-row a {
    color: #4f86ff !important;
    -webkit-text-fill-color: #4f86ff !important;
    font-weight: 900 !important;
    text-decoration: underline !important;
  }
}

/* More page — Payment setup polished light mode */
@media (max-width: 768px) {
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-setup-panel {
    border-color: rgba(47, 102, 243, 0.16) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 18px 38px rgba(19, 48, 97, 0.08) !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-setup-eyebrow {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-setup-title,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-label,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-trust-title {
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-setup-subtitle,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-detail,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-trust-text,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-info-row {
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-trust-box {
    border-color: rgba(47, 68, 110, 0.12) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.06), transparent 40%),
      rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 14px 30px rgba(19, 48, 97, 0.06) !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card[data-setup-state="not_started"],
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card[data-setup-state="error"] {
    border-color: rgba(245, 175, 63, 0.3) !important;
    background:
      radial-gradient(circle at 9% 21%, rgba(245, 175, 63, 0.12), transparent 34%),
      rgba(255, 255, 255, 0.92) !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-check {
    border-color: rgba(245, 175, 63, 0.28) !important;
    background:
      radial-gradient(circle, rgba(245, 175, 63, 0.13), transparent 68%),
      rgba(255, 248, 235, 0.86) !important;
    box-shadow: 0 12px 24px rgba(245, 175, 63, 0.1) !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card[data-setup-state="ready"] .more-payment-status-check {
    border-color: rgba(22, 163, 74, 0.26) !important;
    background:
      radial-gradient(circle, rgba(22, 163, 74, 0.12), transparent 68%),
      rgba(236, 253, 245, 0.88) !important;
    color: #15803d !important;
    -webkit-text-fill-color: #15803d !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-value {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(47, 68, 110, 0.14) !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card[data-setup-state="not_started"] .more-payment-status-value,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card[data-setup-state="error"] .more-payment-status-value {
    background: rgba(255, 248, 235, 0.95) !important;
    border-color: rgba(245, 175, 63, 0.28) !important;
    color: #8a5a05 !important;
    -webkit-text-fill-color: #8a5a05 !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-status-card[data-setup-state="ready"] .more-payment-status-value {
    background: rgba(236, 253, 245, 0.95) !important;
    border-color: rgba(22, 163, 74, 0.22) !important;
    color: #15803d !important;
    -webkit-text-fill-color: #15803d !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-trust-icon,
  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-info-dot {
    border-color: rgba(47, 102, 243, 0.26) !important;
    background: rgba(239, 246, 255, 0.92) !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-setup-btn {
    background: linear-gradient(135deg, #2f66f3, #0b70ff) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow:
      0 16px 32px rgba(47, 102, 243, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  }

  body:not(.settlelink-dark-mode) .more-payment-settings-content .more-payment-info-row a {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-weight: 900 !important;
    text-decoration: underline !important;
  }
}

/* More page — force expandable section eyebrow labels blue in all modes */
@media (max-width: 768px) {
  .more-help-legal-eyebrow,
  .more-help-legal-card .eyebrow,
  .more-help-legal-card-top .eyebrow,
  .dashboard-notifications-eyebrow,
  .more-notifications-panel .dashboard-notifications-eyebrow,
  .more-notifications-panel .eyebrow,
  .more-payment-setup-eyebrow,
  .more-payment-settings-content .more-payment-setup-eyebrow,
  .more-payment-settings-content .eyebrow.more-payment-setup-eyebrow {
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
  }

  body.settlelink-dark-mode .more-help-legal-eyebrow,
  body.settlelink-dark-mode .more-help-legal-card .eyebrow,
  body.settlelink-dark-mode .more-help-legal-card-top .eyebrow,
  body.settlelink-dark-mode .dashboard-notifications-eyebrow,
  body.settlelink-dark-mode .more-notifications-panel .dashboard-notifications-eyebrow,
  body.settlelink-dark-mode .more-notifications-panel .eyebrow,
  body.settlelink-dark-mode .more-payment-setup-eyebrow,
  body.settlelink-dark-mode .more-payment-settings-content .more-payment-setup-eyebrow,
  body.settlelink-dark-mode .more-payment-settings-content .eyebrow.more-payment-setup-eyebrow {
    color: #5f94ff !important;
    -webkit-text-fill-color: #5f94ff !important;
  }
}

/* More page — keep expandable eyebrow labels blue in all modes */
@media (max-width: 768px) {
  .more-help-legal-eyebrow,
  .more-help-legal-card .eyebrow,
  .more-help-legal-card-top .eyebrow,
  .dashboard-notifications-eyebrow,
  .more-notifications-panel .dashboard-notifications-eyebrow,
  .more-notifications-panel .eyebrow,
  .more-payment-setup-eyebrow,
  .more-payment-settings-content .more-payment-setup-eyebrow,
  .more-payment-settings-content .eyebrow.more-payment-setup-eyebrow {
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
  }

  body.settlelink-dark-mode .more-help-legal-eyebrow,
  body.settlelink-dark-mode .more-help-legal-card .eyebrow,
  body.settlelink-dark-mode .more-help-legal-card-top .eyebrow,
  body.settlelink-dark-mode .dashboard-notifications-eyebrow,
  body.settlelink-dark-mode .more-notifications-panel .dashboard-notifications-eyebrow,
  body.settlelink-dark-mode .more-notifications-panel .eyebrow,
  body.settlelink-dark-mode .more-payment-setup-eyebrow,
  body.settlelink-dark-mode .more-payment-settings-content .more-payment-setup-eyebrow,
  body.settlelink-dark-mode .more-payment-settings-content .eyebrow.more-payment-setup-eyebrow {
    color: #5f94ff !important;
    -webkit-text-fill-color: #5f94ff !important;
  }
}

/* More page — Share, feedback and rewards polished mobile redesign */
@media (max-width: 768px) {
  .more-share-content {
    padding: 14px 0 0 !important;
  }

  .more-share-content .more-share-hero-panel,
  .more-share-content .more-invite-card,
  .more-share-content .referral-reward-box-clean,
  .more-share-content .more-feedback-card,
  .more-share-content .more-share-safe-note {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .more-share-content .more-share-hero-panel {
    margin: 0 !important;
    padding: 24px 24px 18px !important;
    border-radius: 28px 28px 0 0 !important;
    border: 1px solid rgba(47, 102, 243, 0.18) !important;
    border-bottom: 0 !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 18px 38px rgba(19, 48, 97, 0.08) !important;
  }

  .more-share-content .more-share-page-heading {
    display: block !important;
  }

  .more-share-content .more-share-eyebrow,
  .more-share-content .more-share-page-heading .eyebrow {
    margin: 0 0 10px !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
  }

  .more-share-content .more-share-page-heading h2 {
    margin: 0 0 10px !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
    font-size: 27px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
  }

  .more-share-content .more-share-page-heading .muted-text {
    margin: 0 !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
    font-weight: 650 !important;
    letter-spacing: -0.015em !important;
  }

  .more-share-content .more-share-gift-badge {
    display: none !important;
  }

  .more-share-content .more-invite-card {
    margin-top: 0 !important;
    padding: 20px 20px 18px !important;
    border-radius: 0 0 28px 28px !important;
    border: 1px solid rgba(47, 102, 243, 0.18) !important;
    border-top: 0 !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.98)) !important;
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.78),
      0 18px 38px rgba(19, 48, 97, 0.08) !important;
  }

  .more-share-content .more-invite-top {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  .more-share-content .more-invite-icon,
  .more-share-content .referral-reward-title-icon,
  .more-share-content .more-feedback-icon {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(47, 102, 243, 0.14) !important;
    background-color: rgba(239, 246, 255, 0.92) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
  }

  .more-share-content .more-invite-card .panel-title,
  .more-share-content .more-feedback-card .panel-title,
  .more-share-content .referral-reward-clean-title-row h3 {
    margin: 0 0 8px !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
  }

  .more-share-content .more-invite-card .muted-text,
  .more-share-content .more-feedback-card .muted-text {
    margin: 0 !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 650 !important;
    letter-spacing: -0.015em !important;
  }

  .more-share-content .more-reward-trust-pill {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    background: rgba(220, 252, 231, 0.92) !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
  }

  .more-share-content .more-reward-trust-pill span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #16a34a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    flex: 0 0 auto !important;
  }

  .more-share-content .more-referral-link-area {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(47, 68, 110, 0.1) !important;
  }

  .more-share-content .more-referral-link-area label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 15px !important;
    font-weight: 850 !important;
  }

  .more-share-content .more-referral-input-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid rgba(47, 68, 110, 0.14) !important;
    background: rgba(255, 255, 255, 0.92) !important;
  }

  .more-share-content .more-referral-input {
    min-width: 0 !important;
    min-height: 54px !important;
    border: 0 !important;
    background: transparent !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
  }

  .more-share-content .more-copy-mini-btn {
    min-height: 54px !important;
    border: 0 !important;
    border-left: 1px solid rgba(47, 68, 110, 0.12) !important;
    background: transparent !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-weight: 950 !important;
  }

  .more-share-content .more-share-button-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  .more-share-content .more-copy-link-btn,
  .more-share-content .more-share-link-btn,
  .more-share-content .more-feedback-btn {
    min-height: 56px !important;
    border-radius: 16px !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -0.015em !important;
  }

  .more-share-content .more-share-link-btn {
    background: #ffffff !important;
    border: 1px solid #2f66f3 !important;
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
  }

  .more-share-content .referral-reward-box-clean,
  .more-share-content .more-feedback-card,
  .more-share-content .more-share-safe-note {
    margin-top: 14px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(47, 68, 110, 0.12) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 14px 30px rgba(19, 48, 97, 0.06) !important;
  }

  .more-share-content .referral-reward-clean-title-row {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    margin-bottom: 14px !important;
  }

  .more-share-content .referral-reward-stats-clean {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .more-share-content .referral-reward-stat-card {
    min-height: 78px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(47, 68, 110, 0.12) !important;
    background: rgba(248, 251, 255, 0.74) !important;
  }

  .more-share-content .referral-reward-stat-card small {
    display: block !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }

  .more-share-content .referral-reward-stat-card strong {
    display: block !important;
    margin-top: 8px !important;
    color: #0b1633 !important;
    -webkit-text-fill-color: #0b1633 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .more-share-content .referral-reward-helper-line {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    margin: 14px 0 0 !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  .more-share-content .referral-info-dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #2f66f3 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  .more-share-content .more-feedback-top {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }

  .more-share-content .more-feedback-btn {
    width: 100% !important;
    margin-top: 16px !important;
  }

  .more-share-content .more-share-safe-note {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    color: #52617c !important;
    -webkit-text-fill-color: #52617c !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  .more-share-content .more-share-safe-note span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 999px !important;
    background: #dcfce7 !important;
    color: #15803d !important;
    -webkit-text-fill-color: #15803d !important;
    font-weight: 950 !important;
  }

  body.settlelink-dark-mode .more-share-content .more-share-hero-panel {
    border-color: rgba(47, 102, 243, 0.38) !important;
    border-bottom: 0 !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.14), transparent 34%),
      linear-gradient(180deg, rgba(8, 17, 36, 0.98), rgba(8, 17, 36, 0.94)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 22px 48px rgba(0, 0, 0, 0.24) !important;
  }

  body.settlelink-dark-mode .more-share-content .more-invite-card {
    border-color: rgba(47, 102, 243, 0.38) !important;
    border-top: 0 !important;
    background:
      linear-gradient(180deg, rgba(8, 17, 36, 0.98), rgba(8, 17, 36, 0.94)) !important;
    box-shadow:
      inset 0 -1px 0 rgba(255, 255, 255, 0.035),
      0 22px 48px rgba(0, 0, 0, 0.24) !important;
  }

  body.settlelink-dark-mode .more-share-content .more-share-eyebrow,
  body.settlelink-dark-mode .more-share-content .more-share-page-heading .eyebrow {
    color: #5f94ff !important;
    -webkit-text-fill-color: #5f94ff !important;
  }

  body.settlelink-dark-mode .more-share-content .more-share-page-heading h2,
  body.settlelink-dark-mode .more-share-content .more-invite-card .panel-title,
  body.settlelink-dark-mode .more-share-content .more-feedback-card .panel-title,
  body.settlelink-dark-mode .more-share-content .referral-reward-clean-title-row h3,
  body.settlelink-dark-mode .more-share-content .referral-reward-stat-card strong {
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
  }

  body.settlelink-dark-mode .more-share-content .more-share-page-heading .muted-text,
  body.settlelink-dark-mode .more-share-content .more-invite-card .muted-text,
  body.settlelink-dark-mode .more-share-content .more-feedback-card .muted-text,
  body.settlelink-dark-mode .more-share-content .referral-reward-stat-card small,
  body.settlelink-dark-mode .more-share-content .referral-reward-helper-line,
  body.settlelink-dark-mode .more-share-content .more-referral-link-area label,
  body.settlelink-dark-mode .more-share-content .more-share-safe-note {
    color: rgba(214, 225, 246, 0.78) !important;
    -webkit-text-fill-color: rgba(214, 225, 246, 0.78) !important;
  }

  body.settlelink-dark-mode .more-share-content .more-invite-icon,
  body.settlelink-dark-mode .more-share-content .referral-reward-title-icon,
  body.settlelink-dark-mode .more-share-content .more-feedback-icon {
    border-color: rgba(47, 102, 243, 0.26) !important;
    background-color: rgba(18, 37, 82, 0.42) !important;
  }

  body.settlelink-dark-mode .more-share-content .more-reward-trust-pill {
    background: rgba(34, 197, 94, 0.13) !important;
    color: #86efac !important;
    -webkit-text-fill-color: #86efac !important;
  }

  body.settlelink-dark-mode .more-share-content .more-referral-link-area {
    border-top-color: rgba(92, 118, 161, 0.24) !important;
  }

  body.settlelink-dark-mode .more-share-content .more-referral-input-wrap,
  body.settlelink-dark-mode .more-share-content .referral-reward-stat-card {
    border-color: rgba(92, 118, 161, 0.28) !important;
    background: rgba(5, 13, 29, 0.44) !important;
  }

  body.settlelink-dark-mode .more-share-content .more-referral-input {
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
  }

  body.settlelink-dark-mode .more-share-content .more-copy-mini-btn {
    border-left-color: rgba(92, 118, 161, 0.28) !important;
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
  }

  body.settlelink-dark-mode .more-share-content .more-share-link-btn {
    background: rgba(8, 18, 39, 0.55) !important;
    border-color: #2f66f3 !important;
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
  }

  body.settlelink-dark-mode .more-share-content .referral-reward-box-clean,
  body.settlelink-dark-mode .more-share-content .more-feedback-card,
  body.settlelink-dark-mode .more-share-content .more-share-safe-note {
    border-color: rgba(92, 118, 161, 0.32) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.1), transparent 40%),
      rgba(8, 18, 39, 0.58) !important;
    box-shadow: none !important;
  }
}

/* More page — Share safe-note tick green in dark mode */
@media (max-width: 768px) {
  body.settlelink-dark-mode .more-share-content .more-share-safe-note span {
    background: rgba(34, 197, 94, 0.18) !important;
    border: 1px solid rgba(34, 197, 94, 0.35) !important;
    color: #86efac !important;
    -webkit-text-fill-color: #86efac !important;
  }

  body.settlelink-dark-mode .more-share-content .more-share-safe-note span::before {
    color: #86efac !important;
    -webkit-text-fill-color: #86efac !important;
  }
}

/* Final fix: Appearance eyebrow same size in light and dark mode */
body:not(.settlelink-dark-mode) .more-appearance-content .more-appearance-panel-polished p.more-appearance-eyebrow,
body.settlelink-dark-mode .more-appearance-content .more-appearance-panel-polished p.more-appearance-eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.2em !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}

/* Final polish: More page Workspace section */
body .more-workspace-section[open] {
  margin-top: 10px !important;
  padding: 0 0 14px !important;
  border: 1px solid rgba(47, 102, 243, 0.24) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    #ffffff !important;
  box-shadow: 0 18px 42px rgba(13, 35, 90, 0.08) !important;
}

body .more-workspace-section[open] > .more-settings-row {
  padding: 18px 24px 14px !important;
  border-bottom: 0 !important;
}

body .more-workspace-section[open] > .more-settings-content {
  padding: 0 24px 0 84px !important;
}

body .more-workspace-panel-polished {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 18px !important;
  padding: 20px !important;
  border-radius: 26px !important;
  border: 1px solid #dfe7f3 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 14px 30px rgba(13, 35, 90, 0.06) !important;
}

body .more-workspace-hero {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

body .more-workspace-hero-icon {
  width: 74px !important;
  height: 74px !important;
  border-radius: 24px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  background-color: #f1f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 42px 42px !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.12) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.5C3.5 6.4 4.4 5.5 5.5 5.5H9L10.8 7.5H18.5C19.6 7.5 20.5 8.4 20.5 9.5V17.5C20.5 18.6 19.6 19.5 18.5 19.5H5.5C4.4 19.5 3.5 18.6 3.5 17.5V7.5Z' stroke='%232f66f3' stroke-width='2.3' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body .more-workspace-eyebrow {
  margin: 0 0 8px !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

body .more-workspace-hero-copy h3 {
  margin: 0 !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

body .more-workspace-hero-copy p:not(.more-workspace-eyebrow) {
  margin: 8px 0 0 !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

body .more-workspace-action-stack {
  display: grid !important;
  gap: 10px !important;
}

body .more-workspace-action {
  width: 100% !important;
  min-height: 82px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 28px !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 13px 16px !important;
  border: 1px solid #dfe7f3 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(13, 35, 90, 0.04) !important;
}

body .more-workspace-action-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  background-color: #f1f6ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
}

body .more-workspace-completed-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3.5H14L18 7.5V20.5H6.5V3.5Z' stroke='%232f66f3' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5V7.5H18' stroke='%232f66f3' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 12H15M9 15H13' stroke='%232f66f3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body .more-workspace-clear-icon {
  background-color: #f4f6f9 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4H15M5 7H19M8 7V19H16V7' stroke='%236b778c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.5V16M14 10.5V16' stroke='%236b778c' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body .more-workspace-logout-icon {
  border-color: rgba(239, 68, 68, 0.18) !important;
  background-color: #fff0f0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5H6.5C5.7 5 5 5.7 5 6.5V17.5C5 18.3 5.7 19 6.5 19H10' stroke='%23ef4444' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%23ef4444' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 12H9.5' stroke='%23ef4444' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body .more-workspace-action-copy strong {
  display: block !important;
  color: #071a44 !important;
  -webkit-text-fill-color: #071a44 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

body .more-workspace-action-copy small {
  display: block !important;
  margin-top: 4px !important;
  color: #667796 !important;
  -webkit-text-fill-color: #667796 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

body .more-workspace-action-arrow {
  color: #71809a !important;
  -webkit-text-fill-color: #71809a !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
}

body .more-workspace-action.is-logout .more-workspace-action-copy strong,
body .more-workspace-action.is-logout .more-workspace-action-arrow {
  color: #ef4444 !important;
  -webkit-text-fill-color: #ef4444 !important;
}

body .more-workspace-tip-card {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid #dfe7f3 !important;
  background: #f6f9ff !important;
}

body .more-workspace-tip-card span {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #eaf2ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body .more-workspace-tip-card p {
  margin: 0 !important;
  color: #52627f !important;
  -webkit-text-fill-color: #52627f !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

/* Dark mode workspace polish */
body.settlelink-dark-mode .more-workspace-section[open] {
  border-color: rgba(47, 102, 243, 0.34) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(47, 102, 243, 0.16), transparent 34%),
    #071120 !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22) !important;
}

body.settlelink-dark-mode .more-workspace-panel-polished {
  border-color: rgba(92, 118, 161, 0.28) !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(47, 102, 243, 0.12), transparent 32%),
    rgba(8, 18, 32, 0.74) !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-workspace-hero-icon,
body.settlelink-dark-mode .more-workspace-action-icon {
  border-color: rgba(47, 102, 243, 0.32) !important;
  background-color: rgba(18, 37, 82, 0.58) !important;
  box-shadow: 0 0 26px rgba(47, 102, 243, 0.12) !important;
}

body.settlelink-dark-mode .more-workspace-eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-dark-mode .more-workspace-hero-copy h3,
body.settlelink-dark-mode .more-workspace-action-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-workspace-hero-copy p:not(.more-workspace-eyebrow),
body.settlelink-dark-mode .more-workspace-action-copy small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .more-workspace-action {
  border-color: rgba(92, 118, 161, 0.26) !important;
  background: rgba(8, 18, 32, 0.72) !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-workspace-clear-icon {
  background-color: rgba(80, 91, 111, 0.18) !important;
}

body.settlelink-dark-mode .more-workspace-logout-icon {
  border-color: rgba(255, 139, 139, 0.22) !important;
  background-color: rgba(200, 50, 50, 0.14) !important;
}

body.settlelink-dark-mode .more-workspace-action-arrow {
  color: #9ca8c3 !important;
  -webkit-text-fill-color: #9ca8c3 !important;
}

body.settlelink-dark-mode .more-workspace-action.is-logout .more-workspace-action-copy strong,
body.settlelink-dark-mode .more-workspace-action.is-logout .more-workspace-action-arrow {
  color: #ff8b8b !important;
  -webkit-text-fill-color: #ff8b8b !important;
}

body.settlelink-dark-mode .more-workspace-tip-card {
  border-color: rgba(92, 118, 161, 0.24) !important;
  background: rgba(18, 32, 53, 0.82) !important;
}

body.settlelink-dark-mode .more-workspace-tip-card span {
  background: rgba(47, 102, 243, 0.18) !important;
  color: #4f83ff !important;
  -webkit-text-fill-color: #4f83ff !important;
}

body.settlelink-dark-mode .more-workspace-tip-card p {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

/* Mobile workspace polish */
@media (max-width: 430px) {
  body .more-workspace-section[open] {
    border-radius: 26px !important;
    padding-bottom: 12px !important;
  }

  body .more-workspace-section[open] > .more-settings-row {
    padding: 14px 14px 12px !important;
  }

  body .more-workspace-section[open] > .more-settings-content {
    padding: 0 14px 0 58px !important;
  }

  body .more-workspace-panel-polished {
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  body .more-workspace-hero {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body .more-workspace-hero-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    background-size: 31px 31px !important;
  }

  body .more-workspace-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
  }

  body .more-workspace-hero-copy h3 {
    font-size: 22px !important;
  }

  body .more-workspace-hero-copy p:not(.more-workspace-eyebrow) {
    font-size: 14px !important;
  }

  body .more-workspace-action {
    min-height: 76px !important;
    grid-template-columns: 50px minmax(0, 1fr) 22px !important;
    gap: 11px !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }

  body .more-workspace-action-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    background-size: 26px 26px !important;
  }

  body .more-workspace-action-copy strong {
    font-size: 16px !important;
  }

  body .more-workspace-action-copy small {
    font-size: 13px !important;
  }

  body .more-workspace-tip-card {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }

  body .more-workspace-tip-card span {
    width: 34px !important;
    height: 34px !important;
  }

  body .more-workspace-tip-card p {
    font-size: 13px !important;
  }
}

/* Final fix: Workspace eyebrow same as other More expanded pages */
body .more-workspace-section .more-workspace-panel-polished p.more-workspace-eyebrow,
body.settlelink-dark-mode .more-workspace-section .more-workspace-panel-polished p.more-workspace-eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.2em !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
}

/* SettleLink payout verification bundle */
.settlelink-payout-verification-card {
  display: grid !important;
  gap: 0 !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.98)) !important;
  border: 1px solid rgba(208, 213, 221, 0.92) !important;
  box-shadow: 0 18px 45px rgba(16, 24, 40, 0.08) !important;
}

.settlelink-payout-status-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}

.settlelink-payout-status-row + .settlelink-payout-status-row {
  border-top: 1px solid rgba(208, 213, 221, 0.75);
}

.settlelink-payout-status-icon {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  font-size: 24px;
  line-height: 1;
}

.settlelink-payout-status-icon-company,
.settlelink-payout-status-icon[data-state="ready"] {
  color: #067647;
  background: #dcfae6;
  border: 1px solid #abefc6;
}

.settlelink-payout-status-icon-payout,
.settlelink-payout-status-icon[data-state="in_progress"] {
  color: #b54708;
  background: #fef0c7;
  border: 1px solid #fedf89;
}

.settlelink-payout-status-icon[data-state="not_started"],
.settlelink-payout-status-icon[data-state="error"] {
  color: #b42318;
  background: #fee4e2;
  border: 1px solid #fda29b;
}

.settlelink-payout-status-icon[data-state="loading"] {
  color: #1d4ed8;
  background: #eef4ff;
  border: 1px solid #b2ccff;
}

.settlelink-payout-status-copy {
  display: grid;
  gap: 3px;
}

.settlelink-payout-status-copy strong {
  color: #101828;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.settlelink-payout-status-copy small {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
}

.settlelink-payout-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.01em;
  border: 1px solid rgba(208, 213, 221, 0.9);
  background: #f2f4f7;
  color: #344054;
}

.settlelink-payout-status-badge[data-state="ready"] {
  color: #067647;
  background: #dcfae6;
  border-color: #abefc6;
}

.settlelink-payout-status-badge[data-state="in_progress"],
.settlelink-payout-status-badge[data-state="needs_more"] {
  color: #b54708;
  background: #fef0c7;
  border-color: #fedf89;
}

.settlelink-payout-status-badge[data-state="not_started"],
.settlelink-payout-status-badge[data-state="error"] {
  color: #b42318;
  background: #fee4e2;
  border-color: #fda29b;
}

.settlelink-payout-status-badge[data-state="loading"] {
  color: #1d4ed8;
  background: #eef4ff;
  border-color: #b2ccff;
}

.settlelink-payout-warning-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding: 14px;
  border-radius: 20px;
  background: #fffaeb;
  border: 1px solid #fedf89;
}

.settlelink-payout-warning-card[hidden] {
  display: none !important;
}

.settlelink-payout-warning-card .more-payment-status-detail {
  margin: 0 !important;
  color: #7a2e0e !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

.settlelink-payout-warning-icon {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b54708;
  background: #fef0c7;
  border: 1px solid #fedf89;
  font-weight: 950;
  font-size: 22px;
}

.settlelink-payout-warning-modal {
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(245, 158, 11, 0.18),
    0 0 60px rgba(245, 158, 11, 0.18) !important;
}

.settlelink-payout-warning-modal-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b54708;
  background: #fef0c7;
  border: 1px solid #fedf89;
  font-size: 30px;
  font-weight: 950;
  line-height: 1;
}

.settlelink-payout-warning-modal-note {
  padding-top: 12px;
  border-top: 1px dashed rgba(245, 158, 11, 0.45);
}

.settlelink-payout-warning-modal-actions {
  gap: 10px !important;
}

body.settlelink-dark-mode .settlelink-payout-verification-card {
  background:
    linear-gradient(145deg, rgba(11, 22, 40, 0.98), rgba(8, 16, 30, 0.98)) !important;
  border-color: rgba(79, 114, 176, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 50px rgba(0, 0, 0, 0.28) !important;
}

body.settlelink-dark-mode .settlelink-payout-status-row + .settlelink-payout-status-row {
  border-top-color: rgba(117, 145, 190, 0.26);
}

body.settlelink-dark-mode .settlelink-payout-status-copy strong {
  color: #f8fbff;
}

body.settlelink-dark-mode .settlelink-payout-status-copy small {
  color: #aebbd0;
}

body.settlelink-dark-mode .settlelink-payout-status-icon-company,
body.settlelink-dark-mode .settlelink-payout-status-icon[data-state="ready"] {
  color: #86efac;
  background: rgba(22, 101, 52, 0.34);
  border-color: rgba(34, 197, 94, 0.35);
}

body.settlelink-dark-mode .settlelink-payout-status-icon-payout,
body.settlelink-dark-mode .settlelink-payout-status-icon[data-state="in_progress"] {
  color: #fbbf24;
  background: rgba(120, 53, 15, 0.36);
  border-color: rgba(245, 158, 11, 0.45);
}

body.settlelink-dark-mode .settlelink-payout-status-icon[data-state="not_started"],
body.settlelink-dark-mode .settlelink-payout-status-icon[data-state="error"] {
  color: #fca5a5;
  background: rgba(127, 29, 29, 0.32);
  border-color: rgba(248, 113, 113, 0.35);
}

body.settlelink-dark-mode .settlelink-payout-status-badge[data-state="ready"] {
  color: #86efac;
  background: rgba(20, 83, 45, 0.42);
  border-color: rgba(34, 197, 94, 0.35);
}

body.settlelink-dark-mode .settlelink-payout-status-badge[data-state="in_progress"],
body.settlelink-dark-mode .settlelink-payout-status-badge[data-state="needs_more"] {
  color: #fbbf24;
  background: rgba(120, 53, 15, 0.35);
  border-color: rgba(245, 158, 11, 0.5);
}

body.settlelink-dark-mode .settlelink-payout-status-badge[data-state="not_started"],
body.settlelink-dark-mode .settlelink-payout-status-badge[data-state="error"] {
  color: #fca5a5;
  background: rgba(127, 29, 29, 0.32);
  border-color: rgba(248, 113, 113, 0.38);
}

body.settlelink-dark-mode .settlelink-payout-warning-card {
  background: rgba(120, 53, 15, 0.24);
  border-color: rgba(245, 158, 11, 0.42);
}

body.settlelink-dark-mode .settlelink-payout-warning-card .more-payment-status-detail {
  color: #fde68a !important;
}

@media (max-width: 520px) {
  .settlelink-payout-verification-card {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .settlelink-payout-status-row {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
  }

  .settlelink-payout-status-badge {
    grid-column: 2;
    justify-self: start;
    margin-top: 4px;
  }

  .settlelink-payout-status-icon {
    width: 40px;
    height: 40px;
    font-size: 21px;
  }

  .settlelink-payout-warning-modal-actions {
    grid-template-columns: 1fr !important;
  }

  .settlelink-payout-warning-modal-actions .primary-btn,
  .settlelink-payout-warning-modal-actions .secondary-btn {
    width: 100%;
  }
}

/* SettleLink payout setup / Payment Setup final light + dark polish */
body .more-payment-settings-content .settlelink-payout-verification-card {
  display: grid !important;
  gap: 0 !important;
  margin-top: 18px !important;
  padding: 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(208, 213, 221, 0.92) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.06), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98)) !important;
  box-shadow: 0 16px 34px rgba(16, 24, 40, 0.08) !important;
}

body .more-payment-settings-content .settlelink-payout-status-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 0 !important;
}

body .more-payment-settings-content .settlelink-payout-status-row:first-child {
  padding-top: 2px !important;
}

body .more-payment-settings-content .settlelink-payout-status-row + .settlelink-payout-status-row {
  border-top: 1px solid rgba(208, 213, 221, 0.78) !important;
}

body .more-payment-settings-content .settlelink-payout-status-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #1d4ed8 !important;
  background: #eef4ff !important;
  border: 1px solid #b2ccff !important;
  box-shadow: none !important;
}

body .more-payment-settings-content .settlelink-payout-status-icon[data-state="ready"] {
  color: #067647 !important;
  background: #dcfae6 !important;
  border-color: #abefc6 !important;
}

body .more-payment-settings-content .settlelink-payout-status-icon[data-state="in_progress"],
body .more-payment-settings-content .settlelink-payout-status-icon[data-state="needs_more"] {
  color: #b54708 !important;
  background: #fef0c7 !important;
  border-color: #fedf89 !important;
}

body .more-payment-settings-content .settlelink-payout-status-icon[data-state="not_started"],
body .more-payment-settings-content .settlelink-payout-status-icon[data-state="error"] {
  color: #b42318 !important;
  background: #fee4e2 !important;
  border-color: #fda29b !important;
}

body .more-payment-settings-content .settlelink-payout-status-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body .more-payment-settings-content .settlelink-payout-status-copy strong {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: 16px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

body .more-payment-settings-content .settlelink-payout-status-copy small {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

body .more-payment-settings-content .settlelink-payout-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  max-width: 128px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  border: 1px solid #d0d5dd !important;
  background: #f2f4f7 !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body .more-payment-settings-content .settlelink-payout-status-badge[data-state="ready"] {
  color: #067647 !important;
  -webkit-text-fill-color: #067647 !important;
  background: #dcfae6 !important;
  border-color: #abefc6 !important;
}

body .more-payment-settings-content .settlelink-payout-status-badge[data-state="in_progress"],
body .more-payment-settings-content .settlelink-payout-status-badge[data-state="needs_more"] {
  color: #b54708 !important;
  -webkit-text-fill-color: #b54708 !important;
  background: #fef0c7 !important;
  border-color: #fedf89 !important;
}

body .more-payment-settings-content .settlelink-payout-status-badge[data-state="not_started"],
body .more-payment-settings-content .settlelink-payout-status-badge[data-state="error"] {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  background: #fee4e2 !important;
  border-color: #fda29b !important;
}

body .more-payment-settings-content .settlelink-payout-status-badge[data-state="loading"] {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
  background: #eef4ff !important;
  border-color: #b2ccff !important;
}

body .more-payment-settings-content .settlelink-payout-warning-card {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin-top: 8px !important;
  padding: 11px 12px !important;
  border-radius: 18px !important;
  border: 1px solid #fedf89 !important;
  background: #fffaeb !important;
}

body .more-payment-settings-content .settlelink-payout-warning-card[hidden] {
  display: none !important;
}

body .more-payment-settings-content .settlelink-payout-warning-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #b54708 !important;
  -webkit-text-fill-color: #b54708 !important;
  background: #fef0c7 !important;
  border: 1px solid #fedf89 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body .more-payment-settings-content .settlelink-payout-warning-card .more-payment-status-detail {
  margin: 0 !important;
  color: #7a2e0e !important;
  -webkit-text-fill-color: #7a2e0e !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
}

body .more-payment-settings-content .more-payment-trust-box {
  margin-top: 12px !important;
  padding: 14px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body .more-payment-settings-content .more-payment-trust-box-left {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

body .more-payment-settings-content .more-payment-trust-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
}

body .more-payment-settings-content .more-payment-trust-title {
  margin: 0 0 4px !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: 16px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
}

body .more-payment-settings-content .more-payment-trust-text {
  margin: 0 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  font-weight: 650 !important;
}

body .more-payment-settings-content .more-payment-setup-btn {
  min-height: 52px !important;
  border-radius: 17px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

body .settlelink-payout-warning-modal {
  max-height: calc(100dvh - 34px) !important;
  overflow-y: auto !important;
  padding: 18px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(245, 158, 11, 0.42) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 158, 11, 0.12) !important;
}

body .settlelink-payout-warning-modal-icon {
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 12px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #b54708 !important;
  -webkit-text-fill-color: #b54708 !important;
  background: #fef0c7 !important;
  border: 1px solid #fedf89 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body .settlelink-payout-warning-modal .app-modal-title {
  margin-bottom: 10px !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

body .settlelink-payout-warning-modal .app-modal-text {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body .settlelink-payout-warning-modal .app-modal-text + .app-modal-text {
  margin-top: 9px !important;
}

body .settlelink-payout-warning-modal-note {
  padding-top: 10px !important;
  border-top: 1px dashed rgba(245, 158, 11, 0.42) !important;
}

body .settlelink-payout-warning-modal-actions {
  gap: 10px !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-verification-card {
  border-color: rgba(92, 118, 161, 0.36) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.13), transparent 42%),
    rgba(8, 18, 39, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 38px rgba(0, 0, 0, 0.2) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-row + .settlelink-payout-status-row {
  border-top-color: rgba(117, 145, 190, 0.22) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-copy strong,
body.settlelink-dark-mode .more-payment-settings-content .more-payment-trust-title {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-copy small,
body.settlelink-dark-mode .more-payment-settings-content .more-payment-trust-text {
  color: rgba(214, 225, 246, 0.76) !important;
  -webkit-text-fill-color: rgba(214, 225, 246, 0.76) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-icon[data-state="ready"] {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  background: rgba(20, 83, 45, 0.46) !important;
  border-color: rgba(34, 197, 94, 0.42) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-icon[data-state="in_progress"],
body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-icon[data-state="needs_more"] {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  background: rgba(120, 53, 15, 0.36) !important;
  border-color: rgba(245, 158, 11, 0.52) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-icon[data-state="not_started"],
body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-icon[data-state="error"] {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  background: rgba(127, 29, 29, 0.34) !important;
  border-color: rgba(248, 113, 113, 0.42) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-badge[data-state="ready"] {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  background: rgba(20, 83, 45, 0.48) !important;
  border-color: rgba(34, 197, 94, 0.42) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-badge[data-state="in_progress"],
body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-badge[data-state="needs_more"] {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  background: rgba(120, 53, 15, 0.38) !important;
  border-color: rgba(245, 158, 11, 0.54) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-badge[data-state="not_started"],
body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-status-badge[data-state="error"] {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  background: rgba(127, 29, 29, 0.34) !important;
  border-color: rgba(248, 113, 113, 0.42) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-warning-card {
  border-color: rgba(245, 158, 11, 0.48) !important;
  background: rgba(120, 53, 15, 0.24) !important;
}

body.settlelink-dark-mode .more-payment-settings-content .settlelink-payout-warning-card .more-payment-status-detail {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
}

body.settlelink-dark-mode .settlelink-payout-warning-modal {
  background:
    radial-gradient(circle at 50% 0%, rgba(245, 158, 11, 0.12), transparent 36%),
    #101827 !important;
  border-color: rgba(245, 158, 11, 0.42) !important;
}

@media (max-width: 768px) {
  body .app-shell {
    padding-bottom: 190px !important;
  }

  body .more-settings-list {
    padding-bottom: 270px !important;
  }

  body .more-payment-settings-content .more-payment-setup-panel {
    padding: 22px 18px 28px !important;
    border-radius: 28px !important;
  }

  body .more-payment-settings-content .more-payment-setup-title {
    font-size: clamp(29px, 7.4vw, 38px) !important;
  }

  body .more-payment-settings-content .more-payment-setup-subtitle {
    font-size: 16px !important;
    line-height: 1.42 !important;
  }

  body .builder-setup-helper {
    right: 12px !important;
    bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    width: min(340px, calc(100vw - 24px)) !important;
    border-radius: 22px !important;
    z-index: 80 !important;
  }

  body .builder-setup-helper-body {
    max-height: 42dvh !important;
    overflow-y: auto !important;
  }

  body .settlelink-payout-warning-modal-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .settlelink-payout-warning-modal-actions .primary-btn,
  body .settlelink-payout-warning-modal-actions .secondary-btn {
    width: 100% !important;
    min-height: 48px !important;
  }
}

@media (max-width: 430px) {
  body .more-payment-settings-content .settlelink-payout-verification-card {
    padding: 12px !important;
    border-radius: 22px !important;
  }

  body .more-payment-settings-content .settlelink-payout-status-row {
    grid-template-columns: 38px minmax(0, 1fr) max-content !important;
    gap: 8px !important;
  }

  body .more-payment-settings-content .settlelink-payout-status-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 18px !important;
  }

  body .more-payment-settings-content .settlelink-payout-status-copy strong {
    font-size: 15px !important;
  }

  body .more-payment-settings-content .settlelink-payout-status-copy small {
    font-size: 11.5px !important;
  }

  body .more-payment-settings-content .settlelink-payout-status-badge {
    max-width: 116px !important;
    padding: 7px 8px !important;
    font-size: 10.5px !important;
  }

  body .settlelink-payout-warning-modal {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body .settlelink-payout-warning-modal .app-modal-title {
    font-size: 20px !important;
  }

  body .settlelink-payout-warning-modal .app-modal-text {
    font-size: 13.5px !important;
  }
}

/* More page clean reveal animation */
#app .more-settings-list .more-settings-section.more-motion-ready {
  overflow: visible !important;
  contain: none !important;
}

#app .more-settings-list .more-settings-section.more-motion-ready > .more-settings-content {
  overflow: visible !important;
  transform-origin: top center !important;
  will-change: opacity, transform, filter !important;
}

#app .more-settings-list .more-settings-section.more-motion-ready[open] > .more-settings-content {
  animation: none !important;
}

#app .more-settings-list .more-settings-section.is-more-opening > .more-settings-content {
  animation: settlelinkMoreCleanReveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes settlelinkMoreCleanReveal {
  from {
    opacity: 0;
    transform: translate3d(0, -7px, 0) scale(0.992);
    filter: blur(1px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #app .more-settings-list .more-settings-section.is-more-opening > .more-settings-content {
    animation: none !important;
  }
}

/* Setup progress helper final placement and animation */
body .builder-setup-helper,
body.settlelink-builder-open .builder-setup-helper {
  left: 50% !important;
  right: auto !important;
  bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(360px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
  z-index: 9998 !important;
  border-radius: 24px !important;
}

body .builder-setup-helper-toggle,
body.settlelink-builder-open .builder-setup-helper-toggle {
  grid-template-columns: auto minmax(0, 1fr) !important;
}

body .builder-setup-helper-chevron,
body.settlelink-builder-open .builder-setup-helper-chevron {
  display: none !important;
}

body .builder-setup-helper.is-open,
body.settlelink-builder-open .builder-setup-helper.is-open {
  animation: settlelinkSetupHelperCardOpen 190ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

body .builder-setup-helper.is-open .builder-setup-helper-body,
body.settlelink-builder-open .builder-setup-helper.is-open .builder-setup-helper-body {
  display: block !important;
  animation: settlelinkSetupHelperBodyOpen 210ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

body .builder-setup-helper.is-collapsed .builder-setup-helper-body,
body.settlelink-builder-open .builder-setup-helper.is-collapsed .builder-setup-helper-body {
  display: none !important;
}

@keyframes settlelinkSetupHelperCardOpen {
  from {
    opacity: 0.94;
    transform: translateX(-50%) translateY(8px) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@keyframes settlelinkSetupHelperBodyOpen {
  from {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 768px) {
  body .builder-setup-helper,
  body.settlelink-builder-open .builder-setup-helper {
    bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:not(.settlelink-dark-mode) .builder-setup-helper,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .builder-setup-helper {
    bottom: calc(146px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .builder-setup-helper-body,
  body.settlelink-builder-open .builder-setup-helper-body {
    max-height: calc(100dvh - 260px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body .app-shell,
  body.settlelink-builder-open .app-shell,
  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(245px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 380px) {
  body .builder-setup-helper,
  body.settlelink-builder-open .builder-setup-helper {
    bottom: calc(124px + env(safe-area-inset-bottom, 0px)) !important;
    width: min(340px, calc(100vw - 18px)) !important;
    max-width: calc(100vw - 18px) !important;
  }

  body:not(.settlelink-dark-mode) .builder-setup-helper,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .builder-setup-helper {
    bottom: calc(138px + env(safe-area-inset-bottom, 0px)) !important;
  }
}@media (max-width: 380px) {
  body .builder-setup-helper,
  body.settlelink-builder-open .builder-setup-helper {
    bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
    width: min(340px, calc(100vw - 18px)) !important;
    max-width: calc(100vw - 18px) !important;
  }
}

/* Payout warning modal link should clearly look clickable */
.settlelink-payout-warning-modal .settlelink-payout-warning-modal-note a {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.settlelink-dark-mode .settlelink-payout-warning-modal .settlelink-payout-warning-modal-note a {
  color: #8db4ff !important;
  -webkit-text-fill-color: #8db4ff !important;
}

/* More notifications modern card restore */
.more-notifications-panel,
.dashboard-notifications-panel.more-notifications-panel {
  border-radius: 28px !important;
  padding: 18px !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.10) !important;
}

.dashboard-notifications-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

.dashboard-notifications-heading h2 {
  margin: 2px 0 6px !important;
  color: #10203f !important;
  -webkit-text-fill-color: #10203f !important;
}

.dashboard-notifications-eyebrow,
.more-notifications-panel .dashboard-notifications-eyebrow,
.more-notifications-panel .eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.dashboard-notifications-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

.dashboard-notifications-badge {
  border-radius: 999px !important;
  padding: 8px 10px !important;
  background: #eef5ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px rgba(47, 102, 243, 0.12) !important;
}

.dashboard-notifications-read-btn {
  border-radius: 999px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  background: #ffffff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(47, 102, 243, 0.10) !important;
}

.dashboard-notifications-list {
  display: grid !important;
  gap: 10px !important;
}

.dashboard-notification-item {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-notification-item.is-unread {
  border-color: rgba(47, 102, 243, 0.30) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
}

.dashboard-notification-dot {
  width: 12px !important;
  height: 12px !important;
  margin-top: 5px !important;
  border-radius: 999px !important;
  background: #2f66f3 !important;
  box-shadow: 0 0 0 5px rgba(47, 102, 243, 0.10) !important;
}

.dashboard-notification-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.dashboard-notification-meta {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.dashboard-notification-copy strong {
  color: #10203f !important;
  -webkit-text-fill-color: #10203f !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.dashboard-notification-copy span:last-child {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.more-notifications-safe-note {
  margin: 14px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  background: rgba(47, 102, 243, 0.06) !important;
  color: #52627a !important;
  -webkit-text-fill-color: #52627a !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

body.settlelink-dark-mode .more-notifications-panel,
body.settlelink-dark-mode .dashboard-notifications-panel.more-notifications-panel {
  border-color: rgba(96, 165, 250, 0.24) !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.22), transparent 38%),
    linear-gradient(180deg, #111c2f 0%, #0f172a 100%) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode .dashboard-notifications-heading h2,
body.settlelink-dark-mode .dashboard-notification-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .dashboard-notifications-eyebrow,
body.settlelink-dark-mode .more-notifications-panel .dashboard-notifications-eyebrow,
body.settlelink-dark-mode .more-notifications-panel .eyebrow,
body.settlelink-dark-mode .dashboard-notification-meta {
  color: #8db4ff !important;
  -webkit-text-fill-color: #8db4ff !important;
}

body.settlelink-dark-mode .dashboard-notifications-badge,
body.settlelink-dark-mode .dashboard-notifications-read-btn {
  background: rgba(47, 102, 243, 0.16) !important;
  border-color: rgba(123, 164, 255, 0.24) !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-dark-mode .dashboard-notification-item {
  background: rgba(15, 23, 42, 0.78) !important;
  border-color: rgba(96, 165, 250, 0.16) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .dashboard-notification-item.is-unread {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.86)) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
}

body.settlelink-dark-mode .dashboard-notification-copy span:last-child,
body.settlelink-dark-mode .more-notifications-safe-note {
  color: #b8c7e6 !important;
  -webkit-text-fill-color: #b8c7e6 !important;
}

body.settlelink-dark-mode .more-notifications-safe-note {
  background: rgba(30, 41, 59, 0.72) !important;
  border-color: rgba(96, 165, 250, 0.16) !important;
}

@media (max-width: 768px) {
  .dashboard-notifications-heading {
    display: grid !important;
    gap: 12px !important;
  }

  .dashboard-notifications-actions {
    justify-content: flex-start !important;
  }

  .more-notifications-panel,
  .dashboard-notifications-panel.more-notifications-panel {
    padding: 16px !important;
    border-radius: 24px !important;
  }
}

/* More notifications final modern restore */
.more-notifications-content .dashboard-notifications-panel.more-notifications-panel {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  padding: 18px !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.11), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.10) !important;
}

.more-notifications-content .dashboard-notifications-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  margin-bottom: 16px !important;
}

.more-notifications-content .dashboard-notifications-heading h2 {
  margin: 2px 0 6px !important;
  color: #10203f !important;
  -webkit-text-fill-color: #10203f !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
}

.more-notifications-content .dashboard-notifications-eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.more-notifications-content .dashboard-notification-item {
  border-radius: 20px !important;
  border: 1px solid rgba(47, 102, 243, 0.13) !important;
  background: rgba(255, 255, 255, 0.90) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06) !important;
}

.more-notifications-content .dashboard-notification-item.is-unread {
  border-color: rgba(47, 102, 243, 0.32) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%) !important;
}

body.settlelink-dark-mode .more-notifications-content .dashboard-notifications-panel.more-notifications-panel {
  border-color: rgba(96, 165, 250, 0.24) !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.24), transparent 38%),
    linear-gradient(180deg, #111c2f 0%, #0f172a 100%) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34) !important;
}

body.settlelink-dark-mode .more-notifications-content .dashboard-notifications-heading h2,
body.settlelink-dark-mode .more-notifications-content .dashboard-notification-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-notifications-content .dashboard-notifications-eyebrow,
body.settlelink-dark-mode .more-notifications-content .dashboard-notification-meta {
  color: #8db4ff !important;
  -webkit-text-fill-color: #8db4ff !important;
}

body.settlelink-dark-mode .more-notifications-content .dashboard-notification-item {
  background: rgba(15, 23, 42, 0.78) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .more-notifications-content .dashboard-notification-item.is-unread {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.88)) !important;
  border-color: rgba(96, 165, 250, 0.36) !important;
}

@media (max-width: 768px) {
  .more-notifications-content .dashboard-notifications-heading {
    grid-template-columns: 1fr !important;
  }

  .more-notifications-content .dashboard-notifications-panel.more-notifications-panel {
    padding: 16px !important;
    border-radius: 24px !important;
  }
}

/* =========================================================
   CONTACTS / SUPPLIERS SWITCH — FINAL MOBILE POLISH
   Paste at the very bottom of src/main.css
   ========================================================= */

body.settlelink-builder-open .contacts-mode-switch-wrap {
  margin: 2px 0 8px !important;
  padding: 0 !important;
}

body.settlelink-builder-open .contacts-mode-switch {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 6px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow:
    0 14px 32px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .contacts-mode-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  color: #72809b !important;
  -webkit-text-fill-color: #72809b !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: none !important;
  transition:
    transform 170ms ease,
    background 170ms ease,
    color 170ms ease,
    box-shadow 170ms ease !important;
}

body.settlelink-builder-open .contacts-mode-btn:active {
  transform: scale(0.985) !important;
}

body.settlelink-builder-open .contacts-mode-btn.is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.24), transparent 32%),
    linear-gradient(135deg, #2f73ff, #245df0) !important;
  box-shadow:
    0 14px 30px rgba(47, 102, 243, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

body.settlelink-builder-open .contacts-mode-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  filter: grayscale(1) saturate(0.5) opacity(0.72) !important;
}

body.settlelink-builder-open .contacts-mode-btn.is-active .contacts-mode-icon {
  filter: brightness(0) invert(1) !important;
}

/* Dark mode switch */
body.settlelink-dark-mode.settlelink-builder-open .contacts-mode-switch {
  background:
    linear-gradient(180deg, rgba(15, 28, 52, 0.94), rgba(9, 18, 35, 0.96)) !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-mode-btn {
  color: #aebbd3 !important;
  -webkit-text-fill-color: #aebbd3 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .contacts-mode-btn.is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.20), transparent 34%),
    linear-gradient(135deg, #2f73ff, #1f57e7) !important;
  box-shadow:
    0 16px 36px rgba(47, 102, 243, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Legal note polish to match the mockup */
body.settlelink-builder-open .contacts-legal-note {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
}

body.settlelink-builder-open .contacts-legal-note::before {
  content: "✓" !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.24), transparent 36%),
    linear-gradient(135deg, #2f73ff, #245df0) !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.24) !important;
}

body.settlelink-builder-open .contacts-legal-note .muted-text {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Supplier search/cards small polish */
body.settlelink-builder-open .supplier-search-panel {
  padding: 22px 24px !important;
  border-radius: 24px !important;
}

body.settlelink-builder-open .supplier-directory-grid {
  display: grid !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

body.settlelink-builder-open .supplier-directory-card {
  padding: 18px !important;
  border-radius: 22px !important;
}

body.settlelink-builder-open .supplier-directory-card .primary-btn,
body.settlelink-builder-open .supplier-directory-actions .primary-btn {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 16px !important;
}

/* Put setup progress bar slightly lower */
@media (max-width: 768px) {
  body .builder-setup-helper,
  body.settlelink-builder-open .builder-setup-helper {
    bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:not(.settlelink-dark-mode) .builder-setup-helper,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .builder-setup-helper {
    bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .app-shell,
  body.settlelink-builder-open .app-shell,
  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(215px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-mode-switch {
    border-radius: 21px !important;
    padding: 5px !important;
  }

  body.settlelink-builder-open .contacts-mode-btn {
    min-height: 54px !important;
    border-radius: 17px !important;
    font-size: 16px !important;
    gap: 8px !important;
  }

  body.settlelink-builder-open .contacts-legal-note {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 20px !important;
  }

  body.settlelink-builder-open .contacts-legal-note::before {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    font-size: 20px !important;
  }
}

/* =========================================================
   SETTLELINK SUPPLIER NETWORK — READY / LISTED POLISH
   Paste at the very bottom of src/main.css
   ========================================================= */

/* Supplier directory sections */
body.settlelink-builder-open .supplier-directory-section {
  display: grid !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

body.settlelink-builder-open .supplier-directory-section + .supplier-directory-section {
  margin-top: 24px !important;
}

body.settlelink-builder-open .supplier-directory-section-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 2px 2px 0 !important;
}

body.settlelink-builder-open .supplier-directory-section-heading h3 {
  margin: 4px 0 0 !important;
  color: #101828 !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
}

body.settlelink-builder-open .supplier-directory-section-heading .eyebrow {
  margin: 0 !important;
}

/* Ready supplier cards */
body.settlelink-builder-open .supplier-directory-card-ready,
body.settlelink-builder-open .supplier-ready-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(34, 197, 94, 0.22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 197, 94, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 253, 250, 0.98)) !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.72) inset !important;
}

body.settlelink-builder-open .supplier-directory-card-ready::before,
body.settlelink-builder-open .supplier-ready-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  background: linear-gradient(180deg, #22c55e, #16a34a) !important;
  opacity: 0.95 !important;
}

body.settlelink-builder-open .supplier-directory-card-ready .supplier-card-kicker,
body.settlelink-builder-open .supplier-ready-card .supplier-card-kicker {
  color: #138a43 !important;
  -webkit-text-fill-color: #138a43 !important;
}

/* Listed supplier cards */
body.settlelink-builder-open .supplier-listed-directory-section .supplier-directory-card {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

/* Supplier card layout */
body.settlelink-builder-open .supplier-directory-card-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

body.settlelink-builder-open .supplier-directory-card-top > div {
  min-width: 0 !important;
}

body.settlelink-builder-open .supplier-directory-card-top .panel-title,
body.settlelink-builder-open .supplier-directory-card-top h3 {
  margin: 4px 0 4px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

body.settlelink-builder-open .supplier-card-kicker {
  margin: 0 0 4px !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.settlelink-builder-open .supplier-directory-smallprint,
body.settlelink-builder-open .supplier-card-note {
  margin-top: 14px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(47, 102, 243, 0.06) !important;
  border: 1px solid rgba(47, 102, 243, 0.10) !important;
  color: #52627a !important;
  -webkit-text-fill-color: #52627a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.settlelink-builder-open .supplier-ready-card .supplier-card-note,
body.settlelink-builder-open .supplier-directory-card-ready .supplier-directory-smallprint {
  background: rgba(34, 197, 94, 0.08) !important;
  border-color: rgba(34, 197, 94, 0.14) !important;
  color: #24613d !important;
  -webkit-text-fill-color: #24613d !important;
}

/* Supplier badges */
body.settlelink-builder-open .supplier-status {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  border: 1px solid transparent !important;
}

body.settlelink-builder-open .supplier-status-ready,
body.settlelink-builder-open .supplier-status-verified {
  color: #0f7a3d !important;
  -webkit-text-fill-color: #0f7a3d !important;
  background: rgba(34, 197, 94, 0.13) !important;
  border-color: rgba(34, 197, 94, 0.26) !important;
}

body.settlelink-builder-open .supplier-status-ready::before,
body.settlelink-builder-open .supplier-status-verified::before {
  content: "✓" !important;
  margin-right: 6px !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .supplier-status-listed {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  background: rgba(148, 163, 184, 0.13) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

body.settlelink-builder-open .supplier-status-listed::before {
  content: "•" !important;
  margin-right: 6px !important;
  font-size: 18px !important;
  line-height: 0 !important;
}

body.settlelink-builder-open .supplier-status-invited {
  color: #9a5b00 !important;
  -webkit-text-fill-color: #9a5b00 !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

body.settlelink-builder-open .supplier-status-declined {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
  background: rgba(254, 226, 226, 0.92) !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
}

body.settlelink-builder-open .supplier-status-declined::before {
  content: "!" !important;
  margin-right: 6px !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .supplier-status-started {
  color: #8a4f00 !important;
  -webkit-text-fill-color: #8a4f00 !important;
  background: rgba(251, 191, 36, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.32) !important;
}

/* Empty ready supplier panel */
body.settlelink-builder-open .supplier-ready-empty-panel {
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px dashed rgba(47, 102, 243, 0.24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .supplier-ready-empty-panel .panel-title {
  margin-bottom: 6px !important;
}

/* No results */
body.settlelink-builder-open .supplier-no-results {
  margin-top: 16px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(248, 250, 252, 0.94) !important;
  border: 1px dashed rgba(148, 163, 184, 0.34) !important;
  text-align: center !important;
}

body.settlelink-builder-open .supplier-no-results h3 {
  margin: 0 0 6px !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

/* Ready supplier avatar */
body.settlelink-builder-open .supplier-ready-card .supplier-avatar {
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.30), transparent 36%),
    linear-gradient(135deg, #22c55e, #16a34a) !important;
  box-shadow: 0 14px 28px rgba(34, 197, 94, 0.24) !important;
}

/* Dark mode */
body.settlelink-dark-mode.settlelink-builder-open .supplier-directory-section-heading h3 {
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-directory-card-ready,
body.settlelink-dark-mode.settlelink-builder-open .supplier-ready-card {
  border-color: rgba(74, 222, 128, 0.24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 197, 94, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(15, 28, 52, 0.96), rgba(8, 16, 31, 0.98)) !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-card-kicker {
  color: #7fb0ff !important;
  -webkit-text-fill-color: #7fb0ff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-directory-card-ready .supplier-card-kicker,
body.settlelink-dark-mode.settlelink-builder-open .supplier-ready-card .supplier-card-kicker {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-directory-smallprint,
body.settlelink-dark-mode.settlelink-builder-open .supplier-card-note {
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.14) !important;
  color: #b8c6dd !important;
  -webkit-text-fill-color: #b8c6dd !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-ready-card .supplier-card-note,
body.settlelink-dark-mode.settlelink-builder-open .supplier-directory-card-ready .supplier-directory-smallprint {
  background: rgba(34, 197, 94, 0.10) !important;
  border-color: rgba(34, 197, 94, 0.18) !important;
  color: #bdf7ce !important;
  -webkit-text-fill-color: #bdf7ce !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-status-ready,
body.settlelink-dark-mode.settlelink-builder-open .supplier-status-verified {
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-status-listed {
  color: #c3ccda !important;
  -webkit-text-fill-color: #c3ccda !important;
  background: rgba(148, 163, 184, 0.13) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-status-invited {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-status-declined {
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  background: rgba(248, 113, 113, 0.14) !important;
  border-color: rgba(248, 113, 113, 0.30) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-status-started {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(251, 191, 36, 0.15) !important;
  border-color: rgba(251, 191, 36, 0.30) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-ready-empty-panel,
body.settlelink-dark-mode.settlelink-builder-open .supplier-no-results {
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.10), transparent 34%),
    rgba(12, 22, 41, 0.94) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

/* Mobile polish */
@media (max-width: 640px) {
  body.settlelink-builder-open .supplier-directory-section-heading {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body.settlelink-builder-open .supplier-directory-section-heading .supplier-status {
    align-self: flex-start !important;
  }

  body.settlelink-builder-open .supplier-directory-card-top {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.settlelink-builder-open .supplier-directory-card-top .supplier-status {
    align-self: flex-start !important;
  }

  body.settlelink-builder-open .supplier-directory-card .button-row,
  body.settlelink-builder-open .supplier-directory-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.settlelink-builder-open .supplier-directory-card .primary-btn,
  body.settlelink-builder-open .supplier-directory-card .secondary-btn {
    width: 100% !important;
    min-height: 52px !important;
  }
}

/* =========================================================
   SUPPLIER CARD TEXT FIX + SPLIT SEARCH BAR POLISH
   Paste at the very bottom of src/main.css
   ========================================================= */

body.settlelink-builder-open .supplier-directory-list {
  display: grid !important;
  gap: 22px !important;
  margin-top: 18px !important;
}

body.settlelink-builder-open .supplier-section-search-field {
  margin: 8px 0 2px !important;
}

body.settlelink-builder-open .supplier-section-search-field label {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

body.settlelink-builder-open .supplier-section-search-field .supplier-search-input {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 18px !important;
}

/* =========================================================
   SUPPLIER CLEAN CARD — FINAL STRUCTURE
   Paste at the very bottom of src/main.css
   ========================================================= */

body.settlelink-builder-open .supplier-clean-card {
  padding: 22px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-clean-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-clean-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(15, 28, 52, 0.96), rgba(8, 16, 31, 0.98)) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.settlelink-builder-open .supplier-clean-top {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
}

body.settlelink-builder-open .supplier-clean-avatar {
  width: 74px !important;
  height: 74px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background: #eef4ff !important;
  box-shadow:
    0 0 0 7px rgba(47, 102, 243, 0.07),
    0 14px 28px rgba(47, 102, 243, 0.14) !important;
}

body.settlelink-builder-open .supplier-clean-content {
  min-width: 0 !important;
  width: 100% !important;
}

body.settlelink-builder-open .supplier-clean-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52px !important;
  gap: 12px !important;
  align-items: start !important;
  width: 100% !important;
}

body.settlelink-builder-open .supplier-clean-title-block {
  min-width: 0 !important;
}

body.settlelink-builder-open .supplier-clean-card .supplier-card-kicker {
  margin: 0 0 7px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-builder-open .supplier-clean-title {
  margin: 0 0 7px !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

body.settlelink-builder-open .supplier-clean-subtitle {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.28 !important;
  font-weight: 750 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-clean-title {
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-clean-subtitle {
  color: #b8c6dd !important;
  -webkit-text-fill-color: #b8c6dd !important;
}

body.settlelink-builder-open .supplier-clean-menu {
  justify-self: end !important;
  align-self: start !important;
  margin: 0 !important;
}

body.settlelink-builder-open .supplier-clean-menu summary {
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-clean-menu summary {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

body.settlelink-builder-open .supplier-clean-status {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 12px !important;
  white-space: nowrap !important;
}

/* Keep old supplier-status rules from stretching the new badge */
body.settlelink-builder-open .supplier-clean-card .supplier-status.supplier-clean-status {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  min-height: 32px !important;
  padding: 8px 13px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body.settlelink-builder-open .supplier-clean-card .contacts-card-meta {
  margin-top: 12px !important;
}

/* Note */
body.settlelink-builder-open .supplier-clean-note {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 18px 0 14px !important;
  padding: 15px !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

body.settlelink-builder-open .supplier-clean-note::before {
  content: "i" !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background: rgba(47, 102, 243, 0.14) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-clean-note {
  background: rgba(47, 102, 243, 0.06) !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-clean-note {
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.16) !important;
  color: #d5def0 !important;
  -webkit-text-fill-color: #d5def0 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-clean-note::before {
  background: rgba(47, 102, 243, 0.22) !important;
  color: #7fb0ff !important;
  -webkit-text-fill-color: #7fb0ff !important;
}

/* Buttons */
body.settlelink-builder-open .supplier-clean-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.settlelink-builder-open .supplier-clean-actions .secondary-btn,
body.settlelink-builder-open .supplier-clean-actions .primary-btn {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-clean-actions .secondary-btn {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: #1d2939 !important;
  -webkit-text-fill-color: #1d2939 !important;
}

body.settlelink-builder-open .supplier-clean-actions .copyContactSetupBtn {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(135deg, #2f73ff, #245df0) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.22) !important;
}

/* Small phones */
@media (max-width: 430px) {
  body.settlelink-builder-open .supplier-clean-card {
    padding: 20px 18px !important;
  }

  body.settlelink-builder-open .supplier-clean-top {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  body.settlelink-builder-open .supplier-clean-avatar {
    width: 68px !important;
    height: 68px !important;
    font-size: 22px !important;
  }

  body.settlelink-builder-open .supplier-clean-heading {
    grid-template-columns: minmax(0, 1fr) 50px !important;
    gap: 10px !important;
  }

  body.settlelink-builder-open .supplier-clean-menu summary {
    width: 50px !important;
    height: 50px !important;
  }

  body.settlelink-builder-open .supplier-clean-title {
    font-size: 22px !important;
  }

  body.settlelink-builder-open .supplier-clean-subtitle {
    font-size: 15px !important;
  }

  body.settlelink-builder-open .supplier-clean-note {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    font-size: 14px !important;
  }

  body.settlelink-builder-open .supplier-clean-note::before {
    width: 40px !important;
    height: 40px !important;
  }
}

/* =========================================================
   SUPPLIER PAYOUT READINESS + READY DIRECTORY POLISH
   Paste at the very bottom of src/main.css
   ========================================================= */

body.settlelink-builder-open .supplier-directory-added-note {
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-align: center !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background: rgba(47, 102, 243, 0.08) !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
}

/* Payout readiness card inside saved supplier cards */
body.settlelink-builder-open .supplier-payout-readiness {
  margin: 16px 0 14px !important;
  padding: 15px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.72) !important;
  box-sizing: border-box !important;
}

body.settlelink-builder-open .supplier-payout-readiness-top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
}

body.settlelink-builder-open .supplier-payout-readiness p {
  margin: 0 !important;
  color: #52627a !important;
  -webkit-text-fill-color: #52627a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Payout status badges */
body.settlelink-builder-open .supplier-payout-status,
body.settlelink-builder-open .supplier-payout-age {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  border: 1px solid transparent !important;
}

body.settlelink-builder-open .supplier-payout-status-complete {
  color: #0f7a3d !important;
  -webkit-text-fill-color: #0f7a3d !important;
  background: rgba(34, 197, 94, 0.13) !important;
  border-color: rgba(34, 197, 94, 0.26) !important;
}

body.settlelink-builder-open .supplier-payout-status-complete::before {
  content: "✓" !important;
  margin-right: 6px !important;
}

body.settlelink-builder-open .supplier-payout-status-early {
  color: #8a4f00 !important;
  -webkit-text-fill-color: #8a4f00 !important;
  background: rgba(251, 191, 36, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.32) !important;
}

body.settlelink-builder-open .supplier-payout-status-early::before {
  content: "!" !important;
  margin-right: 6px !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .supplier-payout-status-started {
  color: #9a5b00 !important;
  -webkit-text-fill-color: #9a5b00 !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

body.settlelink-builder-open .supplier-payout-status-needed {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  background: rgba(148, 163, 184, 0.13) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

body.settlelink-builder-open .supplier-payout-age {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background: rgba(47, 102, 243, 0.09) !important;
  border-color: rgba(47, 102, 243, 0.16) !important;
}

/* Remove the old ready heading pill visually if any old HTML remains cached */
body.settlelink-builder-open .supplier-ready-directory-section > .supplier-directory-section-heading > .supplier-status-ready {
  display: none !important;
}

/* Dark mode */
body.settlelink-dark-mode.settlelink-builder-open .supplier-directory-added-note {
  color: #9fc0ff !important;
  -webkit-text-fill-color: #9fc0ff !important;
  background: rgba(47, 102, 243, 0.12) !important;
  border-color: rgba(96, 165, 250, 0.20) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-readiness {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.12), transparent 38%),
    rgba(10, 20, 38, 0.78) !important;
  border-color: rgba(96, 165, 250, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-readiness p {
  color: #c8d3e6 !important;
  -webkit-text-fill-color: #c8d3e6 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-status-complete {
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-status-early,
body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-status-started {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-status-needed {
  color: #c3ccda !important;
  -webkit-text-fill-color: #c3ccda !important;
  background: rgba(148, 163, 184, 0.13) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .supplier-payout-age {
  color: #9fc0ff !important;
  -webkit-text-fill-color: #9fc0ff !important;
  background: rgba(47, 102, 243, 0.14) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

/* Mobile */
@media (max-width: 430px) {
  body.settlelink-builder-open .supplier-payout-readiness {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.settlelink-builder-open .supplier-payout-readiness-top {
    gap: 7px !important;
  }

  body.settlelink-builder-open .supplier-payout-status,
  body.settlelink-builder-open .supplier-payout-age {
    min-height: 29px !important;
    padding: 7px 10px !important;
    font-size: 11.5px !important;
  }

  body.settlelink-builder-open .supplier-payout-readiness p {
    font-size: 13.5px !important;
  }
}

/* =========================================================
   SUPPLIERS SEARCH + COMMON SUPPLIERS TOGGLE POLISH
   Paste at the very bottom of src/main.css
   ========================================================= */

body.settlelink-builder-open .supplier-ready-directory-section {
  display: grid !important;
  gap: 16px !important;
}

body.settlelink-builder-open .supplier-ready-directory-section .supplier-directory-section-heading,
body.settlelink-builder-open .supplier-listed-directory-section .supplier-directory-section-heading {
  display: block !important;
  padding: 0 !important;
}

body.settlelink-builder-open .supplier-ready-directory-section .supplier-directory-section-heading h3,
body.settlelink-builder-open .supplier-listed-directory-section .supplier-directory-section-heading h3 {
  margin: 4px 0 0 !important;
  font-size: 22px !important;
  line-height: 1.14 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
}

/* Ready search */
body.settlelink-builder-open .supplier-section-search-field {
  margin: 4px 0 4px !important;
}

body.settlelink-builder-open .supplier-section-search-field label {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

body.settlelink-builder-open .supplier-section-search-field .supplier-search-input {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 18px !important;
}

/* Empty ready state */
body.settlelink-builder-open .supplier-ready-empty-panel {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: 24px 18px !important;
  border-radius: 22px !important;
  border: 1px dashed rgba(96, 165, 250, 0.28) !important;
  background: rgba(15, 23, 42, 0.12) !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .supplier-ready-empty-icon {
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  font-size: 22px !important;
  color: #7f8cad !important;
  -webkit-text-fill-color: #7f8cad !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  background: rgba(148, 163, 184, 0.08) !important;
}

body.settlelink-builder-open .supplier-ready-empty-panel .panel-title {
  margin: 0 !important;
  font-size: 19px !important;
}

body.settlelink-builder-open .supplier-ready-empty-panel .muted-text {
  max-width: 420px !important;
  margin: 0 auto !important;
}

/* Other common suppliers opener */
body.settlelink-builder-open .supplier-listed-directory-section {
  display: grid !important;
  gap: 16px !important;
  margin-top: 22px !important;
}

body.settlelink-builder-open .supplier-section-toggle {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 58px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 20px 18px !important;
  border-radius: 24px !important;
  text-align: left !important;
  cursor: pointer !important;
  border: 1px solid rgba(47, 102, 243, 0.50) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(15, 28, 52, 0.96), rgba(8, 16, 31, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(47, 102, 243, 0.16),
    0 16px 34px rgba(47, 102, 243, 0.12) !important;
}

body.settlelink-builder-open .supplier-section-toggle .eyebrow {
  display: block !important;
  margin: 0 0 8px !important;
  color: #8fb4ff !important;
  -webkit-text-fill-color: #8fb4ff !important;
}

body.settlelink-builder-open .supplier-section-toggle strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
}

body.settlelink-builder-open .supplier-section-toggle small {
  display: block !important;
  color: #b8c6dd !important;
  -webkit-text-fill-color: #b8c6dd !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}

body.settlelink-builder-open .supplier-section-toggle-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  background: rgba(47, 102, 243, 0.14) !important;
  transition: transform 220ms ease, background 180ms ease, border-color 180ms ease !important;
}

body.settlelink-builder-open .supplier-section-toggle.is-open .supplier-section-toggle-icon {
  transform: rotate(180deg) !important;
  background: rgba(47, 102, 243, 0.24) !important;
  border-color: rgba(96, 165, 250, 0.42) !important;
}

body.settlelink-builder-open .supplier-listed-collapsible-inner {
  padding-top: 16px !important;
  display: grid !important;
  gap: 14px !important;
}

/* Listed cards — no supplier logos, simple professional cards */
body.settlelink-builder-open .supplier-directory-listed-grid {
  display: grid !important;
  gap: 14px !important;
}

body.settlelink-builder-open .supplier-directory-listed-grid .supplier-directory-card {
  position: relative !important;
  padding: 18px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.08), transparent 38%),
    rgba(8, 16, 31, 0.68) !important;
}

body.settlelink-builder-open .supplier-directory-listed-grid .supplier-directory-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

body.settlelink-builder-open .supplier-directory-listed-grid .supplier-card-kicker {
  margin: 0 0 8px !important;
  color: #8fb4ff !important;
  -webkit-text-fill-color: #8fb4ff !important;
}

body.settlelink-builder-open .supplier-directory-listed-grid .panel-title {
  margin: 0 0 8px !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
}

body.settlelink-builder-open .supplier-directory-listed-grid .supplier-directory-smallprint {
  margin: 12px 0 0 !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
}

/* Light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-ready-empty-panel {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(47, 102, 243, 0.20) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-section-toggle {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.08), transparent 40%),
    rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(47, 102, 243, 0.26) !important;
  box-shadow:
    0 16px 32px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(255, 255, 255, 0.72) inset !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-section-toggle strong {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-section-toggle small {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-section-toggle-icon {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background: rgba(47, 102, 243, 0.08) !important;
  border-color: rgba(47, 102, 243, 0.18) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-directory-listed-grid .supplier-directory-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.06), transparent 38%),
    rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

/* Mobile */
@media (max-width: 430px) {
  body.settlelink-builder-open .supplier-section-toggle {
    grid-template-columns: minmax(0, 1fr) 54px !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
  }

  body.settlelink-builder-open .supplier-section-toggle strong {
    font-size: 21px !important;
  }

  body.settlelink-builder-open .supplier-section-toggle-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 17px !important;
  }

  body.settlelink-builder-open .supplier-ready-empty-panel {
    padding: 22px 16px !important;
  }
}

/* =========================================================
   SUPPLIER CARD 3-DOT MENU POSITION FIX
   Paste at the very bottom of src/main.css
   ========================================================= */

body.settlelink-builder-open .supplier-clean-card {
  position: relative !important;
}

body.settlelink-builder-open .supplier-clean-card .supplier-clean-heading {
  position: relative !important;
}

body.settlelink-builder-open .supplier-clean-card .supplier-clean-menu {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  margin: 0 !important;
  z-index: 5 !important;
}

body.settlelink-builder-open .supplier-clean-card .supplier-clean-menu summary {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Keep the dropdown attached to the supplier card, not the screen */
body.settlelink-builder-open .supplier-clean-card .supplier-clean-menu .contacts-card-menu-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 50 !important;
  min-width: 190px !important;
}

/* Stop older contact-card menu rules moving supplier menus */
body.settlelink-builder-open .supplier-clean-card .contacts-card-menu {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

/* Mobile */
@media (max-width: 430px) {
  body.settlelink-builder-open .supplier-clean-card .supplier-clean-menu summary {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 17px !important;
  }
}

/* =========================================================
   OTHER COMMON SUPPLIERS — CLEAN ARROW ICON
   Paste at the very bottom of src/main.css
   ========================================================= */

/* Hide the ugly text arrow */
body.settlelink-builder-open .supplier-section-toggle-icon {
  font-size: 0 !important;
  line-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Modern chevron */
body.settlelink-builder-open .supplier-section-toggle-icon::before {
  content: "" !important;
  width: 13px !important;
  height: 13px !important;
  border-right: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  transform: rotate(45deg) translateY(-2px) !important;
  border-radius: 2px !important;
  transition: transform 220ms ease !important;
}

/* Rotate when open */
body.settlelink-builder-open .supplier-section-toggle.is-open .supplier-section-toggle-icon::before {
  transform: rotate(225deg) translateY(-2px) !important;
}

/* Better icon container */
body.settlelink-builder-open .supplier-section-toggle-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.16), transparent 34%),
    rgba(47, 102, 243, 0.18) !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Open state */
body.settlelink-builder-open .supplier-section-toggle.is-open .supplier-section-toggle-icon {
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.18), transparent 34%),
    rgba(47, 102, 243, 0.26) !important;
  border-color: rgba(96, 165, 250, 0.42) !important;
}

/* Light mode */
body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-section-toggle-icon {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.80), transparent 34%),
    rgba(47, 102, 243, 0.08) !important;
  border-color: rgba(47, 102, 243, 0.18) !important;
  box-shadow:
    0 10px 24px rgba(47, 102, 243, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .supplier-section-toggle.is-open .supplier-section-toggle-icon {
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.90), transparent 34%),
    rgba(47, 102, 243, 0.12) !important;
  border-color: rgba(47, 102, 243, 0.26) !important;
}

/* Mobile */
@media (max-width: 430px) {
  body.settlelink-builder-open .supplier-section-toggle-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
  }

  body.settlelink-builder-open .supplier-section-toggle-icon::before {
    width: 12px !important;
    height: 12px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
  }
}

/* =========================================================
   SETTLELINK ADMIN SUPPLIER REGISTRY — MOBILE POLISH
   Light + dark mode friendly
   ========================================================= */

body.settlelink-builder-open .admin-supplier-page-shell {
  display: grid !important;
  gap: 18px !important;
  padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)) !important;
}

body.settlelink-builder-open .admin-supplier-hero-card,
body.settlelink-builder-open .admin-supplier-form-panel,
body.settlelink-builder-open .admin-supplier-card,
body.settlelink-builder-open .admin-supplier-legal-note,
body.settlelink-builder-open .admin-supplier-empty-panel,
body.settlelink-builder-open .admin-supplier-loading-panel {
  border-radius: 28px !important;
  border: 1px solid rgba(207, 224, 255, 0.95) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.98)) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  overflow: visible !important;
}

body.settlelink-builder-open .admin-supplier-hero-card {
  padding: 30px 26px !important;
}

body.settlelink-builder-open .admin-supplier-hero-card h1 {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: clamp(38px, 10vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.065em !important;
  margin-bottom: 18px !important;
}

body.settlelink-builder-open .admin-supplier-hero-card .page-subtitle,
body.settlelink-builder-open .admin-supplier-legal-note .muted-text {
  color: #51627f !important;
  -webkit-text-fill-color: #51627f !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}

body.settlelink-builder-open .admin-supplier-form-panel {
  padding: 24px !important;
}

body.settlelink-builder-open .admin-supplier-form-heading h2 {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
  margin: 4px 0 8px !important;
}

body.settlelink-builder-open .admin-supplier-form-grid {
  display: grid !important;
  gap: 16px !important;
  margin-top: 18px !important;
}

body.settlelink-builder-open .admin-supplier-form-grid .field-group label {
  color: #243553 !important;
  -webkit-text-fill-color: #243553 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 8px !important;
}

body.settlelink-builder-open .admin-supplier-form-grid .text-input {
  min-height: 58px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(184, 202, 234, 0.95) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 10px 22px rgba(15, 23, 42, 0.04) !important;
}

body.settlelink-builder-open .admin-supplier-form-grid .text-input::placeholder {
  color: #8b99b3 !important;
  -webkit-text-fill-color: #8b99b3 !important;
}

body.settlelink-builder-open .admin-supplier-form-grid textarea.text-input {
  min-height: 112px !important;
  padding-top: 16px !important;
}

body.settlelink-builder-open .admin-supplier-form-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 4px !important;
}

body.settlelink-builder-open .admin-supplier-form-actions .primary-btn,
body.settlelink-builder-open .admin-supplier-form-actions .secondary-btn {
  width: 100% !important;
  min-height: 58px !important;
  height: auto !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* Supplier list heading */
body.settlelink-builder-open .admin-supplier-list-section {
  display: grid !important;
  gap: 14px !important;
}

body.settlelink-builder-open .admin-supplier-list-section .contacts-count-heading {
  align-items: center !important;
  padding: 0 10px !important;
}

body.settlelink-builder-open .admin-supplier-list-section .contacts-count-heading h2 {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: clamp(38px, 10vw, 52px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.07em !important;
}

/* Admin supplier card */
body.settlelink-builder-open .admin-supplier-card {
  position: relative !important;
  padding: 24px !important;
  overflow: visible !important;
}

body.settlelink-builder-open .admin-supplier-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  border-radius: 28px 0 0 28px !important;
  background: linear-gradient(180deg, #2f66f3, #60a5fa) !important;
  opacity: 0.88 !important;
}

body.settlelink-builder-open .admin-supplier-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: start !important;
  margin-bottom: 18px !important;
}

body.settlelink-builder-open .admin-supplier-card .eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.14em !important;
  margin: 0 0 10px !important;
}

body.settlelink-builder-open .admin-supplier-card .panel-title {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: 30px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.052em !important;
  margin: 0 !important;
}

body.settlelink-builder-open .admin-supplier-card .muted-text {
  color: #51627f !important;
  -webkit-text-fill-color: #51627f !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  margin-top: 8px !important;
}

/* Status + 3 dots */
body.settlelink-builder-open .admin-supplier-card-controls {
  position: relative !important;
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  z-index: 20 !important;
}

body.settlelink-builder-open .admin-supplier-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  background: rgba(241, 245, 249, 0.92) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

body.settlelink-builder-open .admin-supplier-status-public {
  background: rgba(220, 252, 231, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
}

body.settlelink-builder-open .admin-supplier-status-private,
body.settlelink-builder-open .admin-supplier-status-progress {
  background: rgba(239, 246, 255, 0.98) !important;
  border-color: rgba(47, 102, 243, 0.26) !important;
  color: #245df0 !important;
  -webkit-text-fill-color: #245df0 !important;
}

body.settlelink-builder-open .admin-supplier-status-paused,
body.settlelink-builder-open .admin-supplier-status-removed {
  background: rgba(254, 242, 242, 0.98) !important;
  border-color: rgba(248, 113, 113, 0.32) !important;
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

/* Real 3 dots button */
body.settlelink-builder-open .admin-supplier-menu {
  position: relative !important;
  z-index: 30 !important;
}

body.settlelink-builder-open .admin-supplier-menu summary,
body.settlelink-builder-open .admin-supplier-menu-trigger {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(207, 224, 255, 0.95) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.92), transparent 34%),
    rgba(255, 255, 255, 0.76) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow:
    0 12px 26px rgba(47, 102, 243, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  list-style: none !important;
}

body.settlelink-builder-open .admin-supplier-menu summary::-webkit-details-marker,
body.settlelink-builder-open .admin-supplier-menu summary::marker {
  display: none !important;
  content: "" !important;
}

body.settlelink-builder-open .admin-supplier-menu summary::before,
body.settlelink-builder-open .admin-supplier-menu-trigger::before {
  content: "•••" !important;
  font-size: 23px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  transform: translateX(1px) translateY(-1px) !important;
}

body.settlelink-builder-open .admin-supplier-menu[open] summary {
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.94), transparent 34%),
    rgba(47, 102, 243, 0.10) !important;
  border-color: rgba(47, 102, 243, 0.30) !important;
}

/* Floating delete menu */
body.settlelink-builder-open .admin-supplier-menu-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  min-width: 210px !important;
  padding: 8px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(248, 113, 113, 0.24) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow:
    0 22px 50px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
  z-index: 80 !important;
}

body.settlelink-builder-open .admin-supplier-menu-panel .danger-btn {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  justify-content: flex-start !important;
  padding: 0 14px !important;
  background: rgba(254, 242, 242, 0.98) !important;
  border-color: rgba(248, 113, 113, 0.26) !important;
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
  box-shadow: none !important;
}

/* Cleaner meta rows */
body.settlelink-builder-open .admin-supplier-meta-grid {
  display: grid !important;
  gap: 10px !important;
  margin: 16px 0 18px !important;
}

body.settlelink-builder-open .admin-supplier-meta-item {
  display: grid !important;
  grid-template-columns: minmax(98px, 0.55fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(207, 224, 255, 0.70) !important;
  background: rgba(255, 255, 255, 0.62) !important;
}

body.settlelink-builder-open .admin-supplier-meta-item span {
  color: #70809a !important;
  -webkit-text-fill-color: #70809a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
}

body.settlelink-builder-open .admin-supplier-meta-item strong {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

body.settlelink-builder-open .admin-supplier-note,
body.settlelink-builder-open .admin-supplier-safe-note {
  margin: 12px 0 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(207, 224, 255, 0.72) !important;
  background: rgba(247, 250, 255, 0.78) !important;
  color: #51627f !important;
  -webkit-text-fill-color: #51627f !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
}

body.settlelink-builder-open .admin-supplier-action-note {
  background: rgba(255, 251, 235, 0.96) !important;
  border-color: rgba(245, 158, 11, 0.24) !important;
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

/* Card action buttons */
body.settlelink-builder-open .admin-supplier-card-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

body.settlelink-builder-open .admin-supplier-card-actions .primary-btn,
body.settlelink-builder-open .admin-supplier-card-actions .secondary-btn {
  width: 100% !important;
  min-height: 56px !important;
  height: auto !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

/* Empty/loading panels */
body.settlelink-builder-open .admin-supplier-empty-panel,
body.settlelink-builder-open .admin-supplier-loading-panel {
  padding: 28px 22px !important;
  text-align: center !important;
}

body.settlelink-builder-open .admin-supplier-empty-panel h3,
body.settlelink-builder-open .admin-supplier-loading-panel h3 {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

/* DARK MODE */
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-hero-card,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-form-panel,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-card,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-legal-note,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-empty-panel,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-loading-panel {
  border-color: rgba(96, 165, 250, 0.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(15, 28, 52, 0.96), rgba(8, 16, 31, 0.98)) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-hero-card h1,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-form-heading h2,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-list-section .contacts-count-heading h2,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-card .panel-title {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-hero-card .page-subtitle,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-legal-note .muted-text,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-card .muted-text {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-form-grid .field-group label {
  color: #e5edff !important;
  -webkit-text-fill-color: #e5edff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-form-grid .text-input {
  border-color: rgba(96, 165, 250, 0.24) !important;
  background: rgba(8, 16, 31, 0.94) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(0, 0, 0, 0.20) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-form-grid .text-input::placeholder {
  color: #7f90af !important;
  -webkit-text-fill-color: #7f90af !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-menu summary,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-menu-trigger {
  border-color: rgba(96, 165, 250, 0.24) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.10), transparent 34%),
    rgba(22, 32, 51, 0.96) !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-menu-panel {
  border-color: rgba(96, 165, 250, 0.22) !important;
  background: rgba(8, 16, 31, 0.98) !important;
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-meta-item {
  border-color: rgba(96, 165, 250, 0.16) !important;
  background: rgba(8, 16, 31, 0.58) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-meta-item span {
  color: #93a7c8 !important;
  -webkit-text-fill-color: #93a7c8 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-meta-item strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-note,
body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-safe-note {
  border-color: rgba(96, 165, 250, 0.16) !important;
  background: rgba(8, 16, 31, 0.64) !important;
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-action-note {
  border-color: rgba(251, 191, 36, 0.24) !important;
  background: rgba(120, 53, 15, 0.18) !important;
  color: #fcd34d !important;
  -webkit-text-fill-color: #fcd34d !important;
}

/* Light mode hard recovery */
body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-page-shell,
body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-page-shell * {
  color-scheme: light !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-form-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-hero-card {
  color: #101828 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-card .secondary-btn {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(207, 224, 255, 0.96) !important;
  color: #245df0 !important;
  -webkit-text-fill-color: #245df0 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .admin-supplier-card .primary-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Mobile tightening */
@media (max-width: 430px) {
  body.settlelink-builder-open .admin-supplier-page-shell {
    gap: 16px !important;
  }

  body.settlelink-builder-open .admin-supplier-hero-card,
  body.settlelink-builder-open .admin-supplier-form-panel,
  body.settlelink-builder-open .admin-supplier-card,
  body.settlelink-builder-open .admin-supplier-legal-note {
    border-radius: 24px !important;
  }

  body.settlelink-builder-open .admin-supplier-card {
    padding: 22px 20px !important;
  }

  body.settlelink-builder-open .admin-supplier-card-top {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .admin-supplier-card-controls {
    flex-direction: column-reverse !important;
    align-items: flex-end !important;
    gap: 8px !important;
  }

  body.settlelink-builder-open .admin-supplier-status {
    min-height: 34px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

  body.settlelink-builder-open .admin-supplier-menu summary,
  body.settlelink-builder-open .admin-supplier-menu-trigger {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 17px !important;
  }

  body.settlelink-builder-open .admin-supplier-menu-panel {
    min-width: 205px !important;
  }

  body.settlelink-builder-open .admin-supplier-meta-item {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    align-items: start !important;
  }

  body.settlelink-builder-open .admin-supplier-card .panel-title {
    font-size: 27px !important;
  }

  body.settlelink-builder-open .admin-supplier-card .muted-text {
    font-size: 16px !important;
  }
}

/* Admin supplier review-needed badge */
body.settlelink-builder-open .admin-supplier-status-review {
  background: rgba(255, 248, 230, 0.98) !important;
  border-color: rgba(245, 158, 11, 0.34) !important;
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

body.settlelink-dark-mode.settlelink-builder-open .admin-supplier-status-review {
  background: rgba(120, 53, 15, 0.22) !important;
  border-color: rgba(251, 191, 36, 0.30) !important;
  color: #fcd34d !important;
  -webkit-text-fill-color: #fcd34d !important;
}

/* =========================================
   DESKTOP ONLY: CLIENT PAYMENT SUCCESS POLISH
   Does not affect mobile
   ========================================= */

@media (min-width: 900px) {
  .sl-success-header,
  .settlelink-polished-header,
  .client-success-header {
    max-width: 980px;
    padding-top: 8px;
  }

  .sl-success-header h1,
  .settlelink-polished-header h1,
  .client-success-header h1 {
    font-size: 56px;
    line-height: 0.98;
    letter-spacing: -0.065em;
  }

  .sl-success-hero,
  .settlelink-success-hero,
  .client-success-card {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    padding: 44px 42px;
    border-radius: 30px !important;
    border: 1px solid #bdd3ff !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.10), transparent 36%),
      radial-gradient(circle at 100% 15%, rgba(21, 153, 71, 0.10), transparent 28%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 24px 60px rgba(15, 34, 72, 0.10) !important;
  }

  .sl-success-hero::before,
  .settlelink-success-hero::before,
  .client-success-card::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(47, 102, 243, 0.08);
    border-radius: 24px;
    pointer-events: none;
  }

  .sl-success-check,
  .settlelink-success-hero .client-success-mark,
  .client-success-mark {
    width: 104px;
    height: 104px;
    border-radius: 999px;
    background: #eefaf1 !important;
    color: #159947 !important;
    border: 3px solid #159947 !important;
    box-shadow:
      0 0 0 18px rgba(21, 153, 71, 0.08),
      0 18px 36px rgba(21, 153, 71, 0.14) !important;
  }

  .sl-success-copy h3,
  .settlelink-success-hero .client-success-copy h3,
  .client-success-copy h3 {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    color: #071b43 !important;
    font-size: 46px;
    line-height: 1.04;
    letter-spacing: -0.055em;
  }

  .sl-success-copy p,
  .settlelink-success-hero .client-success-copy p,
  .client-success-copy p {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1.5;
  }

  .sl-success-total strong,
  .settlelink-success-hero .client-success-amount strong,
  .client-success-amount strong {
    font-size: 76px;
    letter-spacing: -0.07em;
  }

  .sl-success-meta-grid,
  .settlelink-info-grid,
  .client-success-info-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .sl-meta-card,
  .settlelink-info-grid .client-success-info-card,
  .client-success-info-card {
    min-height: 150px;
    padding: 20px 18px;
    border-radius: 24px;
    border-color: #d8e6ff !important;
    background:
      radial-gradient(circle at top left, rgba(47, 102, 243, 0.05), transparent 34%),
      #ffffff !important;
    box-shadow: 0 16px 38px rgba(15, 34, 72, 0.06) !important;
  }

  .sl-next-card,
  .settlelink-next-card,
  .client-success-next-card,
  .sl-trust-card,
  .settlelink-trust-note,
  .client-success-note-card {
    border-radius: 24px !important;
    border-color: #d8e6ff !important;
    background: #ffffff !important;
    box-shadow: 0 16px 38px rgba(15, 34, 72, 0.06) !important;
  }

  .sl-trust-card,
  .settlelink-trust-note,
  .client-success-note-card {
    background:
      radial-gradient(circle at left center, rgba(47, 102, 243, 0.07), transparent 32%),
      linear-gradient(135deg, #f7fbff 0%, #ffffff 100%) !important;
  }

  .sl-action-stack,
  .client-success-actions {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

  .sl-action-stack .sl-action-btn,
  .client-success-actions .primary-btn,
  .client-success-actions .secondary-btn {
    min-height: 58px !important;
    border-radius: 18px !important;
    font-size: 17px !important;
  }
}

/* =========================================
   DESKTOP ONLY: BUILDER WORKSPACE POLISH
   Keeps mobile layout untouched
   ========================================= */

@media (min-width: 769px) {
  body.settlelink-builder-open .builder-mobile-logo,
  body.settlelink-builder-open .mobile-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

.icon-settings::before,
.icon-settings::after {
  display: none !important;
  content: none !important;
}

.icon-settings {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.15C13.7397 15.15 15.15 13.7397 15.15 12C15.15 10.2603 13.7397 8.85 12 8.85C10.2603 8.85 8.85 10.2603 8.85 12C8.85 13.7397 10.2603 15.15 12 15.15Z' stroke='black' stroke-width='2.1'/%3E%3Cpath d='M19.2 13.35C19.3 12.9 19.35 12.45 19.35 12C19.35 11.55 19.3 11.1 19.2 10.65L21 9.25L19.2 6.15L17.1 7C16.42 6.38 15.62 5.92 14.75 5.65L14.4 3.4H9.6L9.25 5.65C8.38 5.92 7.58 6.38 6.9 7L4.8 6.15L3 9.25L4.8 10.65C4.7 11.1 4.65 11.55 4.65 12C4.65 12.45 4.7 12.9 4.8 13.35L3 14.75L4.8 17.85L6.9 17C7.58 17.62 8.38 18.08 9.25 18.35L9.6 20.6H14.4L14.75 18.35C15.62 18.08 16.42 17.62 17.1 17L19.2 17.85L21 14.75L19.2 13.35Z' stroke='black' stroke-width='1.95' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.15C13.7397 15.15 15.15 13.7397 15.15 12C15.15 10.2603 13.7397 8.85 12 8.85C10.2603 8.85 8.85 10.2603 8.85 12C8.85 13.7397 10.2603 15.15 12 15.15Z' stroke='black' stroke-width='2.1'/%3E%3Cpath d='M19.2 13.35C19.3 12.9 19.35 12.45 19.35 12C19.35 11.55 19.3 11.1 19.2 10.65L21 9.25L19.2 6.15L17.1 7C16.42 6.38 15.62 5.92 14.75 5.65L14.4 3.4H9.6L9.25 5.65C8.38 5.92 7.58 6.38 6.9 7L4.8 6.15L3 9.25L4.8 10.65C4.7 11.1 4.65 11.55 4.65 12C4.65 12.45 4.7 12.9 4.8 13.35L3 14.75L4.8 17.85L6.9 17C7.58 17.62 8.38 18.08 9.25 18.35L9.6 20.6H14.4L14.75 18.35C15.62 18.08 16.42 17.62 17.1 17L19.2 17.85L21 14.75L19.2 13.35Z' stroke='black' stroke-width='1.95' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (min-width: 900px) {
  body.settlelink-builder-open {
    overflow-x: hidden;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) {
    background:
      radial-gradient(circle at 72% 0%, rgba(47, 102, 243, 0.10), transparent 34%),
      linear-gradient(180deg, #f8fbff 0%, #eef3fa 100%) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open {
    background:
      radial-gradient(circle at 70% 0%, rgba(47, 102, 243, 0.18), transparent 34%),
      linear-gradient(180deg, #07101f 0%, #081120 100%) !important;
  }

  body.settlelink-builder-open .top-nav {
    min-height: 70px !important;
    background: rgba(248, 251, 255, 0.86) !important;
    border-bottom: 1px solid rgba(203, 213, 225, 0.76) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .top-nav {
    background: rgba(7, 16, 31, 0.86) !important;
    border-bottom-color: rgba(96, 165, 250, 0.18) !important;
  }

  body.settlelink-builder-open .nav-inner {
    max-width: none !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 0 46px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
  }

  body.settlelink-builder-open .top-nav .brand {
    display: none !important;
  }

  body.settlelink-builder-open .nav-links {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    width: auto !important;
  }

  body.settlelink-builder-open .top-builder-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #24334f !important;
    -webkit-text-fill-color: #24334f !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .top-builder-nav-link {
    color: #dbe7ff !important;
    -webkit-text-fill-color: #dbe7ff !important;
  }

  body.settlelink-builder-open .top-builder-nav-link:hover,
  body.settlelink-builder-open .top-builder-nav-link.active {
    background: rgba(47, 102, 243, 0.09) !important;
    border-color: rgba(47, 102, 243, 0.28) !important;
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
    transform: translateY(-1px) !important;
  }

  body.settlelink-builder-open .builder-top-link-home::before,
  body.settlelink-builder-open .builder-top-link-legal::before {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    background: currentColor;
    -webkit-text-fill-color: currentColor;
  }

  body.settlelink-builder-open .builder-top-link-home::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.4L12 4L20 11.4V20H15V14H9V20H4V11.4Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.4L12 4L20 11.4V20H15V14H9V20H4V11.4Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  body.settlelink-builder-open .builder-top-link-legal::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.6L19.2 6.4V11.2C19.2 15.8 16.15 19.35 12 20.6C7.85 19.35 4.8 15.8 4.8 11.2V6.4L12 3.6Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.6L19.2 6.4V11.2C19.2 15.8 16.15 19.35 12 20.6C7.85 19.35 4.8 15.8 4.8 11.2V6.4L12 3.6Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  body.settlelink-builder-open .app-shell-builder,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .app-shell-builder,
  body.settlelink-dark-mode.settlelink-builder-open .app-shell-builder {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 30px 40px 48px !important;
    background: transparent !important;
  }

  body.settlelink-builder-open .builder-layout {
    width: min(1500px, 100%) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 32px !important;
    align-items: start !important;
  }

  body.settlelink-builder-open .builder-sidebar {
    position: sticky !important;
    top: 98px !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 128px) !important;
    padding: 26px 18px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(203, 213, 225, 0.76) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .builder-sidebar {
    border-right-color: rgba(96, 165, 250, 0.18) !important;
  }

  body.settlelink-builder-open .builder-sidebar-brand,
  body.settlelink-builder-open .builder-sidebar-brand-full {
    min-height: auto !important;
    margin: 0 0 34px !important;
    padding: 4px 0 22px !important;
    justify-content: flex-start !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.settlelink-builder-open .builder-sidebar-logo-full {
    width: auto !important;
    height: 42px !important;
    max-width: 210px !important;
    object-fit: contain !important;
  }

  body.settlelink-builder-open .builder-sidebar-nav {
    display: grid !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .builder-sidebar-link {
    min-height: 56px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #24334f !important;
    -webkit-text-fill-color: #24334f !important;
    font-size: 16px !important;
    font-weight: 850 !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .builder-sidebar-link {
    color: #dbe7ff !important;
    -webkit-text-fill-color: #dbe7ff !important;
  }

  body.settlelink-builder-open .builder-sidebar-link:hover,
  body.settlelink-builder-open .builder-sidebar-link.active {
    background: rgba(47, 102, 243, 0.10) !important;
    border-color: rgba(47, 102, 243, 0.25) !important;
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
    transform: translateX(2px) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .builder-sidebar-link:hover,
  body.settlelink-dark-mode.settlelink-builder-open .builder-sidebar-link.active {
    background:
      radial-gradient(circle at left, rgba(47, 102, 243, 0.30), transparent 52%),
      rgba(47, 102, 243, 0.16) !important;
    border-color: rgba(96, 165, 250, 0.28) !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
  }

  body.settlelink-builder-open .builder-sidebar-icon {
    width: 22px !important;
    height: 22px !important;
    color: inherit !important;
  }

  body.settlelink-builder-open .builder-main {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.settlelink-builder-open .dashboard-shell-v2,
  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-shell,
  body.settlelink-dark-mode.settlelink-builder-open .dashboard-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.settlelink-builder-open .dashboard-shell-v2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    gap: 26px !important;
    align-items: start !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    min-height: 292px !important;
    margin: 0 !important;
    padding: 44px 44px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 82% 50%, rgba(47, 102, 243, 0.22), transparent 34%),
      linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid #dbe6f7 !important;
    box-shadow: 0 18px 44px rgba(15, 35, 75, 0.08) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-welcome-card {
    background:
      radial-gradient(circle at 82% 50%, rgba(47, 102, 243, 0.34), transparent 34%),
      linear-gradient(135deg, rgba(13, 26, 47, 0.98) 0%, rgba(10, 22, 41, 0.98) 100%) !important;
    border-color: rgba(96, 165, 250, 0.24) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28) !important;
  }

  body.settlelink-builder-open .dashboard-welcome-eyebrow {
    margin-bottom: 18px !important;
    font-size: 13px !important;
    letter-spacing: 0.16em !important;
  }

  body.settlelink-builder-open .dashboard-welcome-title {
    max-width: 700px !important;
    font-size: clamp(42px, 4.3vw, 62px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.07em !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card .page-subtitle {
    max-width: 520px !important;
    margin-top: 18px !important;
    font-size: 20px !important;
    line-height: 1.55 !important;
  }

  body.settlelink-builder-open .dashboard-house-illustration {
    width: 250px !important;
    max-width: 100% !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    filter: drop-shadow(0 26px 32px rgba(47, 102, 243, 0.22)) !important;
  }

  body.settlelink-builder-open .dashboard-projects-section {
    display: contents !important;
  }

  body.settlelink-builder-open .dashboard-projects-heading {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    align-items: center !important;
    gap: 26px !important;
    margin: 4px 0 0 !important;
  }

  body.settlelink-builder-open .dashboard-projects-heading h2 {
    font-size: 34px !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
  }

  body.settlelink-builder-open .dashboard-project-count-badge {
    min-width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 21px !important;
  }

  body.settlelink-builder-open .dashboard-create-project-btn {
    grid-column: auto !important;
    width: 100% !important;
    min-height: 68px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 38px rgba(47, 102, 243, 0.28) !important;
  }

  body.settlelink-builder-open .dashboard-create-project-btn::before {
    content: "+";
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    border: 2px solid rgba(255, 255, 255, 0.78);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
  }

  body.settlelink-builder-open .dashboard-projects-grid {
    grid-column: 1 / 2 !important;
    display: grid !important;
    gap: 20px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 0 28px !important;
    min-height: 280px !important;
    padding: 28px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f7 !important;
    box-shadow: 0 18px 44px rgba(15, 35, 75, 0.08) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished {
    background:
      radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 32%),
      rgba(11, 24, 43, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.26) !important;
  }

  body.settlelink-builder-open .dashboard-project-card-top,
  body.settlelink-builder-open .dashboard-project-stats {
    grid-column: 1 / -1 !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-card-top {
    margin-bottom: 28px !important;
  }

  body.settlelink-builder-open .dashboard-project-title-row {
    grid-template-columns: 66px minmax(0, 1fr) !important;
  }

  body.settlelink-builder-open .dashboard-project-initial-badge {
    width: 66px !important;
    height: 66px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f6ff !important;
    border: 1px solid #d2e2ff !important;
    color: #2f66f3 !important;
    -webkit-text-fill-color: #2f66f3 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-initial-badge {
    background: rgba(47, 102, 243, 0.10) !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
    color: #8fc0ff !important;
    -webkit-text-fill-color: #8fc0ff !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-title {
    font-size: 30px !important;
    letter-spacing: -0.045em !important;
  }

  body.settlelink-builder-open .dashboard-project-stats {
    margin: 0 0 24px !important;
    padding: 0 0 24px !important;
    border-bottom: 1px solid rgba(203, 213, 225, 0.76) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-stats {
    border-bottom-color: rgba(96, 165, 250, 0.16) !important;
  }

  body.settlelink-builder-open .dashboard-project-stat span {
    font-size: 15px !important;
    font-weight: 850 !important;
  }

  body.settlelink-builder-open .dashboard-project-stat strong {
    font-size: 25px !important;
  }

  body.settlelink-builder-open .dashboard-project-progress-wrap {
    grid-column: 1 / 2 !important;
    align-self: end !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-open-project-btn {
    grid-column: 2 / 3 !important;
    align-self: end !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    font-size: 17px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-track {
    max-width: 620px !important;
    height: 9px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-note {
    margin-top: 18px !important;
    font-size: 16px !important;
  }

  body.settlelink-builder-open .dashboard-warning-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 18px !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished {
    grid-column: 2 / 3 !important;
    align-self: stretch !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 30px 26px !important;
    border-radius: 24px !important;
    display: grid !important;
    align-content: center !important;
    gap: 24px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f7 !important;
    box-shadow: 0 18px 44px rgba(15, 35, 75, 0.08) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-panel-polished {
    background:
      radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.14), transparent 38%),
      rgba(11, 24, 43, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.26) !important;
  }

  body.settlelink-builder-open .dashboard-completed-main {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 18px !important;
    margin: 0 !important;
  }

  body.settlelink-builder-open .dashboard-completed-icon {
    width: 84px !important;
    height: 84px !important;
    box-shadow: 0 0 0 18px rgba(34, 197, 94, 0.08) !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished .panel-title {
    font-size: 26px !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished .muted-text {
    font-size: 16px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn {
    min-height: 56px !important;
    border-radius: 14px !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px) {
  body.settlelink-builder-open .builder-layout {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  body.settlelink-builder-open .dashboard-shell-v2 {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card,
  body.settlelink-builder-open .dashboard-projects-heading,
  body.settlelink-builder-open .dashboard-projects-grid,
  body.settlelink-builder-open .dashboard-completed-panel-polished {
    grid-column: 1 / -1 !important;
  }

  body.settlelink-builder-open .dashboard-projects-heading {
    grid-template-columns: minmax(0, 1fr) 280px !important;
  }
}

/* =========================================
   DESKTOP ONLY: BUILDER DASHBOARD FINAL POLISH
   Fixes desktop spacing + completed card wrapping
   Keeps mobile untouched
   ========================================= */

@media (min-width: 900px) {
  body.settlelink-builder-open .mobile-bottom-nav,
  body.settlelink-builder-open .builder-mobile-logo {
    display: none !important;
  }

  body.settlelink-builder-open .app-shell-builder {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 42px 64px !important;
    background: transparent !important;
  }

  body.settlelink-builder-open .builder-layout {
    width: min(1580px, 100%) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
  }

  body.settlelink-builder-open .builder-sidebar {
    position: sticky !important;
    top: 96px !important;
    min-height: calc(100vh - 126px) !important;
    padding: 26px 18px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(203, 213, 225, 0.78) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .builder-sidebar {
    border-right-color: rgba(96, 165, 250, 0.18) !important;
  }

  body.settlelink-builder-open .builder-main {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.settlelink-builder-open .dashboard-shell-v2 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 24px !important;
    align-items: start !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card {
    grid-column: 1 / -1 !important;
    min-height: 270px !important;
    margin: 0 !important;
    padding: 42px 46px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 28px !important;
    align-items: center !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-welcome-card {
    background:
      radial-gradient(circle at 82% 48%, rgba(47, 102, 243, 0.16), transparent 36%),
      linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid #dbe6f7 !important;
    box-shadow: 0 20px 54px rgba(15, 35, 75, 0.08) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-welcome-card {
    background:
      radial-gradient(circle at 82% 48%, rgba(47, 102, 243, 0.34), transparent 36%),
      linear-gradient(135deg, rgba(13, 26, 47, 0.98), rgba(9, 20, 38, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.24) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.30) !important;
  }

  body.settlelink-builder-open .dashboard-welcome-title {
    max-width: 760px !important;
    font-size: clamp(44px, 4vw, 64px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.07em !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card .page-subtitle {
    max-width: 560px !important;
    margin-top: 18px !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
  }

  body.settlelink-builder-open .dashboard-house-illustration {
    width: 245px !important;
    max-width: 100% !important;
    justify-self: center !important;
    filter: drop-shadow(0 26px 36px rgba(47, 102, 243, 0.24)) !important;
  }

  body.settlelink-builder-open .dashboard-projects-section {
    display: contents !important;
  }

  body.settlelink-builder-open .dashboard-projects-heading {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 24px !important;
    align-items: center !important;
    margin: 4px 0 0 !important;
  }

  body.settlelink-builder-open .dashboard-projects-heading h2 {
    font-size: 34px !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
  }

  body.settlelink-builder-open .dashboard-project-count-badge {
    min-width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    font-size: 21px !important;
  }

  body.settlelink-builder-open .dashboard-create-project-btn {
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    font-size: 23px !important;
    letter-spacing: -0.035em !important;
    box-shadow: 0 20px 42px rgba(47, 102, 243, 0.30) !important;
  }

  body.settlelink-builder-open .dashboard-create-project-btn::before {
    content: "+";
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.78);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
  }

  body.settlelink-builder-open .dashboard-projects-grid {
    grid-column: 1 / 2 !important;
    display: grid !important;
    gap: 20px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished {
    min-height: 300px !important;
    padding: 30px !important;
    border-radius: 26px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 0 26px !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-project-card-polished {
    background: #ffffff !important;
    border: 1px solid #dbe6f7 !important;
    box-shadow: 0 20px 54px rgba(15, 35, 75, 0.08) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished {
    background:
      radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
      rgba(11, 24, 43, 0.98) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important;
  }

  body.settlelink-builder-open .dashboard-project-card-top,
  body.settlelink-builder-open .dashboard-project-stats {
    grid-column: 1 / -1 !important;
  }

  body.settlelink-builder-open .dashboard-project-title-row {
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  body.settlelink-builder-open .dashboard-project-initial-badge {
    width: 66px !important;
    height: 66px !important;
    border-radius: 999px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-title {
    font-size: 30px !important;
    letter-spacing: -0.045em !important;
  }

  body.settlelink-builder-open .dashboard-project-stats {
    margin: 0 0 24px !important;
    padding: 0 0 24px !important;
    border-bottom: 1px solid rgba(203, 213, 225, 0.72) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-stats {
    border-bottom-color: rgba(96, 165, 250, 0.16) !important;
  }

  body.settlelink-builder-open .dashboard-project-stat strong {
    font-size: 25px !important;
  }

  body.settlelink-builder-open .dashboard-project-progress-wrap {
    grid-column: 1 / 2 !important;
    align-self: end !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-open-project-btn {
    grid-column: 2 / 3 !important;
    align-self: end !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    font-size: 17px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-track {
    max-width: 620px !important;
    height: 9px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-note {
    margin-top: 18px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  body.settlelink-builder-open .dashboard-warning-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 18px !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished {
    grid-column: 2 / 3 !important;
    min-height: 300px !important;
    margin: 0 !important;
    padding: 32px 26px !important;
    border-radius: 26px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 24px !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-panel-polished {
    background: #ffffff !important;
    border: 1px solid #dbe6f7 !important;
    box-shadow: 0 20px 54px rgba(15, 35, 75, 0.08) !important;
  }

  body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-panel-polished {
    background:
      radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.16), transparent 38%),
      rgba(11, 24, 43, 0.98) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important;
  }

  body.settlelink-builder-open .dashboard-completed-main {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    text-align: center !important;
  }

  body.settlelink-builder-open .dashboard-completed-main > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.settlelink-builder-open .dashboard-completed-icon {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    border-radius: 999px !important;
    font-size: 38px !important;
    box-shadow: 0 0 0 18px rgba(34, 197, 94, 0.08) !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished .panel-title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.04em !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished .muted-text {
    width: 100% !important;
    max-width: none !important;
    margin: 9px 0 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn {
    position: static !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border-radius: 16px !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }
}

@media (min-width: 900px) and (max-width: 1240px) {
  body.settlelink-builder-open .builder-layout {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  body.settlelink-builder-open .dashboard-shell-v2 {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .dashboard-welcome-card,
  body.settlelink-builder-open .dashboard-projects-heading,
  body.settlelink-builder-open .dashboard-projects-grid,
  body.settlelink-builder-open .dashboard-completed-panel-polished {
    grid-column: 1 / -1 !important;
  }

  body.settlelink-builder-open .dashboard-projects-heading {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }

  body.settlelink-builder-open .dashboard-completed-panel-polished {
    min-height: 240px !important;
  }
}

/* =========================================
   DESKTOP ONLY: PAYMENT SUMMARY PAGE POLISH
   Smaller client total card + better fit
   Keeps mobile untouched
   ========================================= */

@media (min-width: 900px) {
  body.settlelink-builder-open .sl-builder-paid-summary-page {
    gap: 16px !important;
  }

  body.settlelink-builder-open .sl-builder-summary-grid {
    grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1.28fr) !important;
    gap: 18px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card {
    min-height: 240px !important;
    padding: 30px !important;
    border-radius: 24px !important;
    position: relative !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.18), transparent 34%),
      radial-gradient(circle at 100% 80%, rgba(47, 102, 243, 0.12), transparent 36%),
      linear-gradient(135deg, rgba(13, 26, 47, 0.98), rgba(8, 18, 34, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.26) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 22px 54px rgba(0, 0, 0, 0.22) !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -62px;
    width: 230px;
    height: 190px;
    border-radius: 44px;
    transform: rotate(-38deg);
    background: rgba(47, 102, 243, 0.075);
    pointer-events: none;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-top {
    position: relative !important;
    z-index: 1 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    align-items: start !important;
    gap: 26px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-top > div {
    min-width: 0 !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card .panel-title {
    margin: 0 0 7px !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card .muted-text {
    margin: 0 !important;
    color: #7db0ff !important;
    -webkit-text-fill-color: #7db0ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card .payment-hero-top::before {
    content: "!";
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: end;
    margin-bottom: 2px;
    border: 1px solid rgba(249, 115, 22, 0.65);
    background: rgba(249, 115, 22, 0.08);
    color: #fb923c;
    -webkit-text-fill-color: #fb923c;
    font-size: 22px;
    font-weight: 950;
    box-shadow: 0 0 22px rgba(249, 115, 22, 0.12);
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-amount {
    margin: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(38px, 3.2vw, 50px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.07em !important;
    text-shadow: 0 10px 26px rgba(0, 0, 0, 0.26) !important;
  }

  body.settlelink-builder-open .sl-builder-breakdown-card {
    min-height: 240px !important;
    padding: 30px !important;
    border-radius: 24px !important;
  }

  body.settlelink-builder-open .sl-builder-breakdown-card .panel-title {
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
  }

  body.settlelink-builder-open .sl-builder-breakdown-row {
    padding: 10px 0 !important;
  }

  body.settlelink-builder-open .sl-builder-breakdown-row span {
    font-size: 16px !important;
  }

  body.settlelink-builder-open .sl-builder-breakdown-row small {
    max-width: 720px !important;
    font-size: 13px !important;
  }

  body.settlelink-builder-open .sl-builder-breakdown-row strong {
    font-size: 17px !important;
  }

  body.settlelink-builder-open .sl-builder-status-strip,
  body.settlelink-builder-open .sl-builder-contact-summary-panel,
  body.settlelink-builder-open .sl-builder-terms-card {
    border-radius: 22px !important;
  }

  body.settlelink-builder-open .sl-builder-status-strip {
    min-height: 82px !important;
    padding: 18px 22px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-actions {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-actions .primary-btn,
  body.settlelink-builder-open .sl-builder-paid-actions .secondary-btn {
    min-height: 48px !important;
    border-radius: 16px !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px) {
  body.settlelink-builder-open .sl-builder-summary-grid {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card {
    min-height: 210px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-top {
    gap: 18px !important;
  }
}

/* =========================================
   SettleLink ICO / data protection trust cards
   ========================================= */

.marketing-footer-ico-row strong {
  color: #f8fbff;
  -webkit-text-fill-color: #f8fbff;
  font-weight: 950;
}

body:not(.settlelink-dark-mode) .marketing-footer-ico-row strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

.settlelink-data-protection-card {
  position: relative;
  overflow: hidden;
}

.settlelink-data-protection-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.14), transparent 34%),
    radial-gradient(circle at 92% 14%, rgba(34, 197, 94, 0.10), transparent 30%);
}

.settlelink-data-protection-layout {
  position: relative;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.settlelink-data-protection-mark {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.34), transparent 40%),
    linear-gradient(135deg, #2f66f3, #0b70ff);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -0.03em;
  box-shadow:
    0 18px 34px rgba(47, 102, 243, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.settlelink-data-protection-facts {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.settlelink-data-protection-facts span {
  display: block;
  padding: 11px 12px;
  border-radius: 16px;
  border: 1px solid rgba(47, 102, 243, 0.16);
  background: rgba(239, 246, 255, 0.64);
  color: #526487;
  -webkit-text-fill-color: #526487;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.settlelink-data-protection-facts strong,
.settlelink-privacy-registration-card strong {
  color: #102248;
  -webkit-text-fill-color: #102248;
  font-weight: 950;
}

body.settlelink-dark-mode .settlelink-data-protection-facts span {
  border-color: rgba(96, 165, 250, 0.22);
  background: rgba(18, 37, 82, 0.34);
  color: rgba(214, 225, 246, 0.82);
  -webkit-text-fill-color: rgba(214, 225, 246, 0.82);
}

body.settlelink-dark-mode .settlelink-data-protection-facts strong,
body.settlelink-dark-mode .settlelink-privacy-registration-card strong {
  color: #f8fbff;
  -webkit-text-fill-color: #f8fbff;
}

.more-help-data-protection-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin: 16px 0 0;
  padding: 15px;
  border-radius: 20px;
  border: 1px solid rgba(47, 102, 243, 0.18);
  background:
    radial-gradient(circle at 14% 0%, rgba(47, 102, 243, 0.10), transparent 34%),
    rgba(239, 246, 255, 0.78);
  box-shadow: 0 14px 30px rgba(19, 48, 97, 0.06);
}

.more-help-data-protection-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  border: 1px solid #d8e5ff;
  color: #2f66f3;
  -webkit-text-fill-color: #2f66f3;
  font-weight: 950;
}

.more-help-data-protection-copy {
  display: grid;
  gap: 4px;
}

.more-help-data-protection-copy strong {
  color: #0b1633;
  -webkit-text-fill-color: #0b1633;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.more-help-data-protection-copy small {
  color: #52617c;
  -webkit-text-fill-color: #52617c;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

body.settlelink-dark-mode .more-help-data-protection-card {
  border-color: rgba(96, 165, 250, 0.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(47, 102, 243, 0.14), transparent 34%),
    rgba(8, 18, 39, 0.58);
  box-shadow: none;
}

body.settlelink-dark-mode .more-help-data-protection-icon {
  background: rgba(18, 37, 82, 0.45);
  border-color: rgba(96, 165, 250, 0.30);
  color: #93c5fd;
  -webkit-text-fill-color: #93c5fd;
}

body.settlelink-dark-mode .more-help-data-protection-copy strong {
  color: #f8fbff;
  -webkit-text-fill-color: #f8fbff;
}

body.settlelink-dark-mode .more-help-data-protection-copy small {
  color: rgba(214, 225, 246, 0.78);
  -webkit-text-fill-color: rgba(214, 225, 246, 0.78);
}

@media (max-width: 520px) {
  .settlelink-data-protection-layout {
    grid-template-columns: 1fr;
  }

  .settlelink-data-protection-mark {
    width: 62px;
    height: 62px;
    border-radius: 20px;
  }
}

/* =========================================
   Fix More > Help and legal on desktop
   ========================================= */

.more-help-legal-content {
  padding: 14px 0 0 !important;
}

.more-help-legal-content .more-help-legal-card {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 26px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96)) !important;
  box-shadow: 0 18px 42px rgba(13, 35, 90, 0.08) !important;
}

.more-help-legal-card-top {
  display: block !important;
  margin: 0 0 18px !important;
}

.more-help-legal-eyebrow {
  margin: 0 0 9px !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

.more-help-legal-card .panel-title {
  margin: 0 0 7px !important;
  color: #0b1633 !important;
  -webkit-text-fill-color: #0b1633 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
}

.more-help-legal-card .muted-text {
  margin: 0 !important;
  color: #61708e !important;
  -webkit-text-fill-color: #61708e !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.more-help-legal-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 18px 0 0 !important;
}

.more-help-legal-tile {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 18px !important;
  gap: 13px !important;
  align-items: center !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(47, 102, 243, 0.08), transparent 36%),
    rgba(255, 255, 255, 0.76) !important;
  color: inherit !important;
  text-align: left !important;
  box-shadow: 0 12px 28px rgba(19, 48, 97, 0.06) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.more-help-legal-tile *,
.more-help-legal-tile span,
.more-help-legal-tile strong,
.more-help-legal-tile small {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.more-help-legal-tile:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(47, 102, 243, 0.28) !important;
  box-shadow: 0 16px 34px rgba(19, 48, 97, 0.09) !important;
}

.more-help-legal-tile-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 17px !important;
  display: block !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  background-color: #eef4ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
}

.more-help-legal-play-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='%232f66f3' stroke-width='2.4'/%3E%3Cpath d='M10.5 8.8L15.5 12L10.5 15.2V8.8Z' fill='%232f66f3'/%3E%3C/svg%3E") !important;
}

.more-help-legal-whatsapp-icon {
  border-color: rgba(37, 211, 102, 0.28) !important;
  background-color: #eefbf3 !important;
  background-image: url("/assets/whatsapp-glyph-green.svg") !important;
}

body.settlelink-dark-mode .more-help-legal-whatsapp-icon {
  border-color: rgba(37, 211, 102, 0.36) !important;
  background-color: rgba(37, 211, 102, 0.1) !important;
}

.more-help-legal-shield-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5L19 6V11.4C19 15.7 16.2 19.4 12 20.5C7.8 19.4 5 15.7 5 11.4V6L12 3.5Z' stroke='%232f66f3' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M9 12L11 14L15.5 9.5' stroke='%232f66f3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.more-help-legal-tile-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.more-help-legal-tile-copy strong {
  display: block !important;
  color: #0b1633 !important;
  -webkit-text-fill-color: #0b1633 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

.more-help-legal-tile-copy small {
  display: block !important;
  color: #60708e !important;
  -webkit-text-fill-color: #60708e !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
}

.more-help-legal-tile-arrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.more-help-data-protection-card {
  margin-top: 14px !important;
  border-radius: 22px !important;
}

.more-help-legal-note {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(47, 68, 110, 0.1) !important;
  color: #61708e !important;
  -webkit-text-fill-color: #61708e !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}

.more-help-legal-note span {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(47, 102, 243, 0.24) !important;
  background: #eef4ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

body.settlelink-dark-mode .more-help-legal-content .more-help-legal-card {
  border-color: rgba(96, 165, 250, 0.24) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(8, 17, 36, 0.98), rgba(7, 15, 32, 0.96)) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .more-help-legal-card .panel-title,
body.settlelink-dark-mode .more-help-legal-tile-copy strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .more-help-legal-card .muted-text,
body.settlelink-dark-mode .more-help-legal-tile-copy small,
body.settlelink-dark-mode .more-help-legal-note {
  color: rgba(214, 225, 246, 0.78) !important;
  -webkit-text-fill-color: rgba(214, 225, 246, 0.78) !important;
}

body.settlelink-dark-mode .more-help-legal-tile {
  border-color: rgba(96, 165, 250, 0.22) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(47, 102, 243, 0.13), transparent 36%),
    rgba(8, 18, 39, 0.62) !important;
  box-shadow: none !important;
}

body.settlelink-dark-mode .more-help-legal-tile:hover {
  border-color: rgba(147, 197, 253, 0.38) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18) !important;
}

body.settlelink-dark-mode .more-help-legal-tile-icon,
body.settlelink-dark-mode .more-help-legal-note span {
  border-color: rgba(96, 165, 250, 0.28) !important;
  background-color: rgba(18, 37, 82, 0.52) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

body.settlelink-dark-mode .more-help-legal-tile-arrow,
body.settlelink-dark-mode .more-help-legal-eyebrow {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

@media (max-width: 768px) {
  .more-help-legal-content .more-help-legal-card {
    padding: 24px !important;
  }

  .more-help-legal-actions {
    grid-template-columns: 1fr !important;
  }

  .more-help-legal-tile {
    min-height: 92px !important;
  }
}

@media (max-width: 520px) {
  .more-help-legal-content .more-help-legal-card {
    padding: 22px !important;
    border-radius: 26px !important;
  }

  .more-help-legal-tile {
    grid-template-columns: 50px minmax(0, 1fr) 16px !important;
    padding: 15px !important;
  }

  .more-help-legal-tile-copy strong {
    font-size: 17px !important;
  }

  .more-help-legal-tile-copy small {
    font-size: 12.5px !important;
  }
}

/* =========================================
   SettleLink copyright / IP wording
   ========================================= */

.marketing-footer-copyright-pro {
  display: grid !important;
  gap: 6px !important;
  padding: 18px 16px !important;
}

.marketing-footer-copyright-pro strong {
  display: block !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
}

.marketing-footer-copyright-pro span {
  display: block !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  color: #9fb0d0 !important;
  -webkit-text-fill-color: #9fb0d0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-copyright-pro strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode) .marketing-footer-copyright-pro span {
  color: #526487 !important;
  -webkit-text-fill-color: #526487 !important;
}

.settlelink-ip-terms-card {
  position: relative !important;
  overflow: hidden !important;
}

.settlelink-ip-terms-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.12), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(34, 197, 94, 0.08), transparent 32%) !important;
}

.settlelink-ip-terms-card > * {
  position: relative !important;
}

body.settlelink-dark-mode .settlelink-ip-terms-card::before {
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.18), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(34, 197, 94, 0.10), transparent 32%) !important;
}

@media (max-width: 520px) {
  .marketing-footer-copyright-pro {
    padding: 16px 14px !important;
  }

  .marketing-footer-copyright-pro strong {
    font-size: 14px !important;
  }

  .marketing-footer-copyright-pro span {
    font-size: 12.5px !important;
  }
}

/* =========================================
   MOBILE APP NAV FINAL FIX
   Fixes Android/iPhone wrapper bottom spacing
   Keeps desktop untouched
   Keeps dark-mode nav position untouched
   ========================================= */

@media (min-width: 769px) {
  body.settlelink-builder-open .mobile-bottom-nav,
  .mobile-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 768px) {
  body.settlelink-builder-open {
    overflow-x: hidden !important;
  }

  body.settlelink-builder-open .app-shell,
  body.settlelink-builder-open .app-shell-builder,
  body.settlelink-builder-open .builder-main,
  body.settlelink-builder-open .dashboard-shell,
  body.settlelink-builder-open .dashboard-shell-v2 {
    padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.settlelink-builder-open .builder-main > *:last-child,
  body.settlelink-builder-open .dashboard-shell > *:last-child,
  body.settlelink-builder-open .dashboard-shell-v2 > *:last-child,
  body.settlelink-builder-open .contacts-page > *:last-child,
  body.settlelink-builder-open .receipts-page > *:last-child,
  body.settlelink-builder-open .more-page > *:last-child {
    margin-bottom: 6px !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .mobile-bottom-nav {
    bottom: -2px !important;
    padding: 7px 10px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.settlelink-builder-open:not(.settlelink-dark-mode) .mobile-bottom-nav-link {
    min-height: 56px !important;
  }
}

/* =========================================
   LARGE PAYMENT PROOF CHECK
   ========================================= */

.invoice-contact-badge-registered {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(37, 99, 235, 0.75) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22) !important;
}

body.settlelink-dark-mode .invoice-contact-badge-registered {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
  border-color: rgba(96, 165, 250, 0.72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(147, 197, 253, 0.28), transparent 42%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.96), rgba(30, 64, 175, 0.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 20px rgba(37, 99, 235, 0.28) !important;
}

.invoice-contact-payout-large-payment-proven {
  color: #dcfce7 !important;
  -webkit-text-fill-color: #dcfce7 !important;
  border: 1px solid rgba(34, 197, 94, 0.62) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(187, 247, 208, 0.24), transparent 42%),
    linear-gradient(135deg, rgba(22, 163, 74, 0.9), rgba(21, 128, 61, 0.78)) !important;
}

.invoice-contact-payout-large-payment-in-progress,
.invoice-contact-payout-large-payment-not-proven {
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
  border: 1px solid rgba(245, 158, 11, 0.58) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(253, 186, 116, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(180, 83, 9, 0.82), rgba(120, 53, 15, 0.62)) !important;
}

.invoice-contact-payout-large-payment-needs-attention,
.invoice-contact-payout-setup-needed {
  color: #fee2e2 !important;
  -webkit-text-fill-color: #fee2e2 !important;
  border: 1px solid rgba(248, 113, 113, 0.62) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(254, 202, 202, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(185, 28, 28, 0.86), rgba(127, 29, 29, 0.68)) !important;
}

.invoice-contact-payout-setup-in-progress {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  border: 1px solid rgba(96, 165, 250, 0.56) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(147, 197, 253, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.8), rgba(30, 64, 175, 0.64)) !important;
}

.invoice-contact-payout-large-payment-in-progress::before,
.invoice-contact-payout-setup-in-progress::before {
  content: "↻" !important;
}

.invoice-contact-payout-large-payment-not-proven::before {
  content: "◷" !important;
}

.invoice-contact-payout-large-payment-needs-attention::before,
.invoice-contact-payout-setup-needed::before {
  content: "!" !important;
}

.large-payment-proof-helper {
  display: grid !important;
  gap: 4px !important;
  margin: 10px 0 0 !important;
  padding: 11px 13px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(245, 158, 11, 0.26) !important;
  background: rgba(245, 158, 11, 0.08) !important;
}

.large-payment-proof-helper strong {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
  font-size: 0.92rem !important;
  line-height: 1.2 !important;
}

.large-payment-proof-helper span {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 0.88rem !important;
  line-height: 1.35 !important;
}

.large-payment-proof-helper-compact {
  margin-top: 8px !important;
}

body.settlelink-dark-mode .large-payment-proof-helper {
  border-color: rgba(245, 158, 11, 0.34) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 158, 11, 0.12), transparent 36%),
    rgba(15, 23, 42, 0.72) !important;
}

body.settlelink-dark-mode .large-payment-proof-helper strong {
  color: #fcd34d !important;
  -webkit-text-fill-color: #fcd34d !important;
}

body.settlelink-dark-mode .large-payment-proof-helper span {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

.large-payment-proof-panel {
  display: grid !important;
  gap: 14px !important;
  border-radius: 24px !important;
  padding: 18px !important;
  overflow: hidden !important;
}

.large-payment-proof-panel-head {
  display: grid !important;
  gap: 12px !important;
}

.large-payment-proof-panel .panel-title {
  margin-top: 4px !important;
}

.large-payment-proof-counts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.large-payment-proof-counts span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
  background: rgba(37, 99, 235, 0.1) !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
}

.large-payment-proof-rows {
  display: grid !important;
  gap: 8px !important;
}

.large-payment-proof-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
}

.large-payment-proof-row > div:first-child {
  min-width: 0 !important;
}

.large-payment-proof-row strong {
  display: block !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

.large-payment-proof-row span:not(.invoice-contact-badge) {
  display: block !important;
  margin-top: 3px !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 0.88rem !important;
  line-height: 1.3 !important;
}

.large-payment-proof-row-end {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 7px !important;
}

.large-payment-proof-row-muted {
  opacity: 0.82 !important;
}

.large-payment-proof-panel-good {
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.72) !important;
}

.large-payment-proof-panel-mixed {
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 158, 11, 0.13), transparent 34%),
    rgba(255, 255, 255, 0.72) !important;
}

.large-payment-proof-panel-needs-attention {
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239, 68, 68, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.72) !important;
}

body.settlelink-dark-mode .large-payment-proof-panel-good,
body.settlelink-dark-mode .large-payment-proof-panel-mixed,
body.settlelink-dark-mode .large-payment-proof-panel-needs-attention {
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 102, 243, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(8, 15, 31, 0.98)) !important;
  border-color: rgba(96, 165, 250, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 34px rgba(2, 6, 23, 0.2) !important;
}

body.settlelink-dark-mode .large-payment-proof-counts span {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.26) !important;
}

body.settlelink-dark-mode .large-payment-proof-row {
  background: rgba(3, 10, 22, 0.46) !important;
  border-color: rgba(96, 165, 250, 0.14) !important;
}

body.settlelink-dark-mode .large-payment-proof-row strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-dark-mode .large-payment-proof-row span:not(.invoice-contact-badge) {
  color: #c7d2ee !important;
  -webkit-text-fill-color: #c7d2ee !important;
}

.large-payment-proof-warning-modal {
  max-width: 440px !important;
}

@media (max-width: 720px) {
  .large-payment-proof-row {
    grid-template-columns: 1fr !important;
  }

  .large-payment-proof-row-end {
    align-items: flex-start !important;
  }

  .large-payment-proof-counts {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

body.startup-loading-active {
  overflow: hidden;
}

body.startup-loading-active #app {
  min-height: 100vh;
}

.startup-loading-screen {
  position: fixed;
  inset: 0;
  z-index: 99999;
  min-height: 100dvh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:
    max(22px, env(safe-area-inset-top))
    22px
    max(22px, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 50% 18%, rgba(47, 102, 243, 0.24), transparent 38%),
    linear-gradient(180deg, #071832 0%, #061226 52%, #030914 100%);
}

.startup-loading-card {
  width: min(100%, 430px);
  margin: 0 auto;
  padding: 34px 22px 30px;
  border-radius: 28px;
  text-align: center;
  background: rgba(8, 20, 43, 0.92);
  border: 1px solid rgba(119, 154, 255, 0.24);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.startup-loading-logo {
  width: auto;
  max-width: 220px;
  height: 58px;
  object-fit: contain;
  margin: 0 auto 22px;
  display: block;
}

.startup-loading-title {
  margin: 0 0 10px;
  font-size: clamp(1.75rem, 7vw, 2.2rem);
  line-height: 1.12;
  font-weight: 900;
  color: #f5f8ff;
  letter-spacing: -0.03em;
}

.startup-loading-subtitle {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.45;
  color: rgba(224, 233, 255, 0.78);
}

.startup-loading-spinner {
  width: 56px;
  height: 56px;
  margin: 28px auto 0;
  border-radius: 999px;
  border: 5px solid rgba(73, 125, 255, 0.18);
  border-top-color: #3475ff;
  border-right-color: #65a3ff;
  animation: startupLoadingSpin 0.9s linear infinite;
}

@keyframes startupLoadingSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 480px) {
  .startup-loading-card {
    border-radius: 24px;
    padding: 30px 18px 26px;
  }

  .startup-loading-logo {
    max-width: 200px;
    height: 52px;
  }
}

/* =========================================================
   LARGE PAYMENT PROOF MOBILE LAYOUT FIX
   Keeps helper text full-width on contact cards in light/dark mode
   ========================================================= */

body.settlelink-builder-open .contacts-card .large-payment-proof-helper,
body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.settlelink-builder-open .contacts-card .large-payment-proof-helper strong,
body.settlelink-builder-open .contacts-card .large-payment-proof-helper span,
body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper strong,
body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper span {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: left !important;
}

body.settlelink-builder-open .contacts-card .large-payment-proof-helper strong,
body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper strong {
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

body.settlelink-builder-open .contacts-card .large-payment-proof-helper span,
body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper span {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.settlelink-builder-open .contacts-card-status-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 100% !important;
}

body.settlelink-builder-open .contacts-card .invoice-contact-badge.invoice-contact-payout-badge {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
  background: #fffbeb !important;
  border-color: rgba(245, 158, 11, 0.34) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven {
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 158, 11, 0.13), transparent 38%),
    rgba(15, 23, 42, 0.82) !important;
  border-color: rgba(245, 158, 11, 0.38) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .large-payment-proof-helper-large-payment-proven {
  background: #ecfdf5 !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-proven {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.13), transparent 38%),
    rgba(15, 23, 42, 0.82) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .large-payment-proof-helper-large-payment-proven strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .large-payment-proof-helper-large-payment-proven span {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-proven strong {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-proven span {
  color: #d1fae5 !important;
  -webkit-text-fill-color: #d1fae5 !important;
}

@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-card .large-payment-proof-helper,
  body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper {
    margin-top: 10px !important;
    padding: 11px 12px !important;
    border-radius: 15px !important;
  }

  body.settlelink-builder-open .contacts-card .large-payment-proof-helper strong,
  body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper strong {
    font-size: 13px !important;
  }

  body.settlelink-builder-open .contacts-card .large-payment-proof-helper span,
  body.settlelink-builder-open .invoice-contact-card .large-payment-proof-helper span {
    font-size: 12.5px !important;
  }
}

/* =========================================================
   SettleLink badge icon removal
   Contacts + payment summary
   ========================================================= */

/* Remove icon circles/checks/clocks/warnings from contact + payment-summary badges */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::after,
body.settlelink-builder-open .contacts-card .invoice-contact-badge::before,
body.settlelink-builder-open .contacts-card .invoice-contact-badge::after,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge::after,
body.settlelink-builder-open .invoice-contact-card .status-chip::before,
body.settlelink-builder-open .invoice-contact-card .status-chip::after,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge::before,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge::after,
body.settlelink-builder-open .invoice-contact-status-pills .status-chip::before,
body.settlelink-builder-open .invoice-contact-status-pills .status-chip::after,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip::before,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip::after,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-badge::before,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-badge::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge::after {
  content: none !important;
  display: none !important;
}

/* Remove leftover spacing where the icon used to be */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body.settlelink-builder-open .contacts-card .invoice-contact-badge,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge,
body.settlelink-builder-open .invoice-contact-card .status-chip,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge,
body.settlelink-builder-open .invoice-contact-status-pills .status-chip,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-badge,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge {
  gap: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Hide any real SVG/icon elements inside those badges too */
body.settlelink-builder-open .contacts-card .status-chip svg,
body.settlelink-builder-open .contacts-card .status-chip img,
body.settlelink-builder-open .contacts-card .status-chip i,
body.settlelink-builder-open .contacts-card .invoice-contact-badge svg,
body.settlelink-builder-open .contacts-card .invoice-contact-badge img,
body.settlelink-builder-open .contacts-card .invoice-contact-badge i,
body.settlelink-builder-open .invoice-contact-card .status-chip svg,
body.settlelink-builder-open .invoice-contact-card .status-chip img,
body.settlelink-builder-open .invoice-contact-card .status-chip i,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge svg,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge img,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge i,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip svg,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip img,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip i,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge svg,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge img,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge i {
  display: none !important;
}

/* Remove old person silhouette from payment-summary avatar */
body.settlelink-builder-open .invoice-contact-card .invoice-contact-avatar::before,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-avatar::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-avatar::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-avatar::after {
  content: none !important;
  display: none !important;
}

/* Make payment-summary avatar match the initials style used on contacts */
body.settlelink-builder-open .invoice-contact-card .invoice-contact-avatar,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  border: 1px solid #d8e5ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 1.25rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 12px 24px rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-card .invoice-contact-avatar,
body.settlelink-dark-mode.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-avatar {
  background: rgba(47, 102, 243, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

/* =========================================================
   FINAL BADGE ICON KILL SWITCH
   Contacts + setup status + payment summary badges
   Must stay at very bottom of src/main.css
   ========================================================= */

/* Remove all pseudo icons from setup/payment/contact badges */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip::after,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active::before,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.active::after,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::before,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.review::after,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue::before,
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip.overdue::after,
body.settlelink-builder-open .contacts-card .invoice-contact-badge::before,
body.settlelink-builder-open .contacts-card .invoice-contact-badge::after,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge::before,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge::after,
body.settlelink-builder-open .invoice-contact-card .status-chip::before,
body.settlelink-builder-open .invoice-contact-card .status-chip::after,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge::before,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge::after,
body.settlelink-builder-open .invoice-contact-status-pills .status-chip::before,
body.settlelink-builder-open .invoice-contact-status-pills .status-chip::after,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip::before,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip::after,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-badge::before,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-badge::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip::after,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* Remove badge icon spacing */
body.settlelink-builder-open .contacts-card .status-chip.contact-setup-chip,
body.settlelink-builder-open .contacts-card .invoice-contact-badge,
body.settlelink-builder-open .contacts-card .invoice-contact-payout-badge,
body.settlelink-builder-open .invoice-contact-card .status-chip,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge,
body.settlelink-builder-open .invoice-contact-status-pills .status-chip,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-badge,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge {
  gap: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Hide any actual icon elements inside badges */
body.settlelink-builder-open .contacts-card .status-chip svg,
body.settlelink-builder-open .contacts-card .status-chip img,
body.settlelink-builder-open .contacts-card .status-chip i,
body.settlelink-builder-open .contacts-card .invoice-contact-badge svg,
body.settlelink-builder-open .contacts-card .invoice-contact-badge img,
body.settlelink-builder-open .contacts-card .invoice-contact-badge i,
body.settlelink-builder-open .invoice-contact-card .status-chip svg,
body.settlelink-builder-open .invoice-contact-card .status-chip img,
body.settlelink-builder-open .invoice-contact-card .status-chip i,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge svg,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge img,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge i,
body.settlelink-builder-open .contacts-card-status-wrap svg,
body.settlelink-builder-open .contacts-card-status-wrap img,
body.settlelink-builder-open .contacts-card-status-wrap i,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip svg,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip img,
body.settlelink-builder-open .sl-builder-contact-summary-panel .status-chip i {
  display: none !important;
}

/* =========================================================
   LARGE PAYMENT PROOF MOBILE WORDING POLISH
   ========================================================= */

body.settlelink-builder-open .contacts-card-content > .large-payment-proof-helper,
body.settlelink-builder-open .invoice-contact-card > .large-payment-proof-helper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  justify-items: stretch !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.settlelink-builder-open .large-payment-proof-helper strong,
body.settlelink-builder-open .large-payment-proof-helper span {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: none !important;
}

body.settlelink-builder-open .invoice-contact-status-pills,
body.settlelink-builder-open .contacts-card-status-wrap {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.settlelink-builder-open .invoice-contact-badge,
body.settlelink-builder-open .contact-setup-chip {
  white-space: normal !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

@media (max-width: 430px) {
  body.settlelink-builder-open .contacts-card-content > .large-payment-proof-helper,
  body.settlelink-builder-open .invoice-contact-card > .large-payment-proof-helper {
    margin-top: 10px !important;
    padding: 10px 11px !important;
  }

  body.settlelink-builder-open .large-payment-proof-helper strong {
    font-size: 12.8px !important;
    line-height: 1.18 !important;
  }

  body.settlelink-builder-open .large-payment-proof-helper span {
    font-size: 12.2px !important;
    line-height: 1.34 !important;
  }
}

/* =========================================================
   PAYMENT SUMMARY CONTACT BADGE READABILITY FIX
   Fixes "Not Registered" and "Setup needed" on payment
   summary contact cards in light mode, dark mode, mobile,
   and desktop.
   ========================================================= */

body.settlelink-builder-open .invoice-contact-card .invoice-contact-status-pills {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge {
  min-height: 38px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

/* Not Registered */
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge-not-registered,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge-not-registered {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(185, 28, 28, 0.55) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.22), transparent 42%),
    linear-gradient(135deg, #ef4444, #b91c1c) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 10px 22px rgba(185, 28, 28, 0.20) !important;
}

/* Setup needed */
body.settlelink-builder-open .invoice-contact-card .invoice-contact-payout-setup-needed,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-payout-setup-needed {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(190, 18, 60, 0.58) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.22), transparent 42%),
    linear-gradient(135deg, #e11d48, #9f1239) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 10px 22px rgba(190, 18, 60, 0.20) !important;
}

/* Force text inside the badges to stay readable */
body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge-not-registered *,
body.settlelink-builder-open .invoice-contact-card .invoice-contact-payout-setup-needed *,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge-not-registered *,
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-payout-setup-needed * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Dark mode: brighter red so it does not look muddy */
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-card .invoice-contact-badge-not-registered,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-card .invoice-contact-payout-setup-needed,
body.settlelink-dark-mode.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-badge-not-registered,
body.settlelink-dark-mode.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-payout-setup-needed {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(248, 113, 113, 0.62) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(254, 202, 202, 0.24), transparent 42%),
    linear-gradient(135deg, #f43f5e, #be123c) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 0 22px rgba(244, 63, 94, 0.20) !important;
}

/* Mobile: stop badges looking cramped */
@media (max-width: 720px) {
  body.settlelink-builder-open .invoice-contact-card .invoice-contact-status-pills {
    justify-content: flex-start !important;
    gap: 9px !important;
  }

  body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge {
    min-height: 40px !important;
    padding: 10px 15px !important;
    font-size: 0.84rem !important;
    max-width: 100% !important;
  }
}

/* Desktop: keep badges compact and polished */
@media (min-width: 721px) {
  body.settlelink-builder-open .invoice-contact-card .invoice-contact-badge {
    min-height: 36px !important;
    padding: 9px 15px !important;
    font-size: 0.84rem !important;
  }
}

/* =========================================================
   SETTLELINK PAYMENT SUMMARY + CONTACT BADGE POLISH BUNDLE
   Light mode + dark mode
   ========================================================= */

/* ---------- Dashboard project money colours ---------- */

body.settlelink-builder-open .dashboard-project-value {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-builder-open .dashboard-project-paid {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.settlelink-builder-open .dashboard-project-outstanding,
body.settlelink-builder-open .dashboard-money-owed {
  color: #ef4444 !important;
  -webkit-text-fill-color: #ef4444 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-value {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-paid {
  color: #42df82 !important;
  -webkit-text-fill-color: #42df82 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-outstanding,
body.settlelink-dark-mode.settlelink-builder-open .dashboard-money-owed {
  color: #ff6b6b !important;
  -webkit-text-fill-color: #ff6b6b !important;
}

/* Draft / awaiting project progress must not look active green */
body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-fill.is-awaiting {
  background: linear-gradient(90deg, #f59e0b, #fbbf24) !important;
  box-shadow: 0 0 18px rgba(245, 158, 11, 0.18) !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-note.is-awaiting {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-fill.is-awaiting {
  background: linear-gradient(90deg, #d97706, #fbbf24) !important;
  box-shadow: 0 0 20px rgba(251, 191, 36, 0.22) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-progress-note.is-awaiting {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}

/* ---------- Draft badge inside project ---------- */

body.settlelink-builder-open .status-badge.draft,
body.settlelink-builder-open .status-chip.draft {
  min-height: 36px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #f8fafc, #e2e8f0) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid rgba(148, 163, 184, 0.46) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .status-badge.draft,
body.settlelink-dark-mode.settlelink-builder-open .status-chip.draft {
  background: linear-gradient(135deg, #f8fafc, #cbd5e1) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(226, 232, 240, 0.78) !important;
  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.08) !important;
}

/* ---------- Shared badge sizing ---------- */

body.settlelink-builder-open .invoice-contact-badge,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip,
body.settlelink-builder-open .status-chip.contact-setup-chip,
body.settlelink-builder-open .status-chip.contact-payout-chip {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 0.84rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  text-align: center !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

body.settlelink-builder-open .invoice-contact-status-pills,
body.settlelink-builder-open .contacts-card-status-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Remove badge icons from these polished contact badges */
body.settlelink-builder-open .invoice-contact-badge::before,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip::before,
body.settlelink-builder-open .status-chip.contact-setup-chip::before,
body.settlelink-builder-open .status-chip.contact-payout-chip::before {
  content: none !important;
  display: none !important;
}

/* ---------- Not registered + Setup needed unified red style ---------- */

body.settlelink-builder-open .invoice-contact-badge-not-registered,
body.settlelink-builder-open .invoice-contact-payout-setup-needed,
body.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.is-not-registered,
body.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.not-registered,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.is-setup-needed,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.setup-needed {
  min-width: 142px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(190, 18, 60, 0.44) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.24), transparent 42%),
    linear-gradient(135deg, #fb5f7b, #d41450) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 12px 24px rgba(225, 29, 72, 0.18) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-badge-not-registered,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-setup-needed,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.is-not-registered,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.not-registered,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.is-setup-needed,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.setup-needed {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(251, 113, 133, 0.58) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.26), transparent 42%),
    linear-gradient(135deg, #ff4f75, #be123c) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 24px rgba(244, 63, 94, 0.18) !important;
}

/* Fallback for contact page red badges if class names are status-based */
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.danger,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.error,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.setup {
  min-width: 142px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(190, 18, 60, 0.44) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.24), transparent 42%),
    linear-gradient(135deg, #fb5f7b, #d41450) !important;
}

/* ---------- Registered / in progress / large proof badge clean-up ---------- */

body.settlelink-builder-open .invoice-contact-badge-registered,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.registered,
body.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.registered {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  border: 1px solid rgba(47, 102, 243, 0.48) !important;
  background: rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-badge-registered,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .status-chip.registered,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.registered {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  border-color: rgba(96, 165, 250, 0.64) !important;
  background: rgba(37, 99, 235, 0.16) !important;
}

body.settlelink-builder-open .invoice-contact-payout-large-payment-proven,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-proven {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(34, 197, 94, 0.45) !important;
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
}

body.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  border: 1px solid rgba(245, 158, 11, 0.44) !important;
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(251, 191, 36, 0.56) !important;
  background: linear-gradient(135deg, #facc15, #d97706) !important;
}

/* Setup in progress */
body.settlelink-builder-open .invoice-contact-payout-setup-in-progress,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.setup-in-progress,
body.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.in-progress {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(47, 102, 243, 0.52) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.2), transparent 42%),
    linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
}

/* ---------- Not needed badge in large payment proof area ---------- */

body.settlelink-builder-open .invoice-contact-payout-not-needed {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(100, 116, 139, 0.38) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(135deg, #64748b, #334155) !important;
  box-shadow: 0 10px 20px rgba(51, 65, 85, 0.12) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-not-needed {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.42) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.16), transparent 42%),
    linear-gradient(135deg, #475569, #1e293b) !important;
  box-shadow: 0 0 20px rgba(148, 163, 184, 0.10) !important;
}

/* Large payment proof helper box polish */
body.settlelink-builder-open .large-payment-proof-helper {
  border-radius: 18px !important;
  padding: 14px 16px !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.32) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper strong {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper span {
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

/* ---------- Back home button polish ---------- */

body.settlelink-builder-open .more-back-home-wrap {
  margin-top: 22px !important;
}

body.settlelink-builder-open .more-back-home-btn {
  min-height: 66px !important;
  border-radius: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(47, 102, 243, 0.10), transparent 42%),
    linear-gradient(135deg, #ffffff, #f7faff) !important;
  border: 1px solid rgba(47, 102, 243, 0.28) !important;
  box-shadow:
    0 16px 34px rgba(15, 35, 75, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.settlelink-builder-open .more-back-home-btn::before {
  content: "⌂" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-right: 2px !important;
  border-radius: 999px !important;
  background: rgba(47, 102, 243, 0.10) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 1rem !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-back-home-btn {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(96, 165, 250, 0.18), transparent 42%),
    linear-gradient(135deg, #111c31, #0c1424) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.22),
    0 0 28px rgba(47, 102, 243, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-back-home-btn::before {
  background: rgba(96, 165, 250, 0.14) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

/* ---------- Mobile tightening ---------- */

@media (max-width: 720px) {
  body.settlelink-builder-open .invoice-contact-badge,
  body.settlelink-builder-open .contacts-card-status-wrap .status-chip,
  body.settlelink-builder-open .status-chip.contact-setup-chip,
  body.settlelink-builder-open .status-chip.contact-payout-chip {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 0.82rem !important;
  }

  body.settlelink-builder-open .invoice-contact-badge-not-registered,
  body.settlelink-builder-open .invoice-contact-payout-setup-needed,
  body.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.is-not-registered,
  body.settlelink-builder-open .contacts-card-status-wrap .contact-setup-chip.not-registered,
  body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.is-setup-needed,
  body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.setup-needed,
  body.settlelink-builder-open .contacts-card-status-wrap .status-chip.danger,
  body.settlelink-builder-open .contacts-card-status-wrap .status-chip.error,
  body.settlelink-builder-open .contacts-card-status-wrap .status-chip.setup {
    min-width: 126px !important;
  }

  body.settlelink-builder-open .contacts-card-status-wrap,
  body.settlelink-builder-open .invoice-contact-status-pills {
    gap: 8px !important;
  }
}

/* ---------- Desktop polish ---------- */

@media (min-width: 721px) {
  body.settlelink-builder-open .invoice-contact-badge,
  body.settlelink-builder-open .contacts-card-status-wrap .status-chip,
  body.settlelink-builder-open .status-chip.contact-setup-chip,
  body.settlelink-builder-open .status-chip.contact-payout-chip {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 15px !important;
    font-size: 0.82rem !important;
  }
}

/* =========================================================
   SETTLELINK FOLLOW-UP POLISH PATCH
   Draft badge, proof badges, dashboard alignment,
   and project overview alignment.
   Light mode + dark mode.
   ========================================================= */


/* ---------- Draft badge inside project payment cards ---------- */

body.settlelink-builder-open .project-invoice-card .status-badge.draft,
body.settlelink-builder-open .project-invoice-card .status-chip.draft,
body.settlelink-builder-open .project-invoice-card strong.status-badge.draft,
body.settlelink-builder-open .project-invoice-card strong.status-chip.draft,
body.settlelink-builder-open .project-invoice-card .project-invoice-status-draft {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 1px solid rgba(245, 158, 11, 0.48) !important;
  box-shadow: 0 10px 22px rgba(245, 158, 11, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-badge.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-chip.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card strong.status-badge.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card strong.status-chip.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .project-invoice-status-draft {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.20), transparent 42%),
    linear-gradient(135deg, #fbbf24, #d97706) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(251, 191, 36, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 22px rgba(251, 191, 36, 0.16) !important;
}


/* ---------- Large payment not proven badge white text ---------- */

body.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.large-payment-not-proven {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(15, 23, 42, 0.22) !important;
}

body.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven *,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven *,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.large-payment-not-proven * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .status-chip.large-payment-not-proven {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.22), transparent 42%),
    linear-gradient(135deg, #f59e0b, #b45309) !important;
  border-color: rgba(251, 191, 36, 0.58) !important;
}


/* ---------- Dashboard card figure alignment ---------- */

body.settlelink-builder-open .dashboard-project-stats {
  align-items: stretch !important;
}

body.settlelink-builder-open .dashboard-project-stat {
  min-height: 76px !important;
  display: grid !important;
  grid-template-rows: 34px 1fr !important;
  align-items: start !important;
  justify-items: center !important;
  text-align: center !important;
}

body.settlelink-builder-open .dashboard-project-stat span {
  min-height: 34px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
}

body.settlelink-builder-open .dashboard-project-stat strong {
  margin-top: 6px !important;
  align-self: start !important;
  line-height: 1.05 !important;
}

body.settlelink-builder-open .dashboard-project-stat-owed span {
  max-width: 132px !important;
}


/* ---------- Project overview card figure alignment ---------- */

body.settlelink-builder-open .project-overview-stat-v2 {
  justify-content: start !important;
  grid-template-rows: 56px 46px auto !important;
}

body.settlelink-builder-open .project-overview-stat-v2 .project-stat-icon-v2 {
  flex: 0 0 auto !important;
}

body.settlelink-builder-open .project-overview-stat-label-v2 {
  min-height: 46px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
}

body.settlelink-builder-open .project-overview-stat-v2 strong {
  margin-top: 0 !important;
  align-self: start !important;
  line-height: 1.05 !important;
}

body.settlelink-builder-open .project-overview-stat-owed-v2 .project-overview-stat-label-v2 {
  max-width: 150px !important;
}


/* ---------- Project overview colours ---------- */

body.settlelink-builder-open .project-overview-stat-owed-v2 strong {
  color: #ef4444 !important;
  -webkit-text-fill-color: #ef4444 !important;
}

body.settlelink-builder-open .project-overview-stat-value-v2 strong {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-builder-open .project-overview-stat-paid-v2 strong {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-overview-stat-owed-v2 strong {
  color: #ff6b6b !important;
  -webkit-text-fill-color: #ff6b6b !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-overview-stat-value-v2 strong {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-overview-stat-paid-v2 strong {
  color: #42df82 !important;
  -webkit-text-fill-color: #42df82 !important;
}


/* ---------- Mobile tightening ---------- */

@media (max-width: 720px) {
  body.settlelink-builder-open .dashboard-project-stat {
    min-height: 72px !important;
    grid-template-rows: 36px 1fr !important;
  }

  body.settlelink-builder-open .dashboard-project-stat span {
    min-height: 36px !important;
    font-size: 0.94rem !important;
  }

  body.settlelink-builder-open .dashboard-project-stat strong {
    font-size: 1.22rem !important;
  }

  body.settlelink-builder-open .project-overview-stat-v2 {
    min-height: 150px !important;
    gap: 8px !important;
  }

  body.settlelink-builder-open .project-overview-stat-label-v2 {
    min-height: 42px !important;
    font-size: 0.9rem !important;
  }
}


/* ---------- Desktop ---------- */

@media (min-width: 721px) {
  body.settlelink-builder-open .dashboard-project-stat {
    min-height: 82px !important;
  }

  body.settlelink-builder-open .project-overview-stat-v2 {
    min-height: 160px !important;
  }
}

/* =========================================================
   SETTLELINK STAT + BADGE REPAIR PATCH
   Fixes:
   - Draft badge still white in dark mode
   - Dashboard 3 figures broken
   - Project overview 3 figures alignment
   - Large payment proven helper green
   - Large payment not proven white text
   Light + dark mode safe.
   ========================================================= */


/* ---------- Draft badge inside project payment summaries ---------- */

body.settlelink-builder-open .project-invoice-card .status-chip.draft,
body.settlelink-builder-open .project-card .status-chip.draft,
body.settlelink-builder-open .project-invoices-list .status-chip.draft {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.26), transparent 42%),
    linear-gradient(135deg, #fbbf24, #d97706) !important;
  border: 1px solid rgba(245, 158, 11, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 10px 22px rgba(245, 158, 11, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-chip.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-card .status-chip.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-invoices-list .status-chip.draft {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.30), transparent 42%),
    linear-gradient(135deg, #fde047, #f59e0b) !important;
  border-color: rgba(253, 224, 71, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 24px rgba(251, 191, 36, 0.18) !important;
}


/* ---------- Projects dashboard 3 figures repair ---------- */

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
  margin: 22px 0 24px !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat {
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 0 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  border-right: 1px solid rgba(148, 163, 184, 0.24) !important;
  grid-template-rows: none !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat:last-child {
  border-right: none !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat span {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  overflow: visible !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat strong {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  align-self: center !important;
  line-height: 1.05 !important;
  font-size: 1.28rem !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-value {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-paid {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-outstanding {
  color: #ef4444 !important;
  -webkit-text-fill-color: #ef4444 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat {
  border-right-color: rgba(148, 163, 184, 0.22) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-value {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-paid {
  color: #42df82 !important;
  -webkit-text-fill-color: #42df82 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-outstanding {
  color: #ff6b6b !important;
  -webkit-text-fill-color: #ff6b6b !important;
}


/* ---------- Project overview 3 figures repair ---------- */

body.settlelink-builder-open .project-overview-stats-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

body.settlelink-builder-open .project-overview-stat-v2 {
  min-width: 0 !important;
  min-height: 150px !important;
  padding: 14px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  text-align: center !important;
  grid-template-rows: none !important;
}

body.settlelink-builder-open .project-overview-stat-v2 .project-stat-icon-v2 {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  flex: 0 0 46px !important;
}

body.settlelink-builder-open .project-overview-stat-label-v2 {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
}

body.settlelink-builder-open .project-overview-stat-v2 strong {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  align-self: center !important;
  line-height: 1.05 !important;
  font-size: 1.35rem !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.settlelink-builder-open .project-overview-stat-value-v2 strong {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-builder-open .project-overview-stat-paid-v2 strong {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.settlelink-builder-open .project-overview-stat-owed-v2 strong {
  color: #ef4444 !important;
  -webkit-text-fill-color: #ef4444 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-overview-stat-value-v2 strong {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-overview-stat-paid-v2 strong {
  color: #42df82 !important;
  -webkit-text-fill-color: #42df82 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-overview-stat-owed-v2 strong {
  color: #ff6b6b !important;
  -webkit-text-fill-color: #ff6b6b !important;
}


/* ---------- Large payment proof helper colours ---------- */

body.settlelink-builder-open .large-payment-proof-helper-large-payment-proven {
  border-color: rgba(34, 197, 94, 0.46) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.14), transparent 38%),
    rgba(236, 253, 245, 0.96) !important;
}

body.settlelink-builder-open .large-payment-proof-helper-large-payment-proven strong,
body.settlelink-builder-open .large-payment-proof-helper-large-payment-proven span {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-proven {
  border-color: rgba(34, 197, 94, 0.52) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.16), transparent 38%),
    rgba(6, 78, 59, 0.20) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-proven strong {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-proven span {
  color: #d1fae5 !important;
  -webkit-text-fill-color: #d1fae5 !important;
}

body.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven {
  border-color: rgba(245, 158, 11, 0.42) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 158, 11, 0.14), transparent 38%),
    rgba(255, 251, 235, 0.96) !important;
}

body.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven strong {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

body.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven span {
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven {
  border-color: rgba(245, 158, 11, 0.42) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 158, 11, 0.14), transparent 38%),
    rgba(120, 53, 15, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven strong {
  color: #fcd34d !important;
  -webkit-text-fill-color: #fcd34d !important;
}

body.settlelink-dark-mode.settlelink-builder-open .large-payment-proof-helper-large-payment-not-proven span {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
}


/* ---------- Large payment not proven badge white text ---------- */

body.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.large-payment-not-proven {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(15, 23, 42, 0.22) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.20), transparent 42%),
    linear-gradient(135deg, #f59e0b, #b45309) !important;
  border-color: rgba(251, 191, 36, 0.58) !important;
}

body.settlelink-builder-open .invoice-contact-payout-large-payment-not-proven *,
body.settlelink-builder-open .contacts-card-status-wrap .contact-payout-chip.large-payment-not-proven *,
body.settlelink-builder-open .contacts-card-status-wrap .status-chip.large-payment-not-proven * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* ---------- Small mobile protection ---------- */

@media (max-width: 430px) {
  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat {
    min-height: 72px !important;
    padding: 0 6px !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat span {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 0.86rem !important;
  }

  body.settlelink-builder-open .dashboard-project-card-polished .dashboard-project-stat strong {
    font-size: 1.08rem !important;
  }

  body.settlelink-builder-open .project-overview-stats-v2 {
    gap: 8px !important;
  }

  body.settlelink-builder-open .project-overview-stat-v2 {
    min-height: 132px !important;
    padding: 12px 5px !important;
    gap: 7px !important;
  }

  body.settlelink-builder-open .project-overview-stat-v2 .project-stat-icon-v2 {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
  }

  body.settlelink-builder-open .project-overview-stat-label-v2 {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 0.78rem !important;
  }

  body.settlelink-builder-open .project-overview-stat-v2 strong {
    font-size: 1.08rem !important;
  }
}

/* =========================================================
   PROJECT PAYMENT SUMMARY BADGE FINAL FIX
   Draft = grey, Paid dark mode = no white background.
   Light + dark mode safe.
   ========================================================= */


/* ---------- Draft badge: grey in light + dark mode ---------- */

body.settlelink-builder-open .project-invoice-card .status-chip.draft,
body.settlelink-builder-open .project-card .status-chip.draft,
body.settlelink-builder-open .project-invoices-list .status-chip.draft {
  min-height: 38px !important;
  height: 38px !important;
  width: fit-content !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.55), transparent 42%),
    linear-gradient(135deg, #f8fafc, #e2e8f0) !important;
  border: 1px solid rgba(148, 163, 184, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 10px 22px rgba(15, 23, 42, 0.06) !important;
  text-shadow: none !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-chip.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-card .status-chip.draft,
body.settlelink-dark-mode.settlelink-builder-open .project-invoices-list .status-chip.draft {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.10), transparent 42%),
    linear-gradient(135deg, rgba(71, 85, 105, 0.92), rgba(30, 41, 59, 0.96)) !important;
  border-color: rgba(148, 163, 184, 0.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.16) !important;
  text-shadow: none !important;
}


/* ---------- Paid badge: keep light mode, fix dark mode only ---------- */

body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-chip.paid,
body.settlelink-dark-mode.settlelink-builder-open .project-card .status-chip.paid,
body.settlelink-dark-mode.settlelink-builder-open .project-invoices-list .status-chip.paid,
body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-badge.paid,
body.settlelink-dark-mode.settlelink-builder-open .project-card .status-badge.paid,
body.settlelink-dark-mode.settlelink-builder-open .project-invoices-list .status-badge.paid {
  min-height: 38px !important;
  height: 38px !important;
  width: fit-content !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.16), transparent 42%),
    linear-gradient(135deg, rgba(22, 101, 52, 0.34), rgba(20, 83, 45, 0.26)) !important;
  border: 1px solid rgba(34, 197, 94, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 20px rgba(34, 197, 94, 0.10) !important;
  text-shadow: none !important;
}

body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-chip.paid *,
body.settlelink-dark-mode.settlelink-builder-open .project-card .status-chip.paid *,
body.settlelink-dark-mode.settlelink-builder-open .project-invoices-list .status-chip.paid *,
body.settlelink-dark-mode.settlelink-builder-open .project-invoice-card .status-badge.paid *,
body.settlelink-dark-mode.settlelink-builder-open .project-card .status-badge.paid *,
body.settlelink-dark-mode.settlelink-builder-open .project-invoices-list .status-badge.paid * {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

/* =========================================================
   COMPLETED PROJECTS CARD + ILLUSTRATION POLISH
   Uses public/assets/completed-projects-illustration.png
   Light + dark mode safe.
   ========================================================= */

body.settlelink-builder-open .dashboard-completed-panel-polished {
  position: relative !important;
  overflow: hidden !important;
  padding: 26px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 88% 24%, rgba(47, 102, 243, 0.10), transparent 30%),
    radial-gradient(circle at 8% 18%, rgba(49, 196, 141, 0.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid rgba(216, 225, 244, 0.95) !important;
  box-shadow: 0 20px 44px rgba(15, 35, 75, 0.10) !important;
}

body.settlelink-builder-open .dashboard-completed-main {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) 118px !important;
  gap: 16px !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}

body.settlelink-builder-open .dashboard-completed-icon-green {
  width: 74px !important;
  height: 74px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.92), transparent 45%),
    linear-gradient(180deg, #ecfdf3 0%, #dcfae6 100%) !important;
  color: #16a34a !important;
  font-size: 36px !important;
  font-weight: 950 !important;
  box-shadow:
    0 0 0 10px rgba(34, 197, 94, 0.055),
    0 14px 28px rgba(34, 197, 94, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

body.settlelink-builder-open .dashboard-completed-copy {
  min-width: 0 !important;
}

body.settlelink-builder-open .dashboard-completed-copy .panel-title {
  font-size: 26px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  color: #102248 !important;
}

body.settlelink-builder-open .dashboard-completed-copy .muted-text {
  margin-top: 8px !important;
  color: #7181a6 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

body.settlelink-builder-open .dashboard-completed-trust-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

body.settlelink-builder-open .dashboard-completed-trust-row span {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: rgba(47, 102, 243, 0.07) !important;
  color: #2f66f3 !important;
  border: 1px solid rgba(47, 102, 243, 0.10) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.settlelink-builder-open .dashboard-completed-illustration {
  width: 118px !important;
  max-width: 118px !important;
  height: auto !important;
  justify-self: end !important;
  align-self: center !important;
  object-fit: contain !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: drop-shadow(0 18px 24px rgba(47, 102, 243, 0.16)) !important;
}

body.settlelink-builder-open .dashboard-completed-open-btn-polished {
  width: 100% !important;
  min-height: 68px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(47, 102, 243, 0.50) !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  text-align: left !important;
  cursor: pointer !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.32), transparent 38%),
    linear-gradient(135deg, #2f66f3 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 16px 34px rgba(47, 102, 243, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body.settlelink-builder-open .dashboard-completed-open-btn-polished:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 20px 40px rgba(47, 102, 243, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.settlelink-builder-open .dashboard-completed-open-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  position: relative !important;
  display: inline-flex !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

body.settlelink-builder-open .dashboard-completed-open-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 18px !important;
  width: 22px !important;
  height: 16px !important;
  border: 3px solid currentColor !important;
  border-radius: 5px !important;
}

body.settlelink-builder-open .dashboard-completed-open-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 13px !important;
  width: 14px !important;
  height: 8px !important;
  border: 3px solid currentColor !important;
  border-bottom: none !important;
  border-radius: 5px 5px 0 0 !important;
}

body.settlelink-builder-open .dashboard-completed-open-btn-polished strong {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

body.settlelink-builder-open .dashboard-completed-open-btn-polished small {
  display: block !important;
  margin-top: 3px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body.settlelink-builder-open .dashboard-completed-open-arrow {
  color: #ffffff !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

/* Dark mode */
body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-panel-polished {
  background:
    radial-gradient(circle at 88% 22%, rgba(47, 102, 243, 0.18), transparent 32%),
    radial-gradient(circle at 8% 20%, rgba(34, 197, 94, 0.10), transparent 28%),
    linear-gradient(180deg, rgba(17, 28, 46, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
  border-color: rgba(71, 85, 105, 0.76) !important;
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.26),
    0 0 36px rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-copy .panel-title {
  color: #f8fbff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-copy .muted-text {
  color: #9fb0cf !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-icon-green {
  background:
    radial-gradient(circle at 35% 28%, rgba(134, 239, 172, 0.18), transparent 45%),
    linear-gradient(180deg, rgba(34, 197, 94, 0.18) 0%, rgba(21, 128, 61, 0.12) 100%) !important;
  color: #86efac !important;
  border: 1px solid rgba(34, 197, 94, 0.32) !important;
  box-shadow:
    0 0 0 10px rgba(34, 197, 94, 0.045),
    0 0 30px rgba(34, 197, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-trust-row span {
  background: rgba(47, 102, 243, 0.14) !important;
  color: #93c5fd !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-illustration {
  filter:
    drop-shadow(0 0 18px rgba(47, 102, 243, 0.28))
    drop-shadow(0 18px 28px rgba(0, 0, 0, 0.22)) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-open-btn-polished {
  background:
    radial-gradient(circle at 12% 0%, rgba(147, 197, 253, 0.20), transparent 40%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.40), rgba(15, 23, 42, 0.86)) !important;
  border-color: rgba(47, 102, 243, 0.72) !important;
  box-shadow:
    0 0 28px rgba(47, 102, 243, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-open-icon {
  background: rgba(47, 102, 243, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.26) !important;
}

/* Mobile */
@media (max-width: 720px) {
  body.settlelink-builder-open .dashboard-completed-panel-polished {
    padding: 22px !important;
  }

  body.settlelink-builder-open .dashboard-completed-main {
    grid-template-columns: 64px minmax(0, 1fr) 94px !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  body.settlelink-builder-open .dashboard-completed-icon-green {
    width: 64px !important;
    height: 64px !important;
    font-size: 32px !important;
  }

  body.settlelink-builder-open .dashboard-completed-copy .panel-title {
    font-size: 22px !important;
  }

  body.settlelink-builder-open .dashboard-completed-copy .muted-text {
    font-size: 14px !important;
  }

  body.settlelink-builder-open .dashboard-completed-illustration {
    width: 94px !important;
    max-width: 94px !important;
  }

  body.settlelink-builder-open .dashboard-completed-trust-row {
    display: none !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn-polished {
    min-height: 64px !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn-polished strong {
    font-size: 16px !important;
  }
}

@media (max-width: 430px) {
  body.settlelink-builder-open .dashboard-completed-main {
    grid-template-columns: 58px minmax(0, 1fr) 82px !important;
    gap: 10px !important;
  }

  body.settlelink-builder-open .dashboard-completed-icon-green {
    width: 58px !important;
    height: 58px !important;
    font-size: 29px !important;
  }

  body.settlelink-builder-open .dashboard-completed-illustration {
    width: 82px !important;
    max-width: 82px !important;
  }

  body.settlelink-builder-open .dashboard-completed-copy .panel-title {
    font-size: 20px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn-polished small {
    display: none !important;
  }
}

/* =========================================================
   COMPLETED PROJECTS BUTTON LIGHT/DARK REPAIR
   Fixes broken folder CSS icon + light mode button text.
   ========================================================= */

/* Base button reset */
body.settlelink-builder-open .dashboard-completed-open-btn-polished,
body.settlelink-builder-open button.dashboard-completed-open-btn-polished {
  width: 100% !important;
  min-height: 68px !important;
  padding: 12px 16px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  text-align: left !important;
  overflow: hidden !important;
}

/* Light mode: make button readable and polished */
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-open-btn-polished,
body.settlelink-builder-open:not(.settlelink-dark-mode) button.dashboard-completed-open-btn-polished {
  background:
    radial-gradient(circle at 12% 0%, rgba(47, 102, 243, 0.10), transparent 42%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  border: 1px solid rgba(47, 102, 243, 0.48) !important;
  box-shadow:
    0 14px 30px rgba(47, 102, 243, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

/* Dark mode: keep premium blue/navy look */
body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-open-btn-polished,
body.settlelink-dark-mode.settlelink-builder-open button.dashboard-completed-open-btn-polished {
  background:
    radial-gradient(circle at 12% 0%, rgba(147, 197, 253, 0.20), transparent 40%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.42), rgba(15, 23, 42, 0.88)) !important;
  border: 1px solid rgba(47, 102, 243, 0.72) !important;
  box-shadow:
    0 0 28px rgba(47, 102, 243, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Force button text visible in light mode */
body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-open-btn-polished strong {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  display: block !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-open-btn-polished small {
  color: #7181a6 !important;
  -webkit-text-fill-color: #7181a6 !important;
  display: block !important;
  margin-top: 3px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

/* Force button text visible in dark mode */
body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-open-btn-polished strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-open-btn-polished small {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

/* Fix broken folder icon shape */
body.settlelink-builder-open .dashboard-completed-open-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 16px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  color: currentColor !important;
}

body.settlelink-builder-open:not(.settlelink-dark-mode) .dashboard-completed-open-icon {
  background: rgba(47, 102, 243, 0.08) !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .dashboard-completed-open-icon {
  background: rgba(47, 102, 243, 0.18) !important;
  border: 1px solid rgba(96, 165, 250, 0.26) !important;
}

/* Remove older broken icon drawings */
body.settlelink-builder-open .dashboard-completed-open-icon::before,
body.settlelink-builder-open .dashboard-completed-open-icon::after {
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Folder body */
body.settlelink-builder-open .dashboard-completed-open-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 19px !important;
  width: 25px !important;
  height: 17px !important;
  border: 3px solid currentColor !important;
  border-radius: 5px !important;
}

/* Folder tab */
body.settlelink-builder-open .dashboard-completed-open-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  top: 14px !important;
  width: 15px !important;
  height: 8px !important;
  border: 3px solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 5px 5px 0 0 !important;
}

/* Arrow */
body.settlelink-builder-open .dashboard-completed-open-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

/* Mobile tightening */
@media (max-width: 430px) {
  body.settlelink-builder-open .dashboard-completed-open-btn-polished,
  body.settlelink-builder-open button.dashboard-completed-open-btn-polished {
    min-height: 64px !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding: 10px 14px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 15px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-icon::before {
    left: 11px !important;
    top: 18px !important;
    width: 23px !important;
    height: 16px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-icon::after {
    left: 14px !important;
    top: 13px !important;
    width: 14px !important;
    height: 8px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn-polished strong {
    font-size: 15px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-btn-polished small {
    display: none !important;
  }
}

/* =========================================================
   COMPLETED PROJECTS BUTTON ICON HANDLE FIX
   Fixes the broken briefcase handle.
   ========================================================= */

body.settlelink-builder-open .dashboard-completed-open-icon {
  position: relative !important;
  overflow: hidden !important;
}

/* Briefcase body */
body.settlelink-builder-open .dashboard-completed-open-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 19px !important;
  width: 24px !important;
  height: 17px !important;
  border: 3px solid currentColor !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-sizing: border-box !important;
  z-index: 1 !important;
}

/* Briefcase handle */
body.settlelink-builder-open .dashboard-completed-open-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 13px !important;
  width: 12px !important;
  height: 8px !important;
  border: 3px solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
}

/* Mobile tighten */
@media (max-width: 430px) {
  body.settlelink-builder-open .dashboard-completed-open-icon::before {
    left: 10px !important;
    top: 18px !important;
    width: 23px !important;
    height: 16px !important;
  }

  body.settlelink-builder-open .dashboard-completed-open-icon::after {
    left: 16px !important;
    top: 12px !important;
    width: 11px !important;
    height: 8px !important;
  }
}
/* ===== Rewards figures clarity polish ===== */

.referral-reward-box-clean {
  overflow: hidden;
}

.referral-reward-stats-clean {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch;
}

.referral-reward-stat-card {
  position: relative;
  min-width: 0;
  min-height: 108px;
  padding: 15px 14px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  border: 1px solid #dbe6f6 !important;
  box-shadow: 0 12px 26px rgba(15, 35, 75, 0.06);
}

.referral-reward-stat-card small {
  display: block;
  max-width: 100%;
  min-height: 32px;
  color: #667795 !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em;
}

.referral-reward-stat-card strong {
  display: block;
  margin-top: 12px !important;
  color: #071a44 !important;
  font-size: clamp(22px, 5.2vw, 28px) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}

.referral-reward-stat-card:nth-child(1) strong {
  color: #2f66f3 !important;
}

.referral-reward-stat-card:nth-child(2) strong {
  color: #16a34a !important;
}

.referral-reward-stat-card:nth-child(3) strong {
  color: #0f7a3a !important;
}

/* Dark mode */
body.settlelink-dark-mode .referral-reward-stat-card {
  background:
    radial-gradient(circle at 20% 0%, rgba(47, 102, 243, 0.16), transparent 38%),
    linear-gradient(180deg, #101b2d 0%, #0b1322 100%) !important;
  border-color: rgba(71, 95, 132, 0.82) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .referral-reward-stat-card small {
  color: #b6c7e6 !important;
  -webkit-text-fill-color: #b6c7e6 !important;
}

body.settlelink-dark-mode .referral-reward-stat-card strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

body.settlelink-dark-mode .referral-reward-stat-card:nth-child(1) strong {
  color: #7db4ff !important;
  -webkit-text-fill-color: #7db4ff !important;
}

body.settlelink-dark-mode .referral-reward-stat-card:nth-child(2) strong {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode .referral-reward-stat-card:nth-child(3) strong {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

/* Mobile: turn rewards figures into clear readable rows */
@media (max-width: 640px) {
  .referral-reward-stats-clean {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .referral-reward-stat-card {
    min-height: 0 !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 14px;
    padding: 14px 16px !important;
  }

  .referral-reward-stat-card small {
    min-height: 0;
    margin: 0;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  .referral-reward-stat-card strong {
    margin-top: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    text-align: right;
    white-space: nowrap;
  }

  .referral-reward-helper-line {
    align-items: flex-start !important;
  }
}

@media (max-width: 380px) {
  .referral-reward-stat-card {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .referral-reward-stat-card strong {
    text-align: left;
    font-size: 26px !important;
  }
}


/* ===== Rewards mobile readability repair ===== */

/* Force rewards stats into readable rows on phone/app widths */
@media (max-width: 900px) {
  .referral-reward-stats-clean {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .referral-reward-stat-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
  }

  .referral-reward-stat-card small {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: left !important;
  }

  .referral-reward-stat-card strong {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: right !important;
  }
}

/* Small phones */
@media (max-width: 380px) {
  .referral-reward-stat-card {
    padding: 14px 15px !important;
    gap: 12px !important;
  }

  .referral-reward-stat-card small {
    font-size: 14px !important;
  }

  .referral-reward-stat-card strong {
    font-size: 27px !important;
  }
}


/* ===== Rewards paid-to-you overlap repair ===== */

@media (max-width: 900px) {
  .referral-reward-stats-clean {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .referral-reward-stat-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 18px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
  }

  .referral-reward-stat-card small {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: left !important;
  }

  .referral-reward-stat-card strong {
    display: block !important;
    min-width: max-content !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: right !important;
  }
}

/* Extra safety for narrow phones */
@media (max-width: 380px) {
  .referral-reward-stat-card {
    padding: 14px 15px !important;
    column-gap: 12px !important;
  }

  .referral-reward-stat-card small {
    font-size: 14px !important;
  }

  .referral-reward-stat-card strong {
    font-size: 27px !important;
  }
}


/* ===== iOS-only receipts folder/card polish ===== */
/* Keeps Android receipt cards/folders untouched */
@supports (-webkit-touch-callout: none) {
  .receipts-project-card {
    overflow: hidden;
  }

  .receipts-project-header {
    align-items: center !important;
    gap: 18px !important;
  }

  .receipts-folder-icon {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 78px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 30% 18%, rgba(255, 218, 92, 0.22), transparent 42%),
      linear-gradient(180deg, #fff8d7 0%, #fff1a8 100%) !important;
    border: 1px solid rgba(222, 173, 38, 0.32) !important;
    box-shadow:
      0 16px 34px rgba(236, 180, 37, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  }

  .receipts-folder-emoji {
    display: none !important;
  }

  .receipts-folder-icon::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 25px;
    width: 22px;
    height: 9px;
    border-radius: 7px 7px 3px 3px;
    background: linear-gradient(180deg, #ffd463 0%, #f2b634 100%);
  }

  .receipts-folder-icon::after {
    content: "";
    position: absolute;
    left: 16px;
    top: 31px;
    width: 46px;
    height: 31px;
    border-radius: 7px 8px 9px 9px;
    background:
      linear-gradient(135deg, rgba(255,255,255,0.28) 0%, transparent 40%),
      linear-gradient(180deg, #ffd66d 0%, #f2b138 100%);
    box-shadow:
      0 10px 18px rgba(185, 123, 14, 0.18),
      inset 0 1px 0 rgba(255,255,255,0.45);
  }

  body.settlelink-dark-mode .receipts-folder-icon {
    background:
      radial-gradient(circle at 30% 18%, rgba(255, 207, 75, 0.2), transparent 45%),
      linear-gradient(180deg, rgba(35, 51, 76, 0.96) 0%, rgba(16, 28, 47, 0.98) 100%) !important;
    border-color: rgba(93, 122, 171, 0.74) !important;
    box-shadow:
      0 18px 42px rgba(0, 0, 0, 0.26),
      0 0 28px rgba(47, 102, 243, 0.14),
      inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }

  body.settlelink-dark-mode .receipts-folder-icon::before {
    background: linear-gradient(180deg, #ffd86f 0%, #f6bd3e 100%);
  }

  body.settlelink-dark-mode .receipts-folder-icon::after {
    background:
      linear-gradient(135deg, rgba(255,255,255,0.22) 0%, transparent 42%),
      linear-gradient(180deg, #ffd46b 0%, #e9a92d 100%);
  }

  .receipt-list-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 255px) !important;
    gap: 18px !important;
    align-items: center !important;
    border-radius: 22px !important;
  }

  .receipt-list-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-self: center !important;
  }

  .receipt-primary-btn,
  .receipt-secondary-btn {
    min-height: 62px !important;
    border-radius: 18px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .receipt-secondary-btn {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(47, 102, 243, 0.24) !important;
    color: #2f66f3 !important;
  }

  body.settlelink-dark-mode .receipt-secondary-btn {
    background: rgba(18, 30, 50, 0.92) !important;
    border-color: rgba(122, 151, 203, 0.36) !important;
    color: #d7e5ff !important;
    -webkit-text-fill-color: #d7e5ff !important;
  }

  @media (max-width: 640px) {
    .receipts-project-header {
      display: grid !important;
      grid-template-columns: 74px minmax(0, 1fr) 58px !important;
      gap: 14px !important;
    }

    .receipts-folder-icon {
      width: 68px !important;
      height: 68px !important;
      flex-basis: 68px !important;
      border-radius: 20px !important;
    }

    .receipts-folder-icon::before {
      left: 17px;
      top: 23px;
      width: 20px;
      height: 8px;
    }

    .receipts-folder-icon::after {
      left: 14px;
      top: 28px;
      width: 41px;
      height: 28px;
    }

    .receipt-list-row {
      grid-template-columns: minmax(0, 1fr) minmax(150px, 42%) !important;
      gap: 14px !important;
      padding: 16px !important;
    }

    .receipt-primary-btn,
    .receipt-secondary-btn {
      min-height: 58px !important;
      padding-left: 12px !important;
      padding-right: 12px !important;
      font-size: 15px !important;
    }
  }

  @media (max-width: 380px) {
    .receipt-list-row {
      grid-template-columns: 1fr !important;
    }
  }
}

/* === SettleLink bundle: loading screens, mobile form safety, VAT/CIS warning polish === */

.app-boot-shell,
.startup-loading-screen {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:
    calc(22px + env(safe-area-inset-top, 0px))
    18px
    calc(28px + env(safe-area-inset-bottom, 0px));
  background:
    radial-gradient(circle at top, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #eef3fb 100%) !important;
  color: #102248 !important;
}

.app-boot-shell-card,
.startup-loading-card {
  width: min(620px, 100%);
  border: 1px solid rgba(166, 181, 205, 0.58);
  border-radius: 28px;
  padding: 30px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #102248 !important;
  box-shadow: 0 24px 64px rgba(15, 34, 72, 0.12);
}

.app-boot-shell-title,
.startup-loading-title {
  color: #102248 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.app-boot-shell-text,
.startup-loading-subtitle,
.startup-loading-card p {
  color: #5f6f92 !important;
  opacity: 1 !important;
}

.app-boot-shell-spinner,
.startup-loading-spinner {
  border-color: rgba(47, 102, 243, 0.16) !important;
  border-top-color: #2f66f3 !important;
}

body.settlelink-dark-mode .app-boot-shell,
body.settlelink-dark-mode .startup-loading-screen {
  background:
    radial-gradient(circle at top, rgba(47, 102, 243, 0.2), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #020617 100%) !important;
  color: #f8fbff !important;
}

body.settlelink-dark-mode .app-boot-shell-card,
body.settlelink-dark-mode .startup-loading-card {
  border-color: rgba(70, 92, 130, 0.72);
  background: rgba(8, 18, 34, 0.96) !important;
  color: #f8fbff !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

body.settlelink-dark-mode .app-boot-shell-title,
body.settlelink-dark-mode .startup-loading-title {
  color: #f8fbff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.settlelink-dark-mode .app-boot-shell-text,
body.settlelink-dark-mode .startup-loading-subtitle,
body.settlelink-dark-mode .startup-loading-card p {
  color: #c9d6ee !important;
  opacity: 1 !important;
}

body.settlelink-dark-mode .app-boot-shell-spinner,
body.settlelink-dark-mode .startup-loading-spinner {
  border-color: rgba(96, 165, 250, 0.2) !important;
  border-top-color: #60a5fa !important;
}

/* Public/contact setup payment-provider loading overlay */
.settlelink-payment-loading-screen {
  background:
    radial-gradient(circle at top, rgba(47, 102, 243, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 251, 0.98)) !important;
}

.settlelink-payment-loading-card {
  background: rgba(255, 255, 255, 0.98) !important;
  color: #102248 !important;
  border-color: rgba(166, 181, 205, 0.58) !important;
  box-shadow: 0 24px 64px rgba(15, 34, 72, 0.12) !important;
}

.settlelink-payment-loading-title {
  color: #102248 !important;
  opacity: 1 !important;
}

.settlelink-payment-loading-text {
  color: #5f6f92 !important;
  opacity: 1 !important;
}

.settlelink-payment-loading-spinner {
  border-color: rgba(47, 102, 243, 0.16) !important;
  border-top-color: #2f66f3 !important;
}

body.settlelink-dark-mode .settlelink-payment-loading-screen {
  background:
    radial-gradient(circle at top, rgba(47, 102, 243, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(7, 17, 31, 0.98), rgba(2, 6, 23, 0.98)) !important;
}

body.settlelink-dark-mode .settlelink-payment-loading-card {
  background: rgba(8, 18, 34, 0.96) !important;
  color: #f8fbff !important;
  border-color: rgba(70, 92, 130, 0.72) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42) !important;
}

body.settlelink-dark-mode .settlelink-payment-loading-title {
  color: #f8fbff !important;
  opacity: 1 !important;
}

body.settlelink-dark-mode .settlelink-payment-loading-text {
  color: #c9d6ee !important;
  opacity: 1 !important;
}

body.settlelink-dark-mode .settlelink-payment-loading-spinner {
  border-color: rgba(96, 165, 250, 0.2) !important;
  border-top-color: #60a5fa !important;
}

/* Mobile create/edit payment summary safety */
@media (max-width: 720px) {
  .page-header,
  .form-panel,
  .panel.form-panel {
    scroll-margin-top: calc(18px + env(safe-area-inset-top, 0px));
  }

  .form-panel .field-group:first-child,
  .panel.form-panel .field-group:first-child {
    margin-top: 4px;
  }

  .field-group label {
    line-height: 1.25;
  }

  .form-error-text,
  .muted-text {
    overflow-wrap: anywhere;
  }
}

/* Softer warning card for project value overrun */
.project-value-overrun-warning,
.invoice-overrun-warning,
.payment-summary-overrun-warning,
.notice-box.warning.project-value-overrun-warning {
  border-color: rgba(245, 158, 11, 0.45) !important;
  background:
    linear-gradient(180deg, rgba(255, 251, 235, 0.98), rgba(254, 243, 199, 0.92)) !important;
  color: #7c4a03 !important;
}

.project-value-overrun-warning strong,
.invoice-overrun-warning strong,
.payment-summary-overrun-warning strong,
.notice-box.warning.project-value-overrun-warning strong {
  color: #5f3900 !important;
}

body.settlelink-dark-mode .project-value-overrun-warning,
body.settlelink-dark-mode .invoice-overrun-warning,
body.settlelink-dark-mode .payment-summary-overrun-warning,
body.settlelink-dark-mode .notice-box.warning.project-value-overrun-warning {
  border-color: rgba(245, 158, 11, 0.45) !important;
  background:
    linear-gradient(180deg, rgba(69, 43, 10, 0.72), rgba(43, 29, 10, 0.82)) !important;
  color: #fde68a !important;
}

body.settlelink-dark-mode .project-value-overrun-warning strong,
body.settlelink-dark-mode .invoice-overrun-warning strong,
body.settlelink-dark-mode .payment-summary-overrun-warning strong,
body.settlelink-dark-mode .notice-box.warning.project-value-overrun-warning strong {
  color: #fff7cc !important;
}

/* === SettleLink bundle: receipts multi-select ZIP download === */

.receipts-select-toolbar {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(47, 102, 243, 0.16);
  border-radius: 20px;
  background: rgba(47, 102, 243, 0.055);
}

.receipts-select-toolbar strong {
  display: block;
  color: #102248;
  font-size: 16px;
  line-height: 1.2;
}

.receipts-select-toolbar .muted-text {
  margin-top: 4px;
}

.receipts-select-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.receipts-select-actions .primary-btn,
.receipts-select-actions .secondary-btn,
.receipts-select-toolbar > .secondary-btn {
  width: 100%;
  min-height: 48px;
}

.receipts-select-actions .primary-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.receipt-list-row-selectable {
  position: relative;
  grid-template-columns: minmax(92px, 112px) minmax(0, 1fr) minmax(150px, 42%) !important;
  align-items: center !important;
}

.receipt-list-row-selected {
  border-color: rgba(47, 102, 243, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(255, 255, 255, 0.96)) !important;
}

.receipt-select-control {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid rgba(47, 102, 243, 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.86);
  color: #23406f;
  font-weight: 800;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.receipt-select-control input {
  width: 20px;
  height: 20px;
  accent-color: #2f66f3;
}

body.settlelink-dark-mode .receipts-select-toolbar {
  border-color: rgba(96, 165, 250, 0.24);
  background: rgba(96, 165, 250, 0.08);
}

body.settlelink-dark-mode .receipts-select-toolbar strong {
  color: #f8fbff;
}

body.settlelink-dark-mode .receipt-list-row-selected {
  border-color: rgba(96, 165, 250, 0.44) !important;
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.18), rgba(15, 23, 42, 0.86)) !important;
}

body.settlelink-dark-mode .receipt-select-control {
  border-color: rgba(122, 151, 203, 0.38);
  background: rgba(18, 30, 50, 0.92);
  color: #d7e5ff;
  -webkit-text-fill-color: #d7e5ff;
}

@media (max-width: 720px) {
  .receipts-select-actions {
    grid-template-columns: 1fr;
  }

  .receipt-list-row-selectable {
    grid-template-columns: 1fr !important;
  }

  .receipt-select-control {
    justify-content: flex-start;
    width: 100%;
  }
}

/* === SettleLink repair: receipts select mode mobile layout === */

.receipts-select-toolbar,
.receipts-select-toolbar.receipts-select-toolbar-active {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.receipts-select-toolbar *,
.receipts-select-actions *,
.receipt-list-row-selectable *,
.receipt-select-control * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

.receipts-select-toolbar strong,
#receiptSelectedCountLabel {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

.receipts-select-toolbar .muted-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 1.45 !important;
}

.receipts-select-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.receipts-select-actions .primary-btn,
.receipts-select-actions .secondary-btn,
.receipts-select-toolbar > .secondary-btn,
.receipts-select-toolbar > .primary-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.receipts-select-actions .primary-btn[disabled],
#downloadSelectedReceiptsBtn[disabled] {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.receipt-list-row.receipt-list-row-selectable {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 14px !important;
}

.receipt-list-row.receipt-list-row-selectable .receipt-select-control {
  order: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  text-align: left !important;
  line-height: 1.2 !important;
}

.receipt-list-row.receipt-list-row-selectable .receipt-select-control span {
  display: inline !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.receipt-list-row.receipt-list-row-selectable .receipt-list-main {
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.receipt-list-row.receipt-list-row-selectable .receipt-list-actions {
  order: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.receipt-list-row.receipt-list-row-selectable .receipt-list-actions .primary-btn,
.receipt-list-row.receipt-list-row-selectable .receipt-list-actions .secondary-btn {
  width: 100% !important;
  min-width: 0 !important;
}

.receipt-list-row.receipt-list-row-selected {
  border-color: rgba(47, 102, 243, 0.56) !important;
  box-shadow: 0 18px 44px rgba(47, 102, 243, 0.16) !important;
}

.receipt-select-control input {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
}

body.settlelink-dark-mode .receipt-list-row.receipt-list-row-selected {
  border-color: rgba(96, 165, 250, 0.56) !important;
  box-shadow: 0 18px 44px rgba(37, 99, 235, 0.24) !important;
}

@media (min-width: 721px) {
  .receipts-select-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .receipt-list-row.receipt-list-row-selectable {
    grid-template-columns: minmax(150px, 180px) minmax(0, 1fr) minmax(180px, 260px) !important;
    align-items: center !important;
  }

  .receipt-list-row.receipt-list-row-selectable .receipt-select-control {
    width: auto !important;
  }
}

@media (max-width: 720px) {
  .receipts-select-toolbar {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .receipt-list-row.receipt-list-row-selectable {
    padding: 18px !important;
  }

  .receipt-list-row.receipt-list-row-selectable .receipt-list-amount {
    display: block !important;
    margin-top: 8px !important;
  }

  .receipt-list-row.receipt-list-row-selectable .receipt-ref-pill {
    display: inline-flex !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* === SettleLink repair: receipt folder open/close animation === */

.receipts-list-stack {
  overflow: hidden !important;
  transform-origin: top center !important;
}

.receipts-list-stack.receipts-list-stack-animating {
  overflow: hidden !important;
  transition:
    max-height 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.22s ease,
    transform 0.22s ease !important;
  will-change: max-height, opacity, transform !important;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) {
  transform: translateY(0) scaleY(1) !important;
}

.receipts-project-card-collapsed .receipts-list-stack {
  transform: translateY(-4px) scaleY(0.985) !important;
}

.receipts-list-stack.receipts-list-stack-animating .receipt-list-row {
  transition:
    transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) .receipt-list-row {
  animation: settlelinkReceiptRowOpen 0.24s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) .receipt-list-row:nth-child(2) {
  animation-delay: 0.035s;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) .receipt-list-row:nth-child(3) {
  animation-delay: 0.07s;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) .receipt-list-row:nth-child(4) {
  animation-delay: 0.105s;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) .receipt-list-row:nth-child(n + 5) {
  animation-delay: 0.12s;
}

.receipts-project-chevron,
.receipts-project-toggle-btn {
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.receipts-project-card-open .receipts-project-toggle-btn {
  transform: rotate(0deg) scale(1.02) !important;
}

.receipts-project-card-collapsed .receipts-project-toggle-btn {
  transform: rotate(0deg) scale(1) !important;
}

.receipts-project-toggle-symbol {
  display: inline-flex !important;
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

.receipts-project-card-open .receipts-project-toggle-symbol {
  transform: translateY(-1px) !important;
}

.receipts-project-card-collapsed .receipts-project-toggle-symbol {
  transform: translateY(1px) !important;
}

@keyframes settlelinkReceiptRowOpen {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .receipts-list-stack,
  .receipts-list-stack.receipts-list-stack-animating,
  .receipts-list-stack.receipts-list-stack-animating .receipt-list-row,
  .receipts-project-chevron,
  .receipts-project-toggle-btn,
  .receipts-project-toggle-symbol {
    transition: none !important;
    animation: none !important;
  }
}

/* === SettleLink repair: stop receipt toolbar button animation and animate folder/list instead === */

/* Stop the Select all / Clear / Cancel / Download buttons from picking up the folder animation */
.receipts-select-toolbar,
.receipts-select-toolbar *,
.receipts-select-actions,
.receipts-select-actions *,
#startReceiptSelectionBtn,
#selectAllReceiptsBtn,
#clearSelectedReceiptsBtn,
#cancelReceiptSelectionBtn,
#downloadSelectedReceiptsBtn {
  animation: none !important;
}

/* Animate the actual opening/closing receipt folder content */
.receipts-project-card .receipts-list-stack {
  overflow: hidden !important;
  transform-origin: top center !important;
}

.receipts-project-card .receipts-list-stack.receipts-list-stack-animating {
  transition:
    max-height 0.34s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.22s ease,
    transform 0.24s ease !important;
  will-change: max-height, opacity, transform !important;
}

.receipts-project-card-open .receipts-list-stack {
  transform: translateY(0) scaleY(1) !important;
}

.receipts-project-card-collapsed .receipts-list-stack {
  transform: translateY(-6px) scaleY(0.985) !important;
}

/* Row fade/slide only inside the receipt folder list */
.receipts-project-card-open .receipts-list-stack:not([hidden]) > .receipt-list-row {
  animation: settlelinkReceiptFolderRowOpen 0.26s cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) > .receipt-list-row:nth-of-type(2) {
  animation-delay: 0.035s !important;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) > .receipt-list-row:nth-of-type(3) {
  animation-delay: 0.07s !important;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) > .receipt-list-row:nth-of-type(4) {
  animation-delay: 0.105s !important;
}

.receipts-project-card-open .receipts-list-stack:not([hidden]) > .receipt-list-row:nth-of-type(n + 5) {
  animation-delay: 0.12s !important;
}

@keyframes settlelinkReceiptFolderRowOpen {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Animate the little open/close arrow only */
.receipts-project-toggle-symbol {
  display: inline-flex !important;
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

.receipts-project-card-open .receipts-project-toggle-symbol {
  transform: translateY(-1px) rotate(0deg) !important;
}

.receipts-project-card-collapsed .receipts-project-toggle-symbol {
  transform: translateY(1px) rotate(0deg) !important;
}

@media (prefers-reduced-motion: reduce) {
  .receipts-project-card .receipts-list-stack,
  .receipts-project-card .receipts-list-stack.receipts-list-stack-animating,
  .receipts-project-card-open .receipts-list-stack:not([hidden]) > .receipt-list-row,
  .receipts-project-toggle-symbol {
    transition: none !important;
    animation: none !important;
  }
}

/* === SettleLink bundle: receipt folder select + proper folder animation === */

.receipts-project-card-selectable .receipts-project-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

.receipts-project-card-selectable .receipts-folder-icon {
  grid-column: 1 !important;
}

.receipts-project-card-selectable .receipts-project-main {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.receipts-project-card-selectable .receipts-project-toggle-btn {
  grid-column: 3 !important;
}

.receipt-project-select-control {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(47, 102, 243, 0.22) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #23406f !important;
  -webkit-text-fill-color: #23406f !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

.receipt-project-select-control input {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  accent-color: #2f66f3 !important;
}

.receipt-project-select-label {
  display: inline !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.2 !important;
}

.receipts-project-card-selected {
  border-color: rgba(47, 102, 243, 0.58) !important;
  box-shadow: 0 18px 46px rgba(47, 102, 243, 0.16) !important;
}

.receipts-project-card-part-selected {
  border-color: rgba(245, 158, 11, 0.55) !important;
  box-shadow: 0 18px 46px rgba(245, 158, 11, 0.14) !important;
}

.receipts-project-card-selected .receipt-project-select-control {
  border-color: rgba(47, 102, 243, 0.45) !important;
  background: rgba(239, 246, 255, 0.98) !important;
}

.receipts-project-card-part-selected .receipt-project-select-control {
  border-color: rgba(245, 158, 11, 0.45) !important;
  background: rgba(255, 251, 235, 0.98) !important;
}

/* Proper folder open/close animation */
.receipts-project-card .receipts-list-stack {
  overflow: hidden !important;
  transform-origin: top center !important;
}

.receipts-project-card .receipts-list-stack.receipts-list-stack-animating {
  transition:
    max-height 0.36s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.24s ease,
    transform 0.26s ease !important;
  will-change: max-height, opacity, transform !important;
}

.receipts-project-card .receipts-list-stack.receipts-list-stack-opening {
  transform: translateY(0) scaleY(1) !important;
}

.receipts-project-card .receipts-list-stack.receipts-list-stack-closing {
  transform: translateY(-6px) scaleY(0.985) !important;
}

.receipts-list-stack.receipts-list-stack-opening > .receipt-list-row {
  animation: settlelinkReceiptFolderRowOpenClean 0.26s cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
}

.receipts-list-stack.receipts-list-stack-opening > .receipt-list-row:nth-of-type(2) {
  animation-delay: 0.035s !important;
}

.receipts-list-stack.receipts-list-stack-opening > .receipt-list-row:nth-of-type(3) {
  animation-delay: 0.07s !important;
}

.receipts-list-stack.receipts-list-stack-opening > .receipt-list-row:nth-of-type(4) {
  animation-delay: 0.105s !important;
}

.receipts-list-stack.receipts-list-stack-opening > .receipt-list-row:nth-of-type(n + 5) {
  animation-delay: 0.12s !important;
}

@keyframes settlelinkReceiptFolderRowOpenClean {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body.settlelink-dark-mode .receipt-project-select-control {
  border-color: rgba(122, 151, 203, 0.38) !important;
  background: rgba(18, 30, 50, 0.92) !important;
  color: #d7e5ff !important;
  -webkit-text-fill-color: #d7e5ff !important;
}

body.settlelink-dark-mode .receipts-project-card-selected {
  border-color: rgba(96, 165, 250, 0.58) !important;
  box-shadow: 0 18px 46px rgba(37, 99, 235, 0.24) !important;
}

body.settlelink-dark-mode .receipts-project-card-part-selected {
  border-color: rgba(245, 158, 11, 0.55) !important;
  box-shadow: 0 18px 46px rgba(245, 158, 11, 0.18) !important;
}

body.settlelink-dark-mode .receipts-project-card-selected .receipt-project-select-control {
  border-color: rgba(96, 165, 250, 0.48) !important;
  background: rgba(37, 99, 235, 0.18) !important;
}

body.settlelink-dark-mode .receipts-project-card-part-selected .receipt-project-select-control {
  border-color: rgba(245, 158, 11, 0.48) !important;
  background: rgba(69, 43, 10, 0.62) !important;
}

@media (min-width: 721px) {
  .receipts-project-card-selectable .receipts-project-header {
    grid-template-columns: auto minmax(150px, 190px) minmax(0, 1fr) auto !important;
  }

  .receipts-project-card-selectable .receipts-folder-icon {
    grid-column: 1 !important;
  }

  .receipts-project-card-selectable .receipt-project-select-control {
    grid-column: 2 !important;
  }

  .receipts-project-card-selectable .receipts-project-main {
    grid-column: 3 !important;
  }

  .receipts-project-card-selectable .receipts-project-toggle-btn {
    grid-column: 4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .receipts-project-card .receipts-list-stack,
  .receipts-project-card .receipts-list-stack.receipts-list-stack-animating,
  .receipts-list-stack.receipts-list-stack-opening > .receipt-list-row {
    transition: none !important;
    animation: none !important;
  }
}

/* === SettleLink repair: final receipt folder animation guard === */

/* Stop old open-state row animation from firing every time the page re-renders */
.receipts-project-card-open .receipts-list-stack:not(.receipts-list-stack-opening) > .receipt-list-row {
  animation: none !important;
}

/* Only animate rows while app.js has actively marked the folder as opening */
.receipts-list-stack.receipts-list-stack-opening > .receipt-list-row {
  animation: settlelinkReceiptFolderRowOpenClean 0.26s cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
}

/* Keep toolbar buttons completely separate from folder/list animation */
.receipts-select-toolbar,
.receipts-select-toolbar *,
.receipts-select-actions,
.receipts-select-actions *,
#startReceiptSelectionBtn,
#selectAllReceiptsBtn,
#clearSelectedReceiptsBtn,
#cancelReceiptSelectionBtn,
#downloadSelectedReceiptsBtn {
  animation: none !important;
  transform: none;
}

/* But still allow normal button press/hover feel */
.receipts-select-actions .primary-btn:hover,
.receipts-select-actions .secondary-btn:hover,
.receipts-select-toolbar > .secondary-btn:hover {
  transform: translateY(-1px);
}

/* Keep folder selection label clean on small phones */
.receipt-project-select-control,
.receipt-project-select-control *,
.receipt-project-select-label {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Make sure the folder checkbox never squashes the folder title */
@media (max-width: 720px) {
  .receipts-project-card-selectable .receipts-project-header {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .receipts-project-card-selectable .receipt-project-select-control {
    grid-column: 1 / -1 !important;
    order: 2 !important;
    width: 100% !important;
  }

  .receipts-project-card-selectable .receipts-project-main {
    min-width: 0 !important;
  }
}

/* === SettleLink repair: receipts selection wording layout + all button press animations === */

/* Keep the receipt download panel wording readable */
.receipts-select-toolbar,
.receipts-select-toolbar.receipts-select-toolbar-active {
  padding: 18px !important;
  border-radius: 24px !important;
  gap: 16px !important;
}

.receipts-select-toolbar strong,
#receiptSelectedCountLabel {
  font-size: 20px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

.receipts-select-toolbar .muted-text {
  font-size: 15px !important;
  line-height: 1.45 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Stop receipt download wording from stacking or squeezing */
.receipts-select-toolbar,
.receipts-select-toolbar *,
.receipts-select-actions,
.receipts-select-actions *,
.receipt-project-select-control,
.receipt-project-select-control *,
.receipt-select-control,
.receipt-select-control * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

/* Clean selection action buttons */
#startReceiptSelectionBtn,
#selectAllReceiptsBtn,
#clearSelectedReceiptsBtn,
#cancelReceiptSelectionBtn,
#downloadSelectedReceiptsBtn,
.receipt-project-select-control,
.receipt-select-control {
  position: relative !important;
  isolation: isolate !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  line-height: 1.18 !important;
  text-align: center !important;
  cursor: pointer !important;
  transform: translateY(0) scale(1) !important;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease,
    border-color 0.16s ease,
    opacity 0.16s ease !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

/* Make the main "Choose receipts or folders" button read nicely */
#startReceiptSelectionBtn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* Active toolbar buttons */
#selectAllReceiptsBtn,
#clearSelectedReceiptsBtn,
#cancelReceiptSelectionBtn,
#downloadSelectedReceiptsBtn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 13px 16px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Folder/receipt checkbox controls should feel tappable too */
.receipt-project-select-control,
.receipt-select-control {
  justify-content: flex-start !important;
  text-align: left !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Hover/press animation for every receipt selection control */
#startReceiptSelectionBtn:hover,
#selectAllReceiptsBtn:hover,
#clearSelectedReceiptsBtn:hover,
#cancelReceiptSelectionBtn:hover,
#downloadSelectedReceiptsBtn:hover,
.receipt-project-select-control:hover,
.receipt-select-control:hover {
  transform: translateY(-1px) scale(1.01) !important;
  box-shadow: 0 14px 30px rgba(47, 102, 243, 0.16) !important;
}

#startReceiptSelectionBtn:active,
#selectAllReceiptsBtn:active,
#clearSelectedReceiptsBtn:active,
#cancelReceiptSelectionBtn:active,
#downloadSelectedReceiptsBtn:active,
.receipt-project-select-control:active,
.receipt-select-control:active {
  transform: translateY(1px) scale(0.985) !important;
  box-shadow: 0 8px 18px rgba(47, 102, 243, 0.12) !important;
}

/* Keyboard focus */
#startReceiptSelectionBtn:focus-visible,
#selectAllReceiptsBtn:focus-visible,
#clearSelectedReceiptsBtn:focus-visible,
#cancelReceiptSelectionBtn:focus-visible,
#downloadSelectedReceiptsBtn:focus-visible,
.receipt-project-select-control:focus-within,
.receipt-select-control:focus-within {
  outline: none !important;
  box-shadow:
    0 0 0 4px rgba(47, 102, 243, 0.18),
    0 14px 30px rgba(47, 102, 243, 0.14) !important;
}

/* Disabled download button should not animate */
#downloadSelectedReceiptsBtn[disabled] {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Keep receipt action buttons consistent too */
.receipt-list-actions .primary-btn,
.receipt-list-actions .secondary-btn {
  transform: translateY(0) scale(1) !important;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease,
    border-color 0.16s ease !important;
}

.receipt-list-actions .primary-btn:hover,
.receipt-list-actions .secondary-btn:hover {
  transform: translateY(-1px) scale(1.01) !important;
}

.receipt-list-actions .primary-btn:active,
.receipt-list-actions .secondary-btn:active {
  transform: translateY(1px) scale(0.985) !important;
}

/* Dark mode button feel */
body.settlelink-dark-mode #startReceiptSelectionBtn:hover,
body.settlelink-dark-mode #selectAllReceiptsBtn:hover,
body.settlelink-dark-mode #clearSelectedReceiptsBtn:hover,
body.settlelink-dark-mode #cancelReceiptSelectionBtn:hover,
body.settlelink-dark-mode #downloadSelectedReceiptsBtn:hover,
body.settlelink-dark-mode .receipt-project-select-control:hover,
body.settlelink-dark-mode .receipt-select-control:hover {
  box-shadow: 0 14px 32px rgba(37, 99, 235, 0.28) !important;
}

/* Mobile spacing: keep the panel clean and avoid cramped wording */
@media (max-width: 720px) {
  .receipts-select-toolbar,
  .receipts-select-toolbar.receipts-select-toolbar-active {
    padding: 18px 16px !important;
  }

  .receipts-select-toolbar strong,
  #receiptSelectedCountLabel {
    font-size: 19px !important;
  }

  .receipts-select-toolbar .muted-text {
    font-size: 15px !important;
  }

  .receipts-select-actions {
    gap: 11px !important;
  }

  #startReceiptSelectionBtn,
  #selectAllReceiptsBtn,
  #clearSelectedReceiptsBtn,
  #cancelReceiptSelectionBtn,
  #downloadSelectedReceiptsBtn {
    min-height: 56px !important;
    border-radius: 18px !important;
  }
}

/* === SettleLink repair: receipt selection button press animation after re-render delay === */

#startReceiptSelectionBtn,
#selectAllReceiptsBtn,
#clearSelectedReceiptsBtn,
#cancelReceiptSelectionBtn,
#downloadSelectedReceiptsBtn,
.receipt-project-select-control,
.receipt-select-control {
  transform: translateY(0) scale(1) !important;
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    background 0.14s ease,
    border-color 0.14s ease,
    opacity 0.14s ease !important;
  will-change: transform !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

#startReceiptSelectionBtn.receipt-selection-button-pressed,
#selectAllReceiptsBtn.receipt-selection-button-pressed,
#clearSelectedReceiptsBtn.receipt-selection-button-pressed,
#cancelReceiptSelectionBtn.receipt-selection-button-pressed,
#downloadSelectedReceiptsBtn.receipt-selection-button-pressed {
  transform: translateY(2px) scale(0.965) !important;
  box-shadow: 0 6px 14px rgba(47, 102, 243, 0.16) !important;
}

#startReceiptSelectionBtn:active,
#selectAllReceiptsBtn:active,
#clearSelectedReceiptsBtn:active,
#cancelReceiptSelectionBtn:active,
#downloadSelectedReceiptsBtn:active,
.receipt-project-select-control:active,
.receipt-select-control:active {
  transform: translateY(2px) scale(0.965) !important;
  box-shadow: 0 6px 14px rgba(47, 102, 243, 0.16) !important;
}

#startReceiptSelectionBtn:hover,
#selectAllReceiptsBtn:hover,
#clearSelectedReceiptsBtn:hover,
#cancelReceiptSelectionBtn:hover,
#downloadSelectedReceiptsBtn:hover,
.receipt-project-select-control:hover,
.receipt-select-control:hover {
  transform: translateY(-1px) scale(1.01) !important;
}

#downloadSelectedReceiptsBtn[disabled] {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

#downloadSelectedReceiptsBtn[disabled]:active,
#downloadSelectedReceiptsBtn[disabled]:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Cleaner wording layout for the top receipt download box */
.receipts-select-toolbar strong,
#receiptSelectedCountLabel {
  font-size: 20px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.receipts-select-toolbar .muted-text {
  font-size: 15px !important;
  line-height: 1.45 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#startReceiptSelectionBtn {
  min-height: 56px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

@media (max-width: 720px) {
  .receipts-select-toolbar {
    padding: 18px 16px !important;
    gap: 16px !important;
  }

  #startReceiptSelectionBtn,
  #selectAllReceiptsBtn,
  #clearSelectedReceiptsBtn,
  #cancelReceiptSelectionBtn,
  #downloadSelectedReceiptsBtn {
    min-height: 56px !important;
    border-radius: 18px !important;
  }
}

/* === SettleLink bundle: expandable receipt selector + button animation repair === */

.receipts-select-toolbar {
  overflow: hidden !important;
}

.receipts-selection-expand-panel {
  overflow: hidden !important;
  transform-origin: top center !important;
}

.receipts-selection-expand-panel-open {
  display: grid !important;
  gap: 14px !important;
  animation: settlelinkReceiptSelectorOpen 0.28s cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
}

.receipts-selection-expand-panel-closing {
  display: grid !important;
  gap: 14px !important;
  animation: settlelinkReceiptSelectorClose 0.24s ease both !important;
}

.receipts-selection-expand-copy {
  display: grid !important;
  gap: 4px !important;
}

.receipts-selection-expand-copy strong,
#receiptSelectedCountLabel {
  display: block !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.receipts-selection-expand-copy .muted-text {
  line-height: 1.45 !important;
}

@keyframes settlelinkReceiptSelectorOpen {
  from {
    opacity: 0;
    transform: translateY(-8px) scaleY(0.965);
    max-height: 0;
  }

  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    max-height: 520px;
  }
}

@keyframes settlelinkReceiptSelectorClose {
  from {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    max-height: 520px;
  }

  to {
    opacity: 0;
    transform: translateY(-8px) scaleY(0.965);
    max-height: 0;
  }
}

/* Keep all buttons in this receipt tool feeling consistent */
#startReceiptSelectionBtn,
#selectAllReceiptsBtn,
#clearSelectedReceiptsBtn,
#cancelReceiptSelectionBtn,
#downloadSelectedReceiptsBtn,
.receipt-project-select-control,
.receipt-select-control {
  transform: translateY(0) scale(1) !important;
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    background 0.14s ease,
    border-color 0.14s ease,
    opacity 0.14s ease !important;
  will-change: transform !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

#startReceiptSelectionBtn.receipt-selection-button-pressed,
#selectAllReceiptsBtn.receipt-selection-button-pressed,
#clearSelectedReceiptsBtn.receipt-selection-button-pressed,
#cancelReceiptSelectionBtn.receipt-selection-button-pressed,
#downloadSelectedReceiptsBtn.receipt-selection-button-pressed {
  transform: translateY(2px) scale(0.965) !important;
  box-shadow: 0 6px 14px rgba(47, 102, 243, 0.16) !important;
}

#startReceiptSelectionBtn:active,
#selectAllReceiptsBtn:active,
#clearSelectedReceiptsBtn:active,
#cancelReceiptSelectionBtn:active,
#downloadSelectedReceiptsBtn:active,
.receipt-project-select-control:active,
.receipt-select-control:active {
  transform: translateY(2px) scale(0.965) !important;
  box-shadow: 0 6px 14px rgba(47, 102, 243, 0.16) !important;
}

#startReceiptSelectionBtn:hover,
#selectAllReceiptsBtn:hover,
#clearSelectedReceiptsBtn:hover,
#cancelReceiptSelectionBtn:hover,
#downloadSelectedReceiptsBtn:hover,
.receipt-project-select-control:hover,
.receipt-select-control:hover {
  transform: translateY(-1px) scale(1.01) !important;
}

#downloadSelectedReceiptsBtn[disabled],
#downloadSelectedReceiptsBtn[disabled]:hover,
#downloadSelectedReceiptsBtn[disabled]:active {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  .receipts-selection-expand-panel-open,
  .receipts-selection-expand-panel-closing {
    gap: 12px !important;
  }

  .receipts-select-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }

  #startReceiptSelectionBtn,
  #selectAllReceiptsBtn,
  #clearSelectedReceiptsBtn,
  #cancelReceiptSelectionBtn,
  #downloadSelectedReceiptsBtn {
    min-height: 56px !important;
    border-radius: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .receipts-selection-expand-panel-open,
  .receipts-selection-expand-panel-closing {
    animation: none !important;
  }
}

/* === SettleLink bundle: Android receipt saved confirmation === */

.android-receipt-save-modal {
  text-align: center !important;
  max-width: 430px !important;
  overflow: hidden !important;
}

.android-receipt-save-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 34px rgba(34, 197, 94, 0.26) !important;
}

.android-receipt-save-steps {
  display: grid !important;
  gap: 10px !important;
  margin: 16px 0 !important;
  text-align: left !important;
}

.android-receipt-save-step {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: flex-start !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(47, 102, 243, 0.06) !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
}

.android-receipt-save-step > span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #2f66f3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.android-receipt-save-step strong {
  display: block !important;
  color: #18284b !important;
  -webkit-text-fill-color: #18284b !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.android-receipt-save-step small {
  display: block !important;
  margin-top: 3px !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.android-receipt-save-file {
  display: grid !important;
  gap: 5px !important;
  margin: 14px 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(34, 197, 94, 0.08) !important;
  border: 1px solid rgba(34, 197, 94, 0.2) !important;
  text-align: left !important;
}

.android-receipt-save-file span {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.android-receipt-save-file strong {
  color: #14532d !important;
  -webkit-text-fill-color: #14532d !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  word-break: break-word !important;
}

.android-receipt-save-file small {
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

.android-receipt-save-note {
  margin-top: 12px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.settlelink-dark-mode .android-receipt-save-step {
  background: rgba(37, 99, 235, 0.14) !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
}

body.settlelink-dark-mode .android-receipt-save-step strong {
  color: #eef5ff !important;
  -webkit-text-fill-color: #eef5ff !important;
}

body.settlelink-dark-mode .android-receipt-save-step small {
  color: #b8c7e5 !important;
  -webkit-text-fill-color: #b8c7e5 !important;
}

body.settlelink-dark-mode .android-receipt-save-file {
  background: rgba(22, 101, 52, 0.26) !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
}

body.settlelink-dark-mode .android-receipt-save-file span {
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
}

body.settlelink-dark-mode .android-receipt-save-file strong,
body.settlelink-dark-mode .android-receipt-save-file small {
  color: #dcfce7 !important;
  -webkit-text-fill-color: #dcfce7 !important;
}

@media (max-width: 520px) {
  .android-receipt-save-modal {
    max-width: calc(100vw - 28px) !important;
  }

  .android-receipt-save-icon {
    width: 54px !important;
    height: 54px !important;
    font-size: 26px !important;
  }

  .android-receipt-save-step {
    padding: 12px !important;
  }
}

/* === SettleLink bundle: simple non-techy navigation/help cards === */

.non-techy-help-card {
  margin: 16px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 34%),
    rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 16px 40px rgba(24, 40, 75, 0.08) !important;
}

.non-techy-help-card > summary {
  list-style: none !important;
}

.non-techy-help-card > summary::-webkit-details-marker {
  display: none !important;
}

.non-techy-help-summary {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

.non-techy-help-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #2f66f3, #60a5fa) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  box-shadow: 0 14px 28px rgba(47, 102, 243, 0.22) !important;
}

.non-techy-help-summary-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.non-techy-help-summary-copy small {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.non-techy-help-summary-copy strong {
  color: #18284b !important;
  -webkit-text-fill-color: #18284b !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

.non-techy-help-summary-copy em {
  color: #586987 !important;
  -webkit-text-fill-color: #586987 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
  font-weight: 650 !important;
}

.non-techy-help-chevron {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(47, 102, 243, 0.24), rgba(47, 102, 243, 0.12)) !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 12px 26px rgba(47, 102, 243, 0.18) !important;
  transition:
    transform 0.24s ease,
    background 0.24s ease,
    box-shadow 0.24s ease,
    border-color 0.24s ease !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.non-techy-help-chevron::before,
.non-techy-help-chevron::after {
  content: "" !important;
  position: absolute !important;
  top: 20px !important;
  width: 12px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  box-shadow: 0 0 10px rgba(96, 165, 250, 0.28) !important;
  transition:
    transform 0.24s ease,
    background 0.24s ease !important;
}

.non-techy-help-chevron::before {
  left: 11px !important;
  transform: rotate(45deg) !important;
}

.non-techy-help-chevron::after {
  right: 11px !important;
  transform: rotate(-45deg) !important;
}

.non-techy-help-card[open] .non-techy-help-chevron {
  transform: rotate(180deg) !important;
  background:
    linear-gradient(180deg, rgba(47, 102, 243, 0.32), rgba(47, 102, 243, 0.18)) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 16px 30px rgba(47, 102, 243, 0.22) !important;
}

.non-techy-help-body {
  display: grid !important;
  gap: 14px !important;
  padding: 0 16px 16px !important;
  animation: settlelinkNonTechyHelpOpen 0.24s ease both !important;
}

.non-techy-help-steps {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.non-techy-help-step {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: flex-start !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(47, 102, 243, 0.12) !important;
  background: rgba(248, 251, 255, 0.92) !important;
}

.non-techy-help-step-number {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef4ff !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.non-techy-help-step strong {
  display: block !important;
  color: #18284b !important;
  -webkit-text-fill-color: #18284b !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.non-techy-help-step small {
  display: block !important;
  margin-top: 4px !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  font-weight: 650 !important;
}

.non-techy-help-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.non-techy-help-action {
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  background: #2f66f3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 26px rgba(47, 102, 243, 0.20) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease !important;
}

.non-techy-help-action:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 30px rgba(47, 102, 243, 0.24) !important;
}

.non-techy-help-action:active {
  transform: translateY(1px) scale(0.985) !important;
}

@keyframes settlelinkNonTechyHelpOpen {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.settlelink-dark-mode .non-techy-help-card {
  border-color: rgba(96, 165, 250, 0.24) !important;
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.22), transparent 36%),
    rgba(15, 23, 42, 0.92) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-dark-mode .non-techy-help-summary-copy small {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

body.settlelink-dark-mode .non-techy-help-summary-copy strong {
  color: #eef5ff !important;
  -webkit-text-fill-color: #eef5ff !important;
}

body.settlelink-dark-mode .non-techy-help-summary-copy em {
  color: #b8c7e5 !important;
  -webkit-text-fill-color: #b8c7e5 !important;
}

body.settlelink-dark-mode .non-techy-help-chevron {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.34), rgba(30, 64, 175, 0.22)) !important;
  border-color: rgba(96, 165, 250, 0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 14px 28px rgba(2, 8, 23, 0.34),
    0 0 0 1px rgba(59, 130, 246, 0.05) !important;
}

body.settlelink-dark-mode .non-techy-help-chevron::before,
body.settlelink-dark-mode .non-techy-help-chevron::after {
  background: #eaf2ff !important;
  box-shadow: 0 0 12px rgba(96, 165, 250, 0.34) !important;
}

body.settlelink-dark-mode .non-techy-help-step {
  border-color: rgba(96, 165, 250, 0.20) !important;
  background: rgba(17, 24, 39, 0.88) !important;
}

body.settlelink-dark-mode .non-techy-help-step-number {
  background: rgba(96, 165, 250, 0.16) !important;
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}

body.settlelink-dark-mode .non-techy-help-step strong {
  color: #eef5ff !important;
  -webkit-text-fill-color: #eef5ff !important;
}

body.settlelink-dark-mode .non-techy-help-step small {
  color: #b8c7e5 !important;
  -webkit-text-fill-color: #b8c7e5 !important;
}

@media (max-width: 720px) {
  .non-techy-help-card {
    margin: 14px 0 !important;
    border-radius: 22px !important;
  }

  .non-techy-help-summary {
    grid-template-columns: 42px minmax(0, 1fr) 44px !important;
    padding: 15px !important;
    gap: 10px !important;
  }

    .non-techy-help-chevron {
    width: 40px !important;
    height: 40px !important;
  }

  .non-techy-help-chevron::before,
  .non-techy-help-chevron::after {
    top: 18px !important;
    width: 11px !important;
  }

  .non-techy-help-chevron::before {
    left: 10px !important;
  }

  .non-techy-help-chevron::after {
    right: 10px !important;
  }

  .non-techy-help-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    font-size: 20px !important;
  }

  .non-techy-help-summary-copy strong {
    font-size: 17px !important;
  }

  .non-techy-help-summary-copy em {
    font-size: 13px !important;
  }

  .non-techy-help-body {
    padding: 0 14px 14px !important;
  }

  .non-techy-help-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .non-techy-help-action {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .non-techy-help-body,
  .non-techy-help-chevron,
  .non-techy-help-action {
    animation: none !important;
    transition: none !important;
  }
}

/* === SettleLink repair: make non-techy guide arrow visible in light mode === */

.non-techy-help-chevron {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, #ffffff, #eef5ff) !important;
  border: 1px solid rgba(47, 102, 243, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 12px 26px rgba(47, 102, 243, 0.16) !important;
}

.non-techy-help-chevron::before,
.non-techy-help-chevron::after {
  content: "" !important;
  position: absolute !important;
  top: 20px !important;
  width: 13px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #2f66f3 !important;
  box-shadow: 0 0 8px rgba(47, 102, 243, 0.18) !important;
}

.non-techy-help-chevron::before {
  left: 10px !important;
  transform: rotate(45deg) !important;
}

.non-techy-help-chevron::after {
  right: 10px !important;
  transform: rotate(-45deg) !important;
}

.non-techy-help-card[open] .non-techy-help-chevron {
  transform: rotate(180deg) !important;
  background:
    linear-gradient(180deg, #eef5ff, #dbeafe) !important;
  border-color: rgba(47, 102, 243, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 16px 30px rgba(47, 102, 243, 0.22) !important;
}

/* Dark mode keeps the premium glowing look */
body.settlelink-dark-mode .non-techy-help-chevron {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.38), rgba(15, 23, 42, 0.82)) !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 14px 28px rgba(2, 8, 23, 0.34),
    0 0 18px rgba(47, 102, 243, 0.16) !important;
}

body.settlelink-dark-mode .non-techy-help-chevron::before,
body.settlelink-dark-mode .non-techy-help-chevron::after {
  background: #eaf2ff !important;
  box-shadow: 0 0 12px rgba(96, 165, 250, 0.34) !important;
}

@media (max-width: 720px) {
  .non-techy-help-summary {
    grid-template-columns: 42px minmax(0, 1fr) 44px !important;
  }

  .non-techy-help-chevron {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .non-techy-help-chevron::before,
  .non-techy-help-chevron::after {
    top: 19px !important;
    width: 12px !important;
  }

  .non-techy-help-chevron::before {
    left: 10px !important;
  }

  .non-techy-help-chevron::after {
    right: 10px !important;
  }
}

/* === SettleLink repair: keep guide arrow dark-mode style when expanded === */

body.settlelink-dark-mode .non-techy-help-card[open] .non-techy-help-chevron {
  transform: rotate(180deg) !important;
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.42), rgba(15, 23, 42, 0.88)) !important;
  border-color: rgba(96, 165, 250, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 32px rgba(2, 8, 23, 0.38),
    0 0 22px rgba(47, 102, 243, 0.20) !important;
}

body.settlelink-dark-mode .non-techy-help-card[open] .non-techy-help-chevron::before,
body.settlelink-dark-mode .non-techy-help-card[open] .non-techy-help-chevron::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  background: #eaf2ff !important;
  box-shadow: 0 0 12px rgba(96, 165, 250, 0.38) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.settlelink-dark-mode .non-techy-help-card[open] .non-techy-help-chevron::before {
  transform: rotate(45deg) !important;
}

body.settlelink-dark-mode .non-techy-help-card[open] .non-techy-help-chevron::after {
  transform: rotate(-45deg) !important;
}

/* Keep light mode open state separate and readable */
body:not(.settlelink-dark-mode) .non-techy-help-card[open] .non-techy-help-chevron {
  background:
    linear-gradient(180deg, #eef5ff, #dbeafe) !important;
  border-color: rgba(47, 102, 243, 0.34) !important;
}

body:not(.settlelink-dark-mode) .non-techy-help-card[open] .non-techy-help-chevron::before,
body:not(.settlelink-dark-mode) .non-techy-help-card[open] .non-techy-help-chevron::after {
  background: #2f66f3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* === SettleLink bundle: one-page overview PDF button === */

#app .more-overview-pdf-tile {
  position: relative;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  position: relative;
  background:
    linear-gradient(180deg, #eef5ff 0%, #dbeafe 100%) !important;
  border: 1px solid rgba(47, 102, 243, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 10px 24px rgba(47, 102, 243, 0.12);
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 18px;
  border-radius: 4px;
  background:
    linear-gradient(180deg, #ffffff 0%, #edf4ff 100%);
  border: 2px solid #2f66f3;
  box-shadow: 0 5px 12px rgba(47, 102, 243, 0.18);
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  content: "PDF";
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 6px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #2f66f3;
  font-weight: 900;
}

#app .more-overview-pdf-tile.is-loading,
#app .more-overview-pdf-tile:disabled {
  cursor: wait !important;
  opacity: 0.78;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.38), rgba(15, 23, 42, 0.88)) !important;
  border-color: rgba(96, 165, 250, 0.36);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 28px rgba(2, 8, 23, 0.34),
    0 0 18px rgba(47, 102, 243, 0.18);
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  background:
    linear-gradient(180deg, #eaf2ff 0%, #bfdbfe 100%);
  border-color: #93c5fd;
  box-shadow: 0 0 16px rgba(96, 165, 250, 0.28);
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  color: #1745ba;
}

/* === SettleLink repair: overview PDF tile icon + safe loading state === */

#app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  position: relative !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.22), transparent 42%),
    linear-gradient(180deg, rgba(47, 102, 243, 0.20), rgba(47, 102, 243, 0.08)) !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 30px rgba(2, 8, 23, 0.16) !important;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: auto !important;
  left: 50% !important;
  top: 18px !important;
  width: 30px !important;
  height: 38px !important;
  transform: translateX(-50%) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #f8fbff 0%, #dbeafe 100%) !important;
  border: 2px solid rgba(147, 197, 253, 0.95) !important;
  box-shadow:
    0 10px 20px rgba(47, 102, 243, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  content: "PDF" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 17px !important;
  transform: translateX(-50%) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  font-weight: 950 !important;
  text-shadow: none !important;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon span,
#app .more-overview-pdf-tile .more-help-legal-pdf-icon svg {
  display: none !important;
}

body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.12), transparent 42%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
  border-color: rgba(47, 102, 243, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 14px 30px rgba(47, 102, 243, 0.10) !important;
}

body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) !important;
  border-color: rgba(47, 102, 243, 0.78) !important;
}

body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

#app .more-overview-pdf-tile.is-loading .more-help-legal-pdf-icon::before {
  animation: settlelinkOverviewPdfPulse 0.9s ease-in-out infinite alternate !important;
}

#app .more-overview-pdf-tile.is-loading .more-help-legal-tile-arrow {
  opacity: 0.35 !important;
}

@keyframes settlelinkOverviewPdfPulse {
  from {
    transform: translateX(-50%) scale(0.96);
    opacity: 0.78;
  }

  to {
    transform: translateX(-50%) scale(1);
    opacity: 1;
  }
}

/* === SettleLink repair: clean overview PDF icon === */

#app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  position: relative !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.22), transparent 42%),
    linear-gradient(180deg, rgba(47, 102, 243, 0.22), rgba(47, 102, 243, 0.08)) !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 30px rgba(2, 8, 23, 0.16) !important;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 14px !important;
  width: 32px !important;
  height: 40px !important;
  transform: translateX(-50%) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #f8fbff 0%, #dbeafe 100%) !important;
  border: 2px solid rgba(147, 197, 253, 0.95) !important;
  box-shadow:
    0 10px 22px rgba(47, 102, 243, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 27px !important;
  width: 18px !important;
  height: 3px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: #2f66f3 !important;
  box-shadow:
    0 8px 0 rgba(47, 102, 243, 0.72),
    0 16px 0 rgba(47, 102, 243, 0.42) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: transparent !important;
}

body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.12), transparent 42%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
  border-color: rgba(47, 102, 243, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 14px 30px rgba(47, 102, 243, 0.10) !important;
}

body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) !important;
  border-color: rgba(47, 102, 243, 0.75) !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  background: #bfdbfe !important;
  box-shadow:
    0 8px 0 rgba(147, 197, 253, 0.78),
    0 16px 0 rgba(147, 197, 253, 0.48) !important;
}

#app .more-overview-pdf-tile.is-loading .more-help-legal-pdf-icon::before {
  animation: settlelinkOverviewPdfPulse 0.9s ease-in-out infinite alternate !important;
}

@media (max-width: 520px) {
  #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
  body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
  body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 20px !important;
  }

  #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
  body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
  body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
    top: 12px !important;
    width: 29px !important;
    height: 36px !important;
  }

  #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
  body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
  body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
    top: 24px !important;
    width: 16px !important;
    height: 3px !important;
  }
}

/* === SettleLink final repair: overview icon matches Help and legal icons === */

#app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  position: relative !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.18), transparent 46%),
    rgba(47, 102, 243, 0.06) !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 28px rgba(2, 8, 23, 0.14) !important;
}

/* remove the old fake PDF/document icon completely */
#app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 21px !important;
  width: 22px !important;
  height: 26px !important;
  transform: translateX(-50%) !important;
  border: 3px solid #2f66f3 !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* clean document lines inside the icon */
#app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 32px !important;
  width: 12px !important;
  height: 3px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: #2f66f3 !important;
  box-shadow:
    0 8px 0 #2f66f3,
    0 16px 0 rgba(47, 102, 243, 0.72) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

/* small folded corner so it reads as a document, but still matches the blue line-icon style */
#app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  --overview-corner-display: block;
}

#app .more-overview-pdf-tile .more-help-legal-pdf-icon > span,
#app .more-overview-pdf-tile .more-help-legal-pdf-icon svg {
  display: none !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.20), transparent 46%),
    rgba(47, 102, 243, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 28px rgba(2, 8, 23, 0.28),
    0 0 18px rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  border-color: #2f66f3 !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  background: #2f66f3 !important;
  box-shadow:
    0 8px 0 #2f66f3,
    0 16px 0 rgba(47, 102, 243, 0.72) !important;
}

body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.10), transparent 46%),
    #f8fbff !important;
  border-color: rgba(47, 102, 243, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 12px 26px rgba(47, 102, 243, 0.10) !important;
}

#app .more-overview-pdf-tile.is-loading .more-help-legal-pdf-icon::before {
  animation: settlelinkOverviewIconPulse 0.9s ease-in-out infinite alternate !important;
}

@keyframes settlelinkOverviewIconPulse {
  from {
    opacity: 0.72;
    transform: translateX(-50%) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

@media (max-width: 520px) {
  #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
  body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
  body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    border-radius: 24px !important;
  }
}

/* === SettleLink repair: make overview PDF icon same size as other Help icons === */

#app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  border-radius: 17px !important;
  flex: 0 0 48px !important;
  background:
    radial-gradient(circle at top left, rgba(47, 102, 243, 0.14), transparent 46%),
    rgba(47, 102, 243, 0.06) !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  box-shadow: none !important;
}

/* smaller document outline to match the play/shield icon weight */
#app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  left: 50% !important;
  top: 11px !important;
  width: 18px !important;
  height: 22px !important;
  transform: translateX(-50%) !important;
  border: 2.4px solid #2f66f3 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* smaller document lines */
#app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after,
body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  left: 50% !important;
  top: 20px !important;
  width: 10px !important;
  height: 2.4px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: #2f66f3 !important;
  box-shadow:
    0 6px 0 #2f66f3,
    0 12px 0 rgba(47, 102, 243, 0.72) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
  border-color: rgba(96, 165, 250, 0.28) !important;
  background-color: rgba(18, 37, 82, 0.52) !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::before {
  border-color: #2f66f3 !important;
}

body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon::after {
  background: #2f66f3 !important;
  box-shadow:
    0 6px 0 #2f66f3,
    0 12px 0 rgba(47, 102, 243, 0.72) !important;
}

@media (max-width: 520px) {
  #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
  body.settlelink-dark-mode #app .more-overview-pdf-tile .more-help-legal-pdf-icon,
  body:not(.settlelink-dark-mode) #app .more-overview-pdf-tile .more-help-legal-pdf-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex-basis: 48px !important;
    border-radius: 17px !important;
  }
}

/* === SettleLink bundle: iOS receipt save/share confirmation === */

.ios-receipt-share-modal .ios-receipt-share-icon {
  background: linear-gradient(135deg, #2f66f3, #60a5fa) !important;
  box-shadow: 0 18px 34px rgba(47, 102, 243, 0.26) !important;
  font-size: 26px !important;
  transform: rotate(-8deg) !important;
}

.ios-receipt-share-modal .android-receipt-save-step > span {
  background: #2f66f3 !important;
}

.ios-receipt-share-modal .android-receipt-save-file {
  background: rgba(47, 102, 243, 0.08) !important;
  border-color: rgba(47, 102, 243, 0.20) !important;
}

.ios-receipt-share-modal .android-receipt-save-file strong {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

.ios-receipt-share-modal .android-receipt-save-file small {
  color: #31558e !important;
  -webkit-text-fill-color: #31558e !important;
}

body.settlelink-dark-mode .ios-receipt-share-modal .android-receipt-save-file {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.30) !important;
}

body.settlelink-dark-mode .ios-receipt-share-modal .android-receipt-save-file strong,
body.settlelink-dark-mode .ios-receipt-share-modal .android-receipt-save-file small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

/* === SettleLink iOS polish: receipt folder icon, iPhone save modal, Back home icon === */

/* 1. iOS receipt folder icon: stop Apple emoji folder and match Android-style SettleLink folder */
@supports (-webkit-touch-callout: none) {
  #app .receipts-folder-icon,
  body.settlelink-dark-mode #app .receipts-folder-icon,
  body:not(.settlelink-dark-mode) #app .receipts-folder-icon {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    flex: 0 0 68px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 30% 18%, rgba(255, 207, 75, 0.18), transparent 45%),
      linear-gradient(180deg, rgba(20, 35, 62, 0.98), rgba(10, 18, 31, 0.98)) !important;
    border: 1px solid rgba(96, 165, 250, 0.18) !important;
    box-shadow:
      0 16px 34px rgba(2, 8, 23, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  #app .receipts-folder-emoji,
  body.settlelink-dark-mode #app .receipts-folder-emoji,
  body:not(.settlelink-dark-mode) #app .receipts-folder-emoji {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #app .receipts-folder-icon::before,
  body.settlelink-dark-mode #app .receipts-folder-icon::before,
  body:not(.settlelink-dark-mode) #app .receipts-folder-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 24px !important;
    width: 20px !important;
    height: 8px !important;
    border-radius: 7px 7px 3px 3px !important;
    background: linear-gradient(180deg, #ffd86f 0%, #f6bd3e 100%) !important;
    box-shadow: none !important;
  }

  #app .receipts-folder-icon::after,
  body.settlelink-dark-mode #app .receipts-folder-icon::after,
  body:not(.settlelink-dark-mode) #app .receipts-folder-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 30px !important;
    width: 42px !important;
    height: 28px !important;
    border-radius: 7px 8px 9px 9px !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.24) 0%, transparent 40%),
      linear-gradient(180deg, #ffd66d 0%, #f2b138 100%) !important;
    box-shadow:
      0 9px 18px rgba(185, 123, 14, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  }

  body:not(.settlelink-dark-mode) #app .receipts-folder-icon {
    background:
      radial-gradient(circle at 30% 18%, rgba(255, 207, 75, 0.18), transparent 45%),
      linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%) !important;
    border-color: rgba(47, 102, 243, 0.16) !important;
    box-shadow:
      0 14px 28px rgba(47, 102, 243, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  }
}

/* 2. Make the iPhone guidance modal feel immediate and clearer */
.ios-receipt-share-modal {
  max-height: calc(100vh - 38px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.ios-receipt-share-modal .ios-receipt-share-icon {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.28), transparent 38%),
    linear-gradient(135deg, #2f66f3, #60a5fa) !important;
  box-shadow:
    0 18px 34px rgba(47, 102, 243, 0.26),
    0 0 24px rgba(47, 102, 243, 0.14) !important;
}

/* 3. Back home icon: replace iOS-sensitive text glyph with a consistent SVG mask */
body.settlelink-builder-open .more-back-home-btn::before {
  content: "" !important;
  display: inline-block !important;
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  margin-right: 12px !important;
  transform: translateY(2px) !important;
  background: #60a5fa !important;
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.4 12 4l9 7.4v8.1a1.5 1.5 0 0 1-1.5 1.5h-5.2v-6.1H9.7V21H4.5A1.5 1.5 0 0 1 3 19.5v-8.1Z' fill='black'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
  mask:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.4 12 4l9 7.4v8.1a1.5 1.5 0 0 1-1.5 1.5h-5.2v-6.1H9.7V21H4.5A1.5 1.5 0 0 1 3 19.5v-8.1Z' fill='black'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-back-home-btn::before {
  background: #2f66f3 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .more-back-home-btn::before {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin-right: 12px !important;
  }
}

/* === SettleLink repair: Back home icon uses real SVG, not broken iOS pseudo icon === */

body.settlelink-builder-open .more-back-home-btn::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-back-home-btn::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body.settlelink-builder-open .more-back-home-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;
  text-align: center !important;
}

body.settlelink-builder-open .more-back-home-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    linear-gradient(180deg, rgba(96, 165, 250, 0.18), rgba(47, 102, 243, 0.08)) !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(47, 102, 243, 0.10) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-builder-open .more-back-home-icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: currentColor !important;
  color: currentColor !important;
}

body.settlelink-builder-open .more-back-home-label {
  display: inline-block !important;
  line-height: 1 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-back-home-icon {
  background:
    linear-gradient(180deg, #eef5ff, #dbeafe) !important;
  border-color: rgba(47, 102, 243, 0.20) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-back-home-icon {
  background:
    linear-gradient(180deg, rgba(96, 165, 250, 0.18), rgba(47, 102, 243, 0.08)) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .more-back-home-btn {
    gap: 12px !important;
  }

  body.settlelink-builder-open .more-back-home-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  body.settlelink-builder-open .more-back-home-icon svg {
    width: 21px !important;
    height: 21px !important;
  }
}

/* SETTLELINK_NATIVE_APP_FEATURES_BUNDLE_2026_05_28 */

.more-native-features-section .more-settings-row {
  gap: 0.75rem;
}

.more-native-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid rgba(37, 99, 235, 0.18);
}

.more-native-features-panel,
.project-native-records-card {
  border-radius: 24px;
  padding: 1rem;
  border: 1px solid rgba(37, 99, 235, 0.16);
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.13), transparent 38%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
}

.more-native-features-heading h2,
.project-native-records-heading h3 {
  margin: 0.12rem 0 0.3rem;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
}

.more-native-features-grid {
  display: grid;
  gap: 0.72rem;
  margin-top: 0.9rem;
}

.more-native-features-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.28rem 0.72rem;
  align-items: center;
  padding: 0.78rem;
  border-radius: 18px;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.more-native-features-grid article strong {
  color: #0f172a;
  font-size: 0.92rem;
}

.more-native-features-grid article small {
  grid-column: 2;
  color: #64748b;
  line-height: 1.45;
}

.more-native-feature-icon,
.more-icon-app-features {
  display: inline-flex;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(14, 165, 233, 0.14)),
    #eff6ff;
  border: 1px solid rgba(37, 99, 235, 0.14);
  position: relative;
}

.more-icon-app-features::before,
.more-native-feature-icon::before {
  content: "";
  position: absolute;
  inset: 0.62rem;
  border-radius: 0.35rem;
  border: 2px solid #2563eb;
}

.more-native-feature-camera::after {
  content: "";
  position: absolute;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: #2563eb;
  left: 0.89rem;
  top: 0.89rem;
}

.more-native-feature-share::before {
  border: 0;
  width: 1rem;
  height: 1rem;
  left: 0.58rem;
  top: 0.58rem;
  background:
    linear-gradient(#2563eb, #2563eb) center 0 / 2px 100% no-repeat,
    linear-gradient(#2563eb, #2563eb) center 0 / 70% 2px no-repeat;
  transform: rotate(45deg);
}

.more-native-feature-bell::before {
  border-radius: 999px 999px 0.45rem 0.45rem;
}

.more-native-features-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin-top: 0.95rem;
}

.more-native-features-safe-note,
.project-native-records-note {
  margin: 0.85rem 0 0;
  font-size: 0.78rem;
  color: #64748b;
  line-height: 1.45;
}

.project-native-records-heading {
  display: grid;
  gap: 0.85rem;
}

.project-add-photo-btn {
  width: 100%;
}

.project-photo-grid {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.95rem;
}

.project-photo-card,
.project-photo-empty-card {
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(248, 250, 252, 0.9);
  overflow: hidden;
}

.project-photo-card img {
  width: 100%;
  display: block;
  max-height: 260px;
  object-fit: cover;
  background: #e2e8f0;
}

.project-photo-card-copy {
  display: grid;
  gap: 0.18rem;
  padding: 0.75rem 0.82rem 0.2rem;
}

.project-photo-card-copy strong {
  color: #0f172a;
  font-size: 0.95rem;
}

.project-photo-card-copy small,
.project-photo-card-copy span,
.project-photo-empty-card small {
  color: #64748b;
  font-size: 0.78rem;
}

.project-photo-delete-btn {
  margin: 0.68rem 0.82rem 0.82rem;
  width: calc(100% - 1.64rem);
  border: 0;
  border-radius: 14px;
  padding: 0.7rem 0.85rem;
  font-weight: 800;
  color: #b42318;
  background: rgba(254, 226, 226, 0.8);
}

.project-photo-empty-card {
  padding: 0.95rem;
  display: grid;
  gap: 0.22rem;
}

body.settlelink-dark-mode .more-native-status-pill {
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(147, 197, 253, 0.2);
}

body.settlelink-dark-mode .more-native-features-panel,
body.settlelink-dark-mode .project-native-records-card {
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 42%),
    rgba(15, 23, 42, 0.92);
  border-color: rgba(147, 197, 253, 0.16);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34);
}

body.settlelink-dark-mode .more-native-features-grid article,
body.settlelink-dark-mode .project-photo-card,
body.settlelink-dark-mode .project-photo-empty-card {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.18);
}

body.settlelink-dark-mode .more-native-features-grid article strong,
body.settlelink-dark-mode .project-photo-card-copy strong,
body.settlelink-dark-mode .project-photo-empty-card strong {
  color: #f8fafc;
}

body.settlelink-dark-mode .more-native-features-grid article small,
body.settlelink-dark-mode .more-native-features-safe-note,
body.settlelink-dark-mode .project-native-records-note,
body.settlelink-dark-mode .project-photo-card-copy small,
body.settlelink-dark-mode .project-photo-card-copy span,
body.settlelink-dark-mode .project-photo-empty-card small {
  color: #cbd5e1;
}

body.settlelink-dark-mode .project-photo-delete-btn {
  color: #fecaca;
  background: rgba(127, 29, 29, 0.34);
}

@media (min-width: 720px) {
  .more-native-features-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .more-native-features-grid article {
    grid-template-columns: 1fr;
  }

  .more-native-features-grid article small {
    grid-column: auto;
  }

  .more-native-features-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-native-records-heading {
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .project-add-photo-btn {
    width: auto;
  }

  .project-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* SETTLELINK_ANDROID_APP_FEATURES_POLISH_2026_05_28 */

.more-settings-row-icon.more-icon-app-features {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.more-settings-row-icon.more-icon-app-features::before {
  content: "";
  position: absolute;
  width: 0.82rem;
  height: 1.18rem;
  border: 2px solid #2f66f3;
  border-radius: 0.28rem;
  inset: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
}

.more-settings-row-icon.more-icon-app-features::after {
  content: "";
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 999px;
  left: 50%;
  bottom: 0.67rem;
  transform: translateX(-50%);
  background: #2f66f3;
  box-shadow: 0 0 0 2px rgba(47, 102, 243, 0.12);
}

.more-native-features-heading .eyebrow {
  color: #2f66f3 !important;
}

body.settlelink-dark-mode .more-native-features-heading .eyebrow {
  color: #60a5fa !important;
}

.more-native-feature-bell::after {
  content: "";
  position: absolute;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 999px;
  left: 50%;
  bottom: 0.43rem;
  transform: translateX(-50%);
  background: #2563eb;
}

.more-native-feature-share::before {
  border-radius: 0 !important;
}

.more-native-features-safe-note {
  font-weight: 650;
}


/* SETTLELINK_SAFE_APP_FEATURES_ROUND_2_2026_05_28 */

.more-settings-row-icon.more-icon-app-features {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.more-settings-row-icon.more-icon-app-features svg {
  width: 1.48rem;
  height: 1.48rem;
  display: block;
}

.more-settings-row-icon.more-icon-app-features svg rect,
.more-settings-row-icon.more-icon-app-features svg path {
  fill: none;
  stroke: #2f66f3;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.more-settings-row-icon.more-icon-app-features svg circle {
  fill: #2f66f3;
}

.more-settings-row-icon.more-icon-app-features::before,
.more-settings-row-icon.more-icon-app-features::after {
  display: none !important;
}

.more-native-features-heading .eyebrow {
  color: #2f66f3 !important;
}

body.settlelink-dark-mode .more-native-features-heading .eyebrow {
  color: #60a5fa !important;
}

.more-native-feature-bell::after {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 999px;
  left: 50%;
  bottom: 0.22rem !important;
  transform: translateX(-50%);
  background: #2563eb;
}

.project-photo-open-btn {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  background: transparent;
  cursor: pointer;
  text-align: inherit;
}

.project-photo-open-btn img {
  pointer-events: none;
}

.project-photo-viewer-open {
  overflow: hidden;
}

.project-photo-viewer-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(2, 6, 23, 0.88);
  backdrop-filter: blur(14px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
}

.project-photo-viewer {
  position: relative;
  width: min(100%, 760px);
  max-height: 92vh;
  display: grid;
  gap: 0.8rem;
}

.project-photo-viewer img {
  width: 100%;
  max-height: 76vh;
  object-fit: contain;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}

.project-photo-viewer-close,
.project-photo-viewer-download {
  position: absolute;
  top: 0.8rem;
  z-index: 2;
  border-radius: 999px;
  min-height: 2.65rem;
  border: 1px solid rgba(226, 232, 240, 0.2);
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.78);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32);
  font-weight: 900;
}

.project-photo-viewer-close {
  left: 0.8rem;
  width: 2.65rem;
  padding: 0;
  font-size: 1.7rem;
  line-height: 1;
}

.project-photo-viewer-download {
  right: 0.8rem;
  padding: 0 1rem;
}

.project-photo-viewer-caption {
  display: grid;
  gap: 0.15rem;
  color: #f8fafc;
  text-align: center;
}

.project-photo-viewer-caption small {
  color: #cbd5e1;
}

body.settlelink-dark-mode .more-settings-row-icon.more-icon-app-features svg rect,
body.settlelink-dark-mode .more-settings-row-icon.more-icon-app-features svg path {
  stroke: #60a5fa;
}

body.settlelink-dark-mode .more-settings-row-icon.more-icon-app-features svg circle,
body.settlelink-dark-mode .more-native-feature-bell::after {
  fill: #60a5fa;
  background: #60a5fa;
}


/* SETTLELINK_SAFE_FINAL_POLISH_2026_05_28_REPAIR */

.project-photo-viewer-status {
  position: absolute;
  left: 50%;
  bottom: 4.7rem;
  z-index: 4;
  transform: translateX(-50%) translateY(8px);
  min-height: 2.55rem;
  max-width: calc(100% - 2rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 1rem;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.86);
  border: 1px solid rgba(226, 232, 240, 0.22);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
  font-weight: 900;
  text-align: center;
  transition: opacity 180ms ease, transform 180ms ease;
}

.project-photo-viewer-status.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.project-photo-viewer-status.is-error {
  color: #fecaca;
  border-color: rgba(248, 113, 113, 0.46);
  background: rgba(127, 29, 29, 0.88);
}

.project-photo-viewer-download:disabled {
  opacity: 0.72;
  cursor: wait;
}

body.settlelink-builder-open .invoice-contact-payout-setup-in-progress,
body.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-setup-in-progress,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-setup-in-progress {
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
  background: #fffbeb !important;
  border-color: #f2c94c !important;
  box-shadow: 0 10px 24px rgba(245, 158, 11, 0.10) !important;
}

body.settlelink-builder-open .invoice-contact-payout-setup-in-progress::before,
body.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-setup-in-progress::before,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-setup-in-progress::before {
  content: "◷" !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-setup-in-progress,
body.settlelink-dark-mode.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-setup-in-progress,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-setup-in-progress {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  background: rgba(120, 53, 15, 0.38) !important;
  border-color: rgba(245, 158, 11, 0.58) !important;
  box-shadow: 0 12px 28px rgba(245, 158, 11, 0.12) !important;
}

body.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.danger-btn:not(.app-modal-confirm-complete-btn),
body.settlelink-builder-open #settlelinkAppModal .app-modal-actions #settlelinkAppModalConfirmBtn.danger-btn:not(.app-modal-confirm-complete-btn),
body.settlelink-builder-open #settlelinkAppModal button#settlelinkAppModalConfirmBtn.danger-btn:not(.app-modal-confirm-complete-btn) {
  background: #fff1f2 !important;
  border: 1px solid #fda4af !important;
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  box-shadow: 0 12px 26px rgba(185, 28, 28, 0.12) !important;
}

body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.danger-btn:not(.app-modal-confirm-complete-btn),
body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal .app-modal-actions #settlelinkAppModalConfirmBtn.danger-btn:not(.app-modal-confirm-complete-btn),
body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal button#settlelinkAppModalConfirmBtn.danger-btn:not(.app-modal-confirm-complete-btn) {
  background: rgba(127, 29, 29, 0.44) !important;
  border-color: rgba(248, 113, 113, 0.54) !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  box-shadow: 0 12px 28px rgba(127, 29, 29, 0.24) !important;
}

body.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn {
  background: #ecfdf3 !important;
  border-color: rgba(34, 197, 94, 0.35) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.12) !important;
}

body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn {
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(74, 222, 128, 0.48) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-builder-open .status-chip.overdue,
body.settlelink-builder-open .status-badge.overdue {
  min-height: 32px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: #fff1f2 !important;
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  border: 1px solid rgba(251, 113, 133, 0.62) !important;
  box-shadow: 0 10px 22px rgba(185, 28, 28, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .status-chip.overdue,
body.settlelink-dark-mode.settlelink-builder-open .status-badge.overdue {
  background: rgba(127, 29, 29, 0.46) !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  border-color: rgba(248, 113, 113, 0.55) !important;
  box-shadow: 0 10px 24px rgba(127, 29, 29, 0.2) !important;
}

body.settlelink-builder-open .mobile-bottom-nav .mobile-bottom-nav-icon,
body.settlelink-builder-open .mobile-bottom-nav .mobile-bottom-nav-icon.icon-dashboard,
body.settlelink-builder-open .mobile-bottom-nav .mobile-bottom-nav-icon.icon-subcontractors,
body.settlelink-builder-open .mobile-bottom-nav .mobile-bottom-nav-icon.icon-receipts,
body.settlelink-builder-open .mobile-bottom-nav .mobile-bottom-nav-icon.icon-settings,
body.settlelink-builder-open .mobile-bottom-nav .mobile-bottom-nav-icon.icon-company {
  opacity: 1 !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  will-change: auto !important;
}

.more-native-feature-bell::after {
  bottom: 0.04rem !important;
  transform: translateX(-50%) translateY(3px) !important;
}


/* SETTLELINK_FINAL_BADGE_MODAL_FIX_2026_05_28 */

/* Setup in progress: keep wording only, no icon */
body.settlelink-builder-open .invoice-contact-payout-setup-in-progress::before,
body.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-setup-in-progress::before,
body.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-setup-in-progress::before,
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-setup-in-progress::before,
body.settlelink-dark-mode.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-setup-in-progress::before,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-setup-in-progress::before {
  content: none !important;
  display: none !important;
}

/* Mark as completed / Move to completed should be green */
body.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn,
body.settlelink-builder-open #settlelinkAppModal .app-modal-actions #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn,
body.settlelink-builder-open #settlelinkAppModal button#settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn {
  background: #ecfdf3 !important;
  border: 1px solid rgba(34, 197, 94, 0.38) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.12) !important;
}

body.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn:hover {
  background: #dcfce7 !important;
  border-color: rgba(34, 197, 94, 0.58) !important;
}

body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn,
body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal .app-modal-actions #settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn,
body.settlelink-dark-mode.settlelink-builder-open #settlelinkAppModal button#settlelinkAppModalConfirmBtn.app-modal-confirm-complete-btn {
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(74, 222, 128, 0.48) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.18) !important;
}


/* SETTLELINK_IOS_APP_FEATURES_FINAL_POLISH_2026_05_28 */

body.settlelink-builder-open .more-native-features-summary {
  display: grid !important;
  grid-template-columns: 2.55rem minmax(0, 1fr) auto 1rem !important;
  align-items: center !important;
  column-gap: 0.72rem !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  min-width: 0 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy strong,
body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy small {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body.settlelink-builder-open .more-native-status-pill {
  justify-self: end !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

body.settlelink-builder-open .more-icon-app-features {
  flex: 0 0 2.35rem !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  border-radius: 0.95rem !important;
  align-items: center !important;
  justify-content: center !important;
}

body.settlelink-builder-open .more-icon-app-features::before,
body.settlelink-builder-open .more-icon-app-features::after {
  display: none !important;
  content: none !important;
}

body.settlelink-builder-open .more-icon-app-features svg {
  width: 1.38rem !important;
  height: 1.38rem !important;
  display: block !important;
}

body.settlelink-builder-open .more-icon-app-features svg rect,
body.settlelink-builder-open .more-icon-app-features svg path {
  fill: none !important;
  stroke: #2563eb !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.settlelink-builder-open .more-icon-app-features svg circle {
  fill: #2563eb !important;
}

body.settlelink-builder-open .more-native-features-panel {
  overflow: hidden !important;
}

body.settlelink-builder-open .more-native-features-heading .eyebrow {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

body.settlelink-builder-open .more-native-features-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.72rem !important;
}

body.settlelink-builder-open .more-native-features-grid .more-native-feature-card {
  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.settlelink-builder-open .more-native-feature-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.12rem !important;
}

body.settlelink-builder-open .more-native-feature-copy strong,
body.settlelink-builder-open .more-native-feature-copy small {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body.settlelink-builder-open .more-native-features-grid article small,
body.settlelink-builder-open .more-native-feature-copy small {
  grid-column: auto !important;
  line-height: 1.42 !important;
}

body.settlelink-builder-open .more-native-feature-icon {
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  border-radius: 0.95rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-feature-icon::before,
body.settlelink-builder-open .more-native-feature-icon::after {
  display: none !important;
  content: none !important;
}

body.settlelink-builder-open .more-native-feature-icon svg {
  width: 1.42rem !important;
  height: 1.42rem !important;
  display: block !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-feature-icon svg path,
body.settlelink-builder-open .more-native-feature-icon svg circle {
  fill: none !important;
  stroke: #2563eb !important;
  stroke-width: 2.05 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.settlelink-builder-open .more-native-feature-camera svg circle {
  stroke-width: 2 !important;
}

body.settlelink-builder-open .more-native-feature-bell svg path:nth-child(3) {
  transform: translateY(0.08rem) !important;
}

body.settlelink-builder-open .more-native-features-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.65rem !important;
}

body.settlelink-builder-open .more-native-features-actions button {
  width: 100% !important;
  min-height: 2.9rem !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-icon-app-features svg rect,
body.settlelink-dark-mode.settlelink-builder-open .more-icon-app-features svg path,
body.settlelink-dark-mode.settlelink-builder-open .more-native-feature-icon svg path,
body.settlelink-dark-mode.settlelink-builder-open .more-native-feature-icon svg circle {
  stroke: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-icon-app-features svg circle {
  fill: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-native-features-heading .eyebrow {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

@media (max-width: 380px) {
  body.settlelink-builder-open .more-native-features-summary {
    grid-template-columns: 2.4rem minmax(0, 1fr) 0.85rem !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 0.28rem !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-settings-row-arrow {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }
}


/* SETTLELINK_IOS_NOTIFICATION_LAYOUT_SAFE_2026_05_28 */

body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
  display: grid !important;
  grid-template-columns: 4.8rem minmax(0, 1fr) 1rem !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  column-gap: 0.75rem !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
  position: relative !important;
  z-index: 1 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  position: relative !important;
  z-index: 2 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy strong,
body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy small {
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy strong {
  line-height: 1.08 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy small {
  margin-top: 0.18rem !important;
  line-height: 1.28 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 0.45rem !important;
  justify-self: start !important;
  white-space: nowrap !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-arrow {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-notifications-device-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  margin: 0.9rem 0 !important;
  padding: 0.9rem !important;
  border-radius: 1.1rem !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  background: rgba(37, 99, 235, 0.055) !important;
}

body.settlelink-builder-open .more-notifications-device-card strong,
body.settlelink-builder-open .more-notifications-device-card small {
  display: block !important;
}

body.settlelink-builder-open .more-notifications-device-card small {
  margin-top: 0.2rem !important;
  color: var(--muted-text, #64748b) !important;
  line-height: 1.4 !important;
}

body.settlelink-builder-open .more-device-notifications-btn {
  width: 100% !important;
  min-height: 2.7rem !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-notifications-device-card {
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.2) !important;
}

@media (max-width: 390px) {
  body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
    grid-template-columns: 4.65rem minmax(0, 1fr) 0.95rem !important;
    column-gap: 0.6rem !important;
  }
}


/* SETTLELINK_APP_FEATURES_MORE_UI_SAFE_FINAL_2026_05_28_V2 */

body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
  display: grid !important;
  grid-template-columns: 5rem minmax(0, 1fr) 1rem !important;
  align-items: center !important;
  column-gap: 0.72rem !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-align: left !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy strong,
body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy small {
  display: block !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy strong {
  line-height: 1.1 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy small {
  margin-top: 0.14rem !important;
  line-height: 1.28 !important;
}

body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 0.42rem !important;
  white-space: nowrap !important;
  justify-self: start !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-arrow {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-content {
  padding-bottom: calc(7.2rem + env(safe-area-inset-bottom, 0px)) !important;
}

body.settlelink-builder-open .more-native-features-panel {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .more-native-features-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.72rem !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-features-grid > .more-native-feature-card {
  display: grid !important;
  grid-template-columns: 3.35rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.82rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.92rem !important;
  text-align: left !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-copy {
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-copy strong,
body.settlelink-builder-open .more-native-features-panel .more-native-feature-copy small {
  display: block !important;
  grid-column: auto !important;
  text-align: left !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-copy strong {
  line-height: 1.18 !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-copy small {
  line-height: 1.42 !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon {
  width: 2.8rem !important;
  height: 2.8rem !important;
  min-width: 2.8rem !important;
  border-radius: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  align-self: center !important;
  background: rgba(219, 234, 254, 0.9) !important;
  border: 1px solid rgba(37, 99, 235, 0.14) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon::before,
body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon::after {
  display: none !important;
  content: none !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg {
  width: 1.35rem !important;
  height: 1.35rem !important;
  display: block !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg path,
body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg circle {
  fill: none !important;
  stroke: #2563eb !important;
  stroke-width: 2.05 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-icon,
html.settlelink-dark-mode body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon,
body.dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-icon {
  background: rgba(37, 99, 235, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg path,
body.settlelink-dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg circle,
html.settlelink-dark-mode body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg path,
html.settlelink-dark-mode body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg circle,
body.dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg path,
body.dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-icon svg circle {
  stroke: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-card,
html.settlelink-dark-mode body.settlelink-builder-open .more-native-features-panel .more-native-feature-card,
body.dark-mode.settlelink-builder-open .more-native-features-panel .more-native-feature-card {
  background: rgba(15, 23, 42, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

body.settlelink-builder-open .more-native-features-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.65rem !important;
  margin-top: 0.95rem !important;
}

body.settlelink-builder-open .more-native-features-actions button {
  width: 100% !important;
  min-height: 2.85rem !important;
}

body.settlelink-builder-open .more-notifications-device-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  margin: 0.9rem 0 !important;
  padding: 0.9rem !important;
  border-radius: 1.1rem !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  background: rgba(37, 99, 235, 0.055) !important;
}

body.settlelink-builder-open .more-notifications-device-card strong,
body.settlelink-builder-open .more-notifications-device-card small {
  display: block !important;
}

body.settlelink-builder-open .more-notifications-device-card small {
  margin-top: 0.2rem !important;
  color: var(--muted-text, #64748b) !important;
  line-height: 1.4 !important;
}

body.settlelink-builder-open .more-device-notifications-btn {
  width: 100% !important;
  min-height: 2.7rem !important;
}

body.settlelink-dark-mode.settlelink-builder-open .more-notifications-device-card,
html.settlelink-dark-mode body.settlelink-builder-open .more-notifications-device-card,
body.dark-mode.settlelink-builder-open .more-notifications-device-card {
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.2) !important;
}

@media (max-width: 390px) {
  body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
    grid-template-columns: 4.65rem minmax(0, 1fr) 0.95rem !important;
    column-gap: 0.6rem !important;
  }

  body.settlelink-builder-open .more-native-features-panel .more-native-features-grid > .more-native-feature-card {
    grid-template-columns: 3.1rem minmax(0, 1fr) !important;
    gap: 0.72rem !important;
    padding: 0.86rem !important;
  }

  body.settlelink-builder-open .more-native-features-panel .more-native-feature-icon {
    width: 2.55rem !important;
    height: 2.55rem !important;
    min-width: 2.55rem !important;
  }
}


/* SETTLELINK_APP_FEATURES_ROW_ALIGN_FINAL_2026_05_28_V2 */

body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
  grid-template-columns: 4rem minmax(0, 1fr) 1rem !important;
  column-gap: 0.72rem !important;
}

body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  justify-self: start !important;
  margin-left: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  padding-left: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
  margin-left: 0 !important;
}

@media (max-width: 390px) {
  body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
    grid-template-columns: 3.85rem minmax(0, 1fr) 0.95rem !important;
    column-gap: 0.64rem !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
    width: 3.2rem !important;
    height: 3.2rem !important;
    min-width: 3.2rem !important;
  }
}


/* SETTLELINK_APP_FEATURES_ROW_FINAL_NUDGE_2026_05_28 */

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  margin-left: -2.55rem !important;
}

body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
  margin-left: -2.55rem !important;
}

@media (max-width: 390px) {
  body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
    margin-left: -2.35rem !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
  body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
    margin-left: -2.35rem !important;
  }
}


/* SETTLELINK_APP_FEATURES_ROW_REPAIR_FINAL_2026_05_28 */

body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
  grid-template-columns: 3.72rem minmax(0, 1fr) 1rem !important;
  column-gap: 0.66rem !important;
}

body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  justify-self: start !important;
  margin-left: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  margin-left: 0 !important;
  padding-left: 0 !important;
  transform: none !important;
  justify-self: start !important;
}

body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
  margin-left: 0 !important;
  transform: none !important;
  justify-self: start !important;
}

@media (max-width: 390px) {
  body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
    grid-template-columns: 3.62rem minmax(0, 1fr) 0.95rem !important;
    column-gap: 0.58rem !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
    width: 3.15rem !important;
    height: 3.15rem !important;
    min-width: 3.15rem !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy,
  body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
  body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
    margin-left: 0 !important;
    transform: none !important;
  }
}


/* SETTLELINK_APP_FEATURES_ROW_TRUE_ALIGN_FINAL_2026_05_28 */

body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 14px !important;
  column-gap: 14px !important;
  padding: 14px 0 !important;
  min-height: 74px !important;
  overflow: visible !important;
}

body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
  grid-column: 1 !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  margin: 0 !important;
  transform: none !important;
  justify-self: start !important;
  align-self: center !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  justify-self: stretch !important;
  align-self: center !important;
  text-align: left !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy strong,
body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy small {
  text-align: left !important;
  margin-left: 0 !important;
  transform: none !important;
}

body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
  margin-left: 0 !important;
  margin-top: 0.44rem !important;
  transform: none !important;
  justify-self: start !important;
}

body.settlelink-builder-open .more-native-features-summary .more-settings-row-arrow {
  grid-column: 3 !important;
  margin: 0 !important;
  transform: none !important;
  justify-self: end !important;
  align-self: center !important;
}

body.settlelink-builder-open .more-native-features-section[open] > summary.more-settings-row.more-native-features-summary .more-settings-row-arrow {
  transform: rotate(90deg) !important;
}

@media (max-width: 390px) {
  body.settlelink-builder-open .more-native-features-section > summary.more-settings-row.more-native-features-summary {
    grid-template-columns: 52px minmax(0, 1fr) 24px !important;
    gap: 14px !important;
    column-gap: 14px !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-icon-app-features {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }

  body.settlelink-builder-open .more-native-features-summary .more-settings-row-copy,
  body.settlelink-builder-open .more-native-features-summary .more-native-status-wrap,
  body.settlelink-builder-open .more-native-features-summary .more-native-status-pill {
    margin-left: 0 !important;
    transform: none !important;
  }
}


/* SettleLink Patch 3: mobile icon cleanup and destructive buttons */
body.settlelink-builder-open .contacts-mode-icon {
  position: relative !important;
  overflow: hidden !important;
  font-size: 0 !important;
  filter: none !important;
  flex: 0 0 24px !important;
}

body.settlelink-builder-open .contacts-mode-icon::before,
body.settlelink-builder-open .contacts-mode-icon::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
}

body.settlelink-builder-open .contacts-mode-icon-person::before {
  width: 9px !important;
  height: 9px !important;
  left: 7px !important;
  top: 4px !important;
  border-radius: 999px !important;
  border: 2px solid currentColor !important;
}

body.settlelink-builder-open .contacts-mode-icon-person::after {
  width: 16px !important;
  height: 9px !important;
  left: 4px !important;
  bottom: 3px !important;
  border: 2px solid currentColor !important;
  border-top: 0 !important;
  border-radius: 0 0 999px 999px !important;
}

body.settlelink-builder-open .contacts-mode-icon-supplier::before {
  width: 16px !important;
  height: 13px !important;
  left: 4px !important;
  bottom: 4px !important;
  border: 2px solid currentColor !important;
  border-radius: 4px !important;
}

body.settlelink-builder-open .contacts-mode-icon-supplier::after {
  width: 8px !important;
  height: 5px !important;
  left: 8px !important;
  top: 4px !important;
  border: 2px solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item {
  position: relative !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item::before {
  content: "" !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item::after {
  content: "" !important;
  position: absolute !important;
  left: 23px !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  transform: translateY(-50%) !important;
  box-sizing: border-box !important;
  color: #60a5fa !important;
  border-color: currentColor !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(1)::after {
  width: 10px !important;
  height: 10px !important;
  left: 25px !important;
  border: 2px solid currentColor !important;
  border-radius: 999px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(2)::after {
  width: 15px !important;
  height: 11px !important;
  border: 2px solid currentColor !important;
  border-radius: 3px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(3)::after {
  width: 13px !important;
  height: 13px !important;
  border-left: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 0 0 0 9px !important;
  transform: translateY(-50%) rotate(-35deg) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(4)::after {
  width: 12px !important;
  height: 12px !important;
  left: 25px !important;
  border: 2px solid currentColor !important;
  transform: translateY(-50%) rotate(45deg) !important;
  border-radius: 3px !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(5)::after {
  width: 14px !important;
  height: 14px !important;
  border-left: 3px solid currentColor !important;
  border-top: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 2px !important;
}

.contacts-card-menu-action.deleteContactBtn,
.deleteAllocationBtn,
.deleteProjectInvoiceBtn,
#deleteProjectBtn,
#clearWorkspaceBtn,
#deleteAccountFinalBtn {
  border-color: rgba(220, 38, 38, 0.32) !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
  -webkit-text-fill-color: #991b1b !important;
}

.contacts-card-menu-action.deleteContactBtn:hover,
.deleteAllocationBtn:hover,
.deleteProjectInvoiceBtn:hover,
#deleteProjectBtn:hover,
#clearWorkspaceBtn:hover,
#deleteAccountFinalBtn:hover {
  border-color: rgba(220, 38, 38, 0.55) !important;
  background: #fecaca !important;
  color: #7f1d1d !important;
  -webkit-text-fill-color: #7f1d1d !important;
}

body.settlelink-dark-mode .contacts-card-menu-action.deleteContactBtn,
body.settlelink-dark-mode .deleteAllocationBtn,
body.settlelink-dark-mode .deleteProjectInvoiceBtn,
body.settlelink-dark-mode #deleteProjectBtn,
body.settlelink-dark-mode #clearWorkspaceBtn,
body.settlelink-dark-mode #deleteAccountFinalBtn {
  border-color: rgba(248, 113, 113, 0.45) !important;
  background: rgba(127, 29, 29, 0.42) !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}


/* SettleLink Patch 4A: remove iOS glyph icons from contact details and dashboard open project */
.sl-builder-contact-summary-panel .invoice-contact-card-item::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item {
  position: relative !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item::after {
  content: "" !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  display: block !important;
  box-sizing: border-box !important;
  color: #60a5fa !important;
  border-color: currentColor !important;
  background: transparent !important;
  transform: translateY(-50%) !important;
  -webkit-text-fill-color: #60a5fa !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(1)::after {
  width: 15px !important;
  height: 15px !important;
  border: 2px solid currentColor !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 0 3px rgba(96, 165, 250, 0.12) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(2)::after {
  width: 17px !important;
  height: 12px !important;
  border: 2px solid currentColor !important;
  border-radius: 3px !important;
  background:
    linear-gradient(135deg, transparent 46%, currentColor 48%, currentColor 54%, transparent 56%),
    linear-gradient(45deg, transparent 46%, currentColor 48%, currentColor 54%, transparent 56%) !important;
  background-size: 50% 100%, 50% 100% !important;
  background-position: left top, right top !important;
  background-repeat: no-repeat !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(3)::after {
  width: 15px !important;
  height: 15px !important;
  border-left: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 0 0 0 11px !important;
  transform: translateY(-50%) rotate(-35deg) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(4)::after {
  width: 14px !important;
  height: 14px !important;
  border: 2px solid currentColor !important;
  border-radius: 3px !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(5)::after {
  width: 15px !important;
  height: 15px !important;
  border-left: 3px solid currentColor !important;
  border-top: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 3px !important;
}

.dashboard-open-project-icon {
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  flex: 0 0 22px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  color: currentColor !important;
  -webkit-text-fill-color: transparent !important;
}

.dashboard-open-project-icon::before,
.dashboard-open-project-icon::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
  color: currentColor !important;
}

.dashboard-open-project-icon::before {
  width: 13px !important;
  height: 13px !important;
  right: 3px !important;
  top: 3px !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
}

.dashboard-open-project-icon::after {
  width: 15px !important;
  height: 2px !important;
  right: 4px !important;
  top: 11px !important;
  background: currentColor !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
}

body.settlelink-builder-open .toggleContactDetailsBtn::before {
  content: "" !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 12px !important;
  display: inline-block !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
  box-sizing: border-box !important;
}


/* SettleLink Patch 4B: final iOS contact icon cleanup */
.sl-builder-contact-summary-panel .invoice-contact-card-item::after,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(1)::after,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(2)::after,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(3)::after,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(4)::after,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(5)::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item {
  grid-template-columns: 34px minmax(0, 1fr) !important;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item::before,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(1)::before,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(2)::before,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(3)::before,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(4)::before,
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(5)::before {
  content: "" !important;
  position: relative !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 8px !important;
  background: rgba(47, 102, 243, 0.16) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: transparent !important;
  box-sizing: border-box !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

/* Registration */
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(1)::before {
  border: 2px solid #60a5fa !important;
  box-shadow: inset 0 0 0 5px rgba(3, 10, 22, 0.72) !important;
}

/* Email */
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(2)::before {
  border: 2px solid #60a5fa !important;
  border-radius: 6px !important;
  background:
    linear-gradient(135deg, transparent 45%, #60a5fa 47%, #60a5fa 53%, transparent 55%),
    linear-gradient(45deg, transparent 45%, #60a5fa 47%, #60a5fa 53%, transparent 55%),
    rgba(47, 102, 243, 0.16) !important;
  background-size: 50% 100%, 50% 100%, 100% 100% !important;
  background-position: left top, right top, center !important;
  background-repeat: no-repeat !important;
}

/* Phone */
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(3)::before {
  background: rgba(47, 102, 243, 0.16) !important;
  border-left: 4px solid #60a5fa !important;
  border-bottom: 4px solid #60a5fa !important;
  border-radius: 0 0 0 16px !important;
  transform: rotate(-35deg) scale(0.72) !important;
}

/* Address */
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(4)::before {
  width: 18px !important;
  height: 18px !important;
  margin-left: 3px !important;
  border: 3px solid #60a5fa !important;
  border-radius: 5px !important;
  transform: rotate(45deg) !important;
  background: rgba(47, 102, 243, 0.16) !important;
}

/* Amount */
.sl-builder-contact-summary-panel .invoice-contact-card-item:nth-child(5)::before {
  border-left: 4px solid #60a5fa !important;
  border-top: 4px solid #60a5fa !important;
  border-bottom: 4px solid #60a5fa !important;
  border-radius: 4px !important;
  background: rgba(47, 102, 243, 0.16) !important;
}

/* Keep the dashboard open-project icon as a drawn icon, not a glyph */
.dashboard-open-project-icon {
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-text-fill-color: transparent !important;
}


/* SettleLink polished contact detail icons - light/dark mode friendly */
:root {
  --settlelink-contact-icon-stroke: #2563eb;
  --settlelink-contact-icon-bg: rgba(37, 99, 235, 0.10);
  --settlelink-contact-icon-border: rgba(37, 99, 235, 0.22);
}

body.settlelink-dark-mode,
body.dark,
html[data-theme="dark"] {
  --settlelink-contact-icon-stroke: #60a5fa;
  --settlelink-contact-icon-bg: rgba(47, 102, 243, 0.16);
  --settlelink-contact-icon-border: rgba(96, 165, 250, 0.26);
}

body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
}

/* Kill every old emoji/glyph/pseudo icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* New clean icon holder */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item::before {
  content: "" !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 10px !important;
  background-color: var(--settlelink-contact-icon-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 19px 19px !important;
  border: 1px solid var(--settlelink-contact-icon-border) !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Registration icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='3'/%3E%3Cpath d='M9 12.2l2 2 4-5'/%3E%3C/svg%3E") !important;
}

/* Email icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='12' rx='3'/%3E%3Cpath d='M5 8l7 5 7-5'/%3E%3C/svg%3E") !important;
}

/* Phone icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5l3 3-2 2c1.4 2.7 3.3 4.6 6 6l2-2 3 3-1.5 2c-.6.8-1.7 1.1-2.6.8C9.5 18.1 5.9 14.5 4.2 9.1c-.3-.9 0-2 .8-2.6L7 5z'/%3E%3C/svg%3E") !important;
}

/* Address icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.3 7-11a7 7 0 10-14 0c0 5.7 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") !important;
}

/* Amount icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12h9'/%3E%3Cpath d='M15.5 7.5c-.8-1.2-2-1.8-3.5-1.8-2.2 0-3.8 1.3-3.8 3.2 0 1.6 1 2.6 2.9 2.9l2 .3c1.8.3 2.7 1.2 2.7 2.7 0 2-1.7 3.4-4.1 3.4-1.6 0-3-.5-4.2-1.5'/%3E%3C/svg%3E") !important;
}

/* Dark-mode SVG stroke override */
body.settlelink-dark-mode .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(1)::before,
body.dark .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(1)::before,
html[data-theme="dark"] .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='3'/%3E%3Cpath d='M9 12.2l2 2 4-5'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(2)::before,
body.dark .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(2)::before,
html[data-theme="dark"] .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='12' rx='3'/%3E%3Cpath d='M5 8l7 5 7-5'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(3)::before,
body.dark .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(3)::before,
html[data-theme="dark"] .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5l3 3-2 2c1.4 2.7 3.3 4.6 6 6l2-2 3 3-1.5 2c-.6.8-1.7 1.1-2.6.8C9.5 18.1 5.9 14.5 4.2 9.1c-.3-.9 0-2 .8-2.6L7 5z'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(4)::before,
body.dark .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(4)::before,
html[data-theme="dark"] .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.3 7-11a7 7 0 10-14 0c0 5.7 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before,
body.dark .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before,
html[data-theme="dark"] .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12h9'/%3E%3Cpath d='M15.5 7.5c-.8-1.2-2-1.8-3.5-1.8-2.2 0-3.8 1.3-3.8 3.2 0 1.6 1 2.6 2.9 2.9l2 .3c1.8.3 2.7 1.2 2.7 2.7 0 2-1.7 3.4-4.1 3.4-1.6 0-3-.5-4.2-1.5'/%3E%3C/svg%3E") !important;
}

/* Clean Open Project icon, no text glyph */
body.settlelink-builder-open .dashboard-open-project-icon {
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  flex: 0 0 22px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  color: currentColor !important;
  -webkit-text-fill-color: transparent !important;
}

body.settlelink-builder-open .dashboard-open-project-icon::before,
body.settlelink-builder-open .dashboard-open-project-icon::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
}

body.settlelink-builder-open .dashboard-open-project-icon::before {
  width: 13px !important;
  height: 13px !important;
  right: 3px !important;
  top: 3px !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
}

body.settlelink-builder-open .dashboard-open-project-icon::after {
  width: 15px !important;
  height: 2px !important;
  right: 4px !important;
  top: 11px !important;
  background: currentColor !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
}

/* SettleLink fix: replace broken Amount £ icon with clean wallet/card icon */
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='12' rx='3'/%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M15.5 15h1.5'/%3E%3C/svg%3E") !important;
}

body.settlelink-dark-mode .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before,
body.dark .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before,
html[data-theme="dark"] .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='12' rx='3'/%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M15.5 15h1.5'/%3E%3C/svg%3E") !important;
}


/* SettleLink status badge icon bundle - light/dark friendly */
.project-invoice-card .panel-header {
  align-items: flex-start;
}

.project-invoice-card .panel-header > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.project-invoice-status-badge {
  --status-badge-color: #64748b;
  --status-badge-bg: rgba(100, 116, 139, 0.10);
  --status-badge-border: rgba(100, 116, 139, 0.24);

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: fit-content !important;
  min-height: 36px !important;
  margin-top: 12px !important;
  padding: 8px 14px !important;
  border: 1px solid var(--status-badge-border) !important;
  border-radius: 999px !important;
  background: var(--status-badge-bg) !important;
  color: var(--status-badge-color) !important;
  -webkit-text-fill-color: var(--status-badge-color) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
}

.project-invoice-status-badge .project-invoice-status-icon {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-block !important;
  color: var(--status-badge-color) !important;
  -webkit-text-fill-color: transparent !important;
}

.project-invoice-status-icon::before,
.project-invoice-status-icon::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
  color: currentColor !important;
}

/* Paid - green with check */
.project-invoice-status-paid {
  --status-badge-color: #16a34a;
  --status-badge-bg: rgba(22, 163, 74, 0.11);
  --status-badge-border: rgba(22, 163, 74, 0.32);
}

.project-invoice-status-paid .project-invoice-status-icon::before {
  inset: 1px !important;
  border: 2px solid currentColor !important;
  border-radius: 6px !important;
}

.project-invoice-status-paid .project-invoice-status-icon::after {
  left: 5px !important;
  top: 4px !important;
  width: 7px !important;
  height: 10px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(42deg) !important;
}

/* Sent - blue with paper-plane */
.project-invoice-status-sent {
  --status-badge-color: #2563eb;
  --status-badge-bg: rgba(37, 99, 235, 0.11);
  --status-badge-border: rgba(37, 99, 235, 0.32);
}

.project-invoice-status-sent .project-invoice-status-icon::before {
  left: 1px !important;
  top: 2px !important;
  width: 16px !important;
  height: 14px !important;
  background: currentColor !important;
  clip-path: polygon(0 43%, 100% 0, 62% 100%, 44% 60%, 0 43%) !important;
  opacity: 0.95 !important;
}

.project-invoice-status-sent .project-invoice-status-icon::after {
  left: 6px !important;
  top: 6px !important;
  width: 8px !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  transform: rotate(-28deg) !important;
}

/* Overdue - red with warning mark */
.project-invoice-status-overdue {
  --status-badge-color: #dc2626;
  --status-badge-bg: rgba(220, 38, 38, 0.11);
  --status-badge-border: rgba(220, 38, 38, 0.32);
}

.project-invoice-status-overdue .project-invoice-status-icon::before {
  inset: 1px !important;
  border: 2px solid currentColor !important;
  clip-path: polygon(50% 0, 88% 12%, 100% 50%, 88% 88%, 50% 100%, 12% 88%, 0 50%, 12% 12%) !important;
}

.project-invoice-status-overdue .project-invoice-status-icon::after {
  left: 8px !important;
  top: 4px !important;
  width: 2px !important;
  height: 10px !important;
  background: currentColor !important;
  box-shadow: 0 12px 0 currentColor !important;
}

/* Draft - neutral */
.project-invoice-status-draft {
  --status-badge-color: #64748b;
  --status-badge-bg: rgba(100, 116, 139, 0.10);
  --status-badge-border: rgba(100, 116, 139, 0.24);
}

.project-invoice-status-draft .project-invoice-status-icon::before {
  inset: 2px !important;
  border: 2px solid currentColor !important;
  border-radius: 999px !important;
}

.project-invoice-status-draft .project-invoice-status-icon::after {
  left: 8px !important;
  top: 4px !important;
  width: 2px !important;
  height: 7px !important;
  background: currentColor !important;
  transform-origin: bottom center !important;
  transform: rotate(-35deg) !important;
}

/* Dark mode tuning */
body.settlelink-dark-mode .project-invoice-status-paid,
body.dark .project-invoice-status-paid,
html[data-theme="dark"] .project-invoice-status-paid {
  --status-badge-color: #86efac;
  --status-badge-bg: rgba(22, 163, 74, 0.18);
  --status-badge-border: rgba(74, 222, 128, 0.38);
}

body.settlelink-dark-mode .project-invoice-status-sent,
body.dark .project-invoice-status-sent,
html[data-theme="dark"] .project-invoice-status-sent {
  --status-badge-color: #60a5fa;
  --status-badge-bg: rgba(37, 99, 235, 0.18);
  --status-badge-border: rgba(96, 165, 250, 0.38);
}

body.settlelink-dark-mode .project-invoice-status-overdue,
body.dark .project-invoice-status-overdue,
html[data-theme="dark"] .project-invoice-status-overdue {
  --status-badge-color: #f87171;
  --status-badge-bg: rgba(220, 38, 38, 0.18);
  --status-badge-border: rgba(248, 113, 113, 0.38);
}

body.settlelink-dark-mode .project-invoice-status-draft,
body.dark .project-invoice-status-draft,
html[data-theme="dark"] .project-invoice-status-draft {
  --status-badge-color: #cbd5e1;
  --status-badge-bg: rgba(148, 163, 184, 0.13);
  --status-badge-border: rgba(203, 213, 225, 0.22);
}

/* Keep mobile cards neat */
@media (max-width: 520px) {
  .project-invoice-status-badge {
    min-height: 34px !important;
    padding: 8px 13px !important;
    font-size: 0.82rem !important;
  }

  .project-invoice-card .panel-header > strong {
    margin-top: 4px !important;
  }
}


/* SettleLink real status chip icon fix - targets the actual visible Sent/Paid/Overdue pill */
.status-chip.status-chip-with-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.status-chip.status-chip-with-icon .status-chip-icon {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-block !important;
  color: currentColor !important;
  -webkit-text-fill-color: transparent !important;
}

.status-chip.status-chip-with-icon .status-chip-icon::before,
.status-chip.status-chip-with-icon .status-chip-icon::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
  color: currentColor !important;
}

/* Paid */
.status-chip.paid.status-chip-with-icon {
  background: rgba(22, 163, 74, 0.11) !important;
  border-color: rgba(22, 163, 74, 0.32) !important;
  color: #16a34a !important;
  -webkit-text-fill-color: #16a34a !important;
}

.status-chip.paid .status-chip-icon::before {
  inset: 1px !important;
  border: 2px solid currentColor !important;
  border-radius: 6px !important;
}

.status-chip.paid .status-chip-icon::after {
  left: 5px !important;
  top: 4px !important;
  width: 7px !important;
  height: 10px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(42deg) !important;
}

/* Sent */
.status-chip.sent.status-chip-with-icon {
  background: rgba(37, 99, 235, 0.11) !important;
  border-color: rgba(37, 99, 235, 0.32) !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

.status-chip.sent .status-chip-icon::before {
  left: 1px !important;
  top: 2px !important;
  width: 16px !important;
  height: 14px !important;
  background: currentColor !important;
  clip-path: polygon(0 43%, 100% 0, 62% 100%, 44% 60%, 0 43%) !important;
  opacity: 0.95 !important;
}

.status-chip.sent .status-chip-icon::after {
  left: 6px !important;
  top: 6px !important;
  width: 8px !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  transform: rotate(-28deg) !important;
}

/* Overdue */
.status-chip.overdue.status-chip-with-icon {
  background: rgba(220, 38, 38, 0.11) !important;
  border-color: rgba(220, 38, 38, 0.32) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

.status-chip.overdue .status-chip-icon::before {
  inset: 1px !important;
  border: 2px solid currentColor !important;
  clip-path: polygon(50% 0, 88% 12%, 100% 50%, 88% 88%, 50% 100%, 12% 88%, 0 50%, 12% 12%) !important;
}

.status-chip.overdue .status-chip-icon::after {
  left: 8px !important;
  top: 4px !important;
  width: 2px !important;
  height: 8px !important;
  background: currentColor !important;
  box-shadow: 0 10px 0 currentColor !important;
}

/* Dark mode */
body.settlelink-dark-mode .status-chip.paid.status-chip-with-icon,
body.dark .status-chip.paid.status-chip-with-icon,
html[data-theme="dark"] .status-chip.paid.status-chip-with-icon {
  background: rgba(22, 163, 74, 0.18) !important;
  border-color: rgba(74, 222, 128, 0.38) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

body.settlelink-dark-mode .status-chip.sent.status-chip-with-icon,
body.dark .status-chip.sent.status-chip-with-icon,
html[data-theme="dark"] .status-chip.sent.status-chip-with-icon {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.38) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode .status-chip.overdue.status-chip-with-icon,
body.dark .status-chip.overdue.status-chip-with-icon,
html[data-theme="dark"] .status-chip.overdue.status-chip-with-icon {
  background: rgba(220, 38, 38, 0.18) !important;
  border-color: rgba(248, 113, 113, 0.38) !important;
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
}


/* SettleLink fix: remove status chip icons, keep wording and colours only */
.status-chip.status-chip-with-icon,
.status-chip.paid.status-chip-with-icon,
.status-chip.sent.status-chip-with-icon,
.status-chip.overdue.status-chip-with-icon {
  gap: 0 !important;
}

.status-chip .status-chip-icon,
.status-chip .status-chip-icon::before,
.status-chip .status-chip-icon::after,
.status-chip.status-chip-with-icon .status-chip-icon,
.status-chip.status-chip-with-icon .status-chip-icon::before,
.status-chip.status-chip-with-icon .status-chip-icon::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  flex: 0 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep the visible chips clean and text-only */
.status-chip.paid,
.status-chip.sent,
.status-chip.overdue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* SettleLink fix: Sent badge colour in dark mode */
.status-chip.sent,
.status-chip.status-sent,
.status-chip.is-sent,
.sent.status-chip {
  background: rgba(37, 99, 235, 0.11) !important;
  border-color: rgba(37, 99, 235, 0.32) !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

body.settlelink-dark-mode .status-chip.sent,
body.settlelink-dark-mode .status-chip.status-sent,
body.settlelink-dark-mode .status-chip.is-sent,
body.settlelink-dark-mode .sent.status-chip,
body.dark .status-chip.sent,
body.dark .status-chip.status-sent,
body.dark .status-chip.is-sent,
body.dark .sent.status-chip,
html[data-theme="dark"] .status-chip.sent,
html[data-theme="dark"] .status-chip.status-sent,
html[data-theme="dark"] .status-chip.is-sent,
html[data-theme="dark"] .sent.status-chip {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.38) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

.status-chip.sent *,
.status-chip.status-sent *,
.status-chip.is-sent *,
.sent.status-chip * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}


/* SettleLink fix: dark-mode Sent payment summary badge, wording only */
.project-invoice-status-badge .project-invoice-status-icon,
.project-invoice-status-badge .project-invoice-status-icon::before,
.project-invoice-status-badge .project-invoice-status-icon::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  flex: 0 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.project-invoice-status-badge {
  gap: 0 !important;
}

/* Only adjust Sent in dark mode so it matches the other dark badges */
body.settlelink-dark-mode .project-invoice-status-sent,
body.dark .project-invoice-status-sent,
html[data-theme="dark"] .project-invoice-status-sent {
  background: rgba(30, 64, 175, 0.42) !important;
  border-color: rgba(96, 165, 250, 0.40) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

/* Keep Sent wording readable if it appears inside another dark project card wrapper */
body.settlelink-dark-mode .project-card .project-invoice-status-sent,
body.settlelink-dark-mode .dashboard-project-card .project-invoice-status-sent,
body.settlelink-dark-mode .job-card .project-invoice-status-sent {
  background: rgba(30, 64, 175, 0.42) !important;
  border-color: rgba(96, 165, 250, 0.40) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}


/* =========================================
   PAYOUTS NAV + PAYOUT TRUTH BUNDLE
   ========================================= */

body.settlelink-builder-open .builder-mobile-logo {
  padding-top: calc(env(safe-area-inset-top, 0px) + 10px);
  margin-bottom: 12px;
}

.icon-payouts::before,
.icon-payouts::after {
  display: none !important;
  content: none !important;
}

.icon-payouts {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.5C4 6.12 5.12 5 6.5 5h11C18.88 5 20 6.12 20 7.5v9c0 1.38-1.12 2.5-2.5 2.5h-11C5.12 19 4 17.88 4 16.5v-9Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 9h16' stroke='black' stroke-width='2'/%3E%3Cpath d='M15.8 14h2.2' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.5C4 6.12 5.12 5 6.5 5h11C18.88 5 20 6.12 20 7.5v9c0 1.38-1.12 2.5-2.5 2.5h-11C5.12 19 4 17.88 4 16.5v-9Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 9h16' stroke='black' stroke-width='2'/%3E%3Cpath d='M15.8 14h2.2' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.settlelink-builder-open .mobile-bottom-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.settlelink-builder-open .mobile-bottom-nav-link {
  min-width: 0;
}

body.settlelink-builder-open .mobile-bottom-nav-label {
  font-size: clamp(10px, 2.7vw, 12px);
}

.payout-page-hero,
.more-payment-setup-panel {
  overflow: hidden;
}

.payout-page-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(47, 102, 243, 0.42);
}

.payout-page-hero-copy {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.payout-hero-mini-icon,
.payout-settings-row-icon,
.payout-info-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #78a5ff;
  background: linear-gradient(145deg, rgba(47, 102, 243, 0.24), rgba(47, 102, 243, 0.08));
  border: 1px solid rgba(91, 139, 255, 0.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  font-weight: 900;
}

.payout-page-hero-image {
  width: min(34vw, 150px);
  max-height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(47, 102, 243, 0.28));
}

.payout-panel-heading-row,
.payout-overview-grid,
.payout-page-actions {
  display: grid;
  gap: 12px;
}

.payout-panel-heading-row {
  grid-template-columns: 1fr auto;
  align-items: center;
}

.payout-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 0.82rem;
}

.payout-status-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
}

.payout-status-success {
  color: #74e288;
  background: rgba(34, 197, 94, 0.13);
  border: 1px solid rgba(34, 197, 94, 0.38);
}

.payout-status-warning {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(251, 191, 36, 0.35);
}

.payout-overview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payout-overview-grid article {
  min-width: 0;
  padding: 6px 12px;
  border-right: 1px solid rgba(148, 163, 184, 0.22);
}

.payout-overview-grid article:last-child {
  border-right: 0;
}

.payout-overview-grid span,
.payout-overview-grid small,
.payout-update-copy small,
.payout-settings-row-button small {
  color: var(--muted);
}

.payout-overview-grid strong {
  display: block;
  margin-top: 8px;
  font-size: clamp(1.55rem, 6vw, 2.25rem);
  letter-spacing: 0.02em;
}

.payout-progress-panel {
  display: grid;
  gap: 14px;
}

.payout-progress-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 0;
  position: relative;
}

.payout-progress-step {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
  color: var(--muted);
  z-index: 1;
}

.payout-progress-step::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -50%;
  right: 50%;
  height: 3px;
  background: rgba(148, 163, 184, 0.28);
  z-index: -1;
}

.payout-progress-step:first-child::before {
  display: none;
}

.payout-progress-step.is-done::before,
.payout-progress-step.is-active::before {
  background: #2f66f3;
}

.payout-progress-dot {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a9c4ff;
  background: rgba(15, 23, 42, 0.35);
  border: 2px solid rgba(148, 163, 184, 0.42);
  font-weight: 900;
}

.payout-progress-step.is-done .payout-progress-dot {
  color: #ffffff;
  background: rgba(47, 102, 243, 0.32);
  border-color: #2f66f3;
}

.payout-progress-step.is-active .payout-progress-dot {
  color: #ffffff;
  background: #2f66f3;
  border-color: #9db8ff;
  box-shadow: 0 0 22px rgba(47, 102, 243, 0.42);
}

.payout-progress-step.is-active small,
.payout-progress-step.is-done small {
  color: var(--text);
  font-weight: 800;
}

.payout-current-status-pill {
  justify-self: center;
  margin: 0;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  color: var(--muted);
  background: rgba(15, 23, 42, 0.18);
}

.payout-current-status-pill strong {
  color: #5b8bff;
}

.payout-settings-row-button {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  text-align: left;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  cursor: pointer;
}

.payout-settings-row-button strong,
.payout-settings-row-button small {
  display: block;
}

.payout-settings-row-button strong {
  margin: 3px 0;
  font-size: 1.05rem;
}

.payout-settings-row-arrow {
  color: var(--muted);
  font-size: 1.8rem;
}

.payout-action-success .payout-settings-row-icon {
  color: #80ed99;
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.35);
}

.payout-action-warning .payout-settings-row-icon {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.13);
  border-color: rgba(251, 191, 36, 0.35);
}

.payout-updates-panel {
  display: grid;
  gap: 12px;
}

.payout-updates-list {
  display: grid;
  gap: 9px;
}

.payout-update-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.payout-update-row:last-child {
  border-bottom: 0;
}

.payout-update-avatar {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(47, 102, 243, 0.18);
  color: #79a7ff;
  font-weight: 900;
}

.payout-update-copy strong,
.payout-update-copy small {
  display: block;
}

.payout-update-status {
  font-weight: 900;
  white-space: nowrap;
}

.payout-update-success .payout-update-status {
  color: #74e288;
}

.payout-update-warning .payout-update-status {
  color: #fbbf24;
}

.payout-update-info .payout-update-status {
  color: #5b8bff;
}

.payout-trust-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
}

.more-payment-setup-main-premium {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(92px, 150px);
  gap: 16px;
  align-items: center;
}

.more-payment-setup-hero-image {
  width: 100%;
  max-height: 115px;
  object-fit: contain;
  filter: drop-shadow(0 16px 22px rgba(47, 102, 243, 0.25));
}

.more-payment-open-payouts-btn {
  color: #5b8bff;
  border-color: rgba(47, 102, 243, 0.35);
}

body:not(.settlelink-dark-mode) .payout-status-success {
  color: #067647;
  background: #ecfdf3;
  border-color: #abefc6;
}

body:not(.settlelink-dark-mode) .payout-status-warning {
  color: #b54708;
  background: #fffaeb;
  border-color: #fedf89;
}

body:not(.settlelink-dark-mode) .payout-current-status-pill,
body:not(.settlelink-dark-mode) .payout-progress-dot {
  background: #f8fbff;
}

body:not(.settlelink-dark-mode) .payout-update-row {
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

@media (max-width: 720px) {
  .payout-page-hero {
    align-items: center;
  }

  .payout-page-hero-image {
    width: 118px;
  }

  .payout-overview-grid {
    grid-template-columns: 1fr;
  }

  .payout-overview-grid article {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    padding: 10px 0;
  }

  .payout-overview-grid article:last-child {
    border-bottom: 0;
  }

  .payout-progress-track {
    gap: 4px;
  }

  .payout-progress-dot {
    width: 36px;
    height: 36px;
  }

  .payout-progress-step::before {
    top: 18px;
  }

  .payout-progress-step small {
    font-size: 0.72rem;
  }

  .payout-update-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .payout-update-status {
    grid-column: 2;
    white-space: normal;
  }

  .more-payment-setup-main-premium {
    grid-template-columns: minmax(0, 1fr) 105px;
  }

  .more-payment-setup-hero-image {
    max-height: 86px;
  }
}

@media (max-width: 380px) {
  .payout-page-hero-image {
    display: none;
  }

  .more-payment-setup-hero-image {
    display: none;
  }
}

/* =========================================
   SETTLELINK PAYOUTS + PAYMENT SETUP POLISH
   Keeps current app structure. Fixes mobile nav, light/dark mode,
   payout page spacing, and payment setup loading state.
   ========================================= */

/* Mobile logo spacing */
body.settlelink-builder-open .builder-mobile-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 92vw) !important;
  min-height: 88px !important;
  margin: calc(env(safe-area-inset-top, 0px) + 8px) auto 16px !important;
  padding: 12px 18px !important;
  border-radius: 26px !important;
  border: 1.5px solid rgba(47, 102, 243, 0.46) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .builder-mobile-logo {
  background:
    radial-gradient(circle at 50% 0%, rgba(47, 102, 243, 0.22), transparent 62%),
    rgba(8, 14, 26, 0.72) !important;
  border-color: rgba(64, 115, 255, 0.62) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26) !important;
}

body.settlelink-builder-open .builder-mobile-logo-image {
  width: auto !important;
  max-width: min(238px, 72vw) !important;
  height: 44px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Force 5 bottom-nav items to stay on one row */
body.settlelink-builder-open .mobile-bottom-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  gap: 4px !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  width: auto !important;
  max-width: none !important;
  min-height: 82px !important;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .mobile-bottom-nav-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 58px !important;
  padding: 6px 2px !important;
  border-radius: 17px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

body.settlelink-builder-open .mobile-bottom-nav-icon {
  width: 22px !important;
  height: 22px !important;
}

body.settlelink-builder-open .mobile-bottom-nav-label {
  max-width: 100% !important;
  font-size: clamp(9px, 2.45vw, 11px) !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.settlelink-builder-open .mobile-bottom-nav-link.active {
  background: linear-gradient(180deg, #2f66f3 0%, #1d4ed8 100%) !important;
  color: #dbeafe !important;
  box-shadow:
    0 12px 28px rgba(47, 102, 243, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .mobile-bottom-nav {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(7, 12, 24, 0.98)) !important;
  border-color: rgba(71, 85, 105, 0.78) !important;
  box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.32) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .mobile-bottom-nav-link.active {
  color: #93c5fd !important;
}

/* Payouts screen polish */
.payout-page-hero-polished {
  min-height: 144px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 72% 38%, rgba(47, 102, 243, 0.14), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1.5px solid rgba(47, 102, 243, 0.42) !important;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.08) !important;
}

body.settlelink-dark-mode .payout-page-hero-polished {
  background:
    radial-gradient(circle at 72% 38%, rgba(47, 102, 243, 0.22), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 13, 25, 0.94)) !important;
  border-color: rgba(64, 115, 255, 0.58) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26) !important;
}

.payout-page-hero-copy h1 {
  margin: 0 0 4px !important;
}

.payout-page-hero-image {
  width: min(36vw, 152px) !important;
  max-height: 112px !important;
  object-fit: contain !important;
  background: transparent !important;
}

.payout-overview-panel,
.payout-progress-panel,
.payout-updates-panel,
.payout-trust-note {
  border-radius: 24px !important;
}

.payout-overview-grid article {
  box-sizing: border-box !important;
}

.payout-overview-grid strong {
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.payout-progress-track {
  overflow: visible !important;
}

.payout-progress-step small {
  line-height: 1.15 !important;
  overflow-wrap: normal !important;
}

.payout-current-status-pill {
  text-align: center !important;
}

.payout-update-row {
  min-width: 0 !important;
}

.payout-update-copy {
  min-width: 0 !important;
}

.payout-update-copy strong,
.payout-update-copy small {
  overflow-wrap: anywhere !important;
}

.payout-trust-note {
  align-items: start !important;
}

/* Payment setup expanded section */
.more-payment-setup-panel {
  border-radius: 28px !important;
  border: 1.5px solid rgba(47, 102, 243, 0.22) !important;
  background:
    radial-gradient(circle at 80% 14%, rgba(47, 102, 243, 0.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.07) !important;
}

body.settlelink-dark-mode .more-payment-setup-panel {
  border-color: rgba(71, 85, 105, 0.82) !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(47, 102, 243, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(8, 13, 25, 0.96)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
}

.more-payment-setup-main-polished {
  grid-template-columns: minmax(0, 1fr) minmax(100px, 148px) !important;
  align-items: center !important;
  gap: 16px !important;
}

.more-payment-setup-hero-image {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-height: 112px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 26px rgba(47, 102, 243, 0.24)) !important;
}

.more-payment-status-card {
  border-radius: 24px !important;
  overflow: hidden !important;
}

.settlelink-payout-status-row {
  align-items: center !important;
}

.settlelink-payout-status-icon {
  color: #16a34a !important;
  background: rgba(22, 163, 74, 0.12) !important;
  border-color: rgba(22, 163, 74, 0.32) !important;
}

.settlelink-payout-status-icon[data-state="loading"] {
  color: #60a5fa !important;
  background: rgba(47, 102, 243, 0.12) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
}

.settlelink-payout-status-icon[data-state="not_started"],
.settlelink-payout-status-icon[data-state="error"] {
  color: #f59e0b !important;
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.30) !important;
}

.settlelink-payout-status-badge[data-state="loading"] {
  color: #2563eb !important;
  background: rgba(47, 102, 243, 0.10) !important;
  border-color: rgba(47, 102, 243, 0.24) !important;
}

body.settlelink-dark-mode .settlelink-payout-status-badge[data-state="loading"] {
  color: #93c5fd !important;
  background: rgba(30, 64, 175, 0.28) !important;
  border-color: rgba(96, 165, 250, 0.38) !important;
}

body.settlelink-dark-mode .settlelink-payout-status-icon[data-state="loading"] {
  color: #93c5fd !important;
  background: rgba(30, 64, 175, 0.26) !important;
  border-color: rgba(96, 165, 250, 0.36) !important;
}

.more-payment-trust-box {
  border-radius: 24px !important;
}

.more-payment-action-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.more-payment-action-row .primary-btn,
.more-payment-action-row .secondary-btn {
  width: 100% !important;
  min-width: 0 !important;
}

.more-payment-open-payouts-btn {
  color: #2f66f3 !important;
  border-color: rgba(47, 102, 243, 0.34) !important;
}

body.settlelink-dark-mode .more-payment-open-payouts-btn {
  color: #93c5fd !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
}

/* More page rows stay original, just cleaner spacing */
.more-settings-section {
  scroll-margin-top: 18px !important;
}

.more-settings-row {
  min-width: 0 !important;
}

.more-settings-row-copy {
  min-width: 0 !important;
}

.more-settings-row-copy strong,
.more-settings-row-copy small {
  overflow-wrap: anywhere !important;
}

/* Full light mode repair for payout/payment areas */
body:not(.settlelink-dark-mode) .payout-progress-dot {
  color: #64748b !important;
  background: #f8fbff !important;
  border-color: #cbd5e1 !important;
}

body:not(.settlelink-dark-mode) .payout-progress-step.is-done .payout-progress-dot,
body:not(.settlelink-dark-mode) .payout-progress-step.is-active .payout-progress-dot {
  color: #ffffff !important;
  background: #2f66f3 !important;
  border-color: #2f66f3 !important;
}

body:not(.settlelink-dark-mode) .payout-current-status-pill {
  color: #475569 !important;
  background: #ffffff !important;
  border-color: #dbe4f0 !important;
}

body:not(.settlelink-dark-mode) .payout-current-status-pill strong {
  color: #2f66f3 !important;
}

body:not(.settlelink-dark-mode) .payout-update-avatar {
  background: rgba(47, 102, 243, 0.12) !important;
  color: #2f66f3 !important;
}

body:not(.settlelink-dark-mode) .payout-update-success .payout-update-status {
  color: #067647 !important;
}

body:not(.settlelink-dark-mode) .payout-update-warning .payout-update-status {
  color: #b54708 !important;
}

body:not(.settlelink-dark-mode) .payout-update-info .payout-update-status {
  color: #2f66f3 !important;
}

/* Small phone fit */
@media (max-width: 520px) {
  body.settlelink-builder-open .builder-main {
    padding-bottom: 114px !important;
  }

  body.settlelink-builder-open .builder-mobile-logo {
    min-height: 76px !important;
    margin-bottom: 12px !important;
    border-radius: 22px !important;
  }

  body.settlelink-builder-open .builder-mobile-logo-image {
    height: 38px !important;
    max-width: min(218px, 72vw) !important;
  }

  .payout-page-hero-polished {
    min-height: 118px !important;
    padding: 18px !important;
    gap: 12px !important;
  }

  .payout-page-hero-copy {
    gap: 12px !important;
  }

  .payout-hero-mini-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  .payout-page-hero-image {
    width: 104px !important;
    max-height: 84px !important;
  }

  .payout-overview-grid {
    grid-template-columns: 1fr !important;
  }

  .payout-overview-grid article {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
    padding: 11px 0 !important;
  }

  .payout-overview-grid article:last-child {
    border-bottom: 0 !important;
  }

  .payout-progress-dot {
    width: 34px !important;
    height: 34px !important;
  }

  .payout-progress-step::before {
    top: 17px !important;
  }

  .payout-progress-step small {
    font-size: 0.68rem !important;
  }

  .payout-current-status-pill {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .payout-update-row {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  .payout-update-status {
    grid-column: 2 !important;
    white-space: normal !important;
  }

  .more-payment-setup-main-polished {
    grid-template-columns: minmax(0, 1fr) 106px !important;
  }

  .more-payment-setup-title {
    font-size: clamp(1.85rem, 9vw, 2.55rem) !important;
    line-height: 0.98 !important;
  }

  .more-payment-setup-subtitle {
    font-size: 1rem !important;
    line-height: 1.42 !important;
  }

  .more-payment-setup-hero-image {
    max-height: 84px !important;
  }

  .settlelink-payout-status-row {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  .settlelink-payout-status-badge {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 6px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .more-payment-trust-box-left {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  .mobile-bottom-nav-label {
    letter-spacing: -0.01em !important;
  }
}

@media (max-width: 380px) {
  .payout-page-hero-image,
  .more-payment-setup-hero-image {
    display: none !important;
  }

  .more-payment-setup-main-polished {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-link {
    min-height: 54px !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-icon {
    width: 20px !important;
    height: 20px !important;
  }

  body.settlelink-builder-open .mobile-bottom-nav-label {
    font-size: 9px !important;
  }
}

/* =========================================
   PAYOUTS PAGE MATCH FIX
   Makes Payouts match Projects / Receipts / More layout.
   Server/payment truth untouched.
   ========================================= */

body.settlelink-builder-open .payouts-page-shell {
  display: grid !important;
  gap: 18px !important;
  width: 100% !important;
}

body.settlelink-builder-open .payouts-hero-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 164px) !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 236px !important;
  padding: 28px 28px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(47, 102, 243, 0.18) !important;
  background:
    radial-gradient(circle at 76% 30%, rgba(47, 102, 243, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,251,255,0.96)) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-hero-card {
  border-color: rgba(71, 85, 105, 0.72) !important;
  background:
    radial-gradient(circle at 76% 30%, rgba(47, 102, 243, 0.22), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 13, 25, 0.96)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
}

body.settlelink-builder-open .payouts-hero-copy {
  min-width: 0 !important;
}

body.settlelink-builder-open .payouts-hero-card h1 {
  margin: 48px 0 18px !important;
  font-size: clamp(2.45rem, 9vw, 4rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
}

body.settlelink-builder-open .payouts-hero-card .page-subtitle {
  max-width: 390px !important;
  margin: 0 !important;
  font-size: clamp(1.14rem, 4.4vw, 1.55rem) !important;
  line-height: 1.36 !important;
  font-weight: 750 !important;
  color: #64748b !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-hero-card .page-subtitle {
  color: #b9c4d7 !important;
}

body.settlelink-builder-open .payouts-hero-icon {
  width: min(32vw, 164px) !important;
  max-height: 150px !important;
  object-fit: contain !important;
  justify-self: end !important;
  background: transparent !important;
  border: 0 !important;
  filter: drop-shadow(0 18px 28px rgba(47, 102, 243, 0.22)) !important;
}

body.settlelink-builder-open .payouts-overview-card,
body.settlelink-builder-open .payouts-next-actions-card,
body.settlelink-builder-open .payouts-updates-card,
body.settlelink-builder-open .payouts-trust-card {
  border-radius: 28px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-overview-card,
body.settlelink-dark-mode.settlelink-builder-open .payouts-next-actions-card,
body.settlelink-dark-mode.settlelink-builder-open .payouts-updates-card,
body.settlelink-dark-mode.settlelink-builder-open .payouts-trust-card {
  border-color: rgba(71, 85, 105, 0.72) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 102, 243, 0.14), transparent 34%),
    rgba(15, 23, 42, 0.78) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.20) !important;
}

body.settlelink-builder-open .payouts-overview-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 18px !important;
}

body.settlelink-builder-open .payouts-overview-item {
  display: grid !important;
  gap: 7px !important;
  padding: 22px 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
}

body.settlelink-builder-open .payouts-overview-item:last-child {
  border-bottom: 0 !important;
}

body.settlelink-builder-open .payouts-overview-item span {
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  color: #334155 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-overview-item span {
  color: #d3dbea !important;
}

body.settlelink-builder-open .payouts-overview-item strong {
  font-size: clamp(2.25rem, 9vw, 3.3rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  color: #0f172a !important;
  word-break: keep-all !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-overview-item strong {
  color: #f8fafc !important;
}

body.settlelink-builder-open .payouts-overview-item small {
  font-size: 1rem !important;
  line-height: 1.3 !important;
  color: #64748b !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-overview-item small {
  color: #b6c0d3 !important;
}

body.settlelink-builder-open .payout-progress-panel {
  border-radius: 28px !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .payout-progress-track {
  padding-top: 8px !important;
}

body.settlelink-builder-open .payout-progress-step small {
  max-width: 86px !important;
  margin: 0 auto !important;
  text-align: center !important;
  line-height: 1.15 !important;
  font-size: clamp(0.72rem, 2.7vw, 0.86rem) !important;
}

body.settlelink-builder-open .payout-current-status-pill {
  margin-top: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.settlelink-builder-open .payouts-next-actions-card {
  display: grid !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .payouts-next-actions-card .payout-settings-row-button {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
}

body.settlelink-builder-open .payouts-next-actions-card .payout-settings-row-button:last-child {
  border-bottom: 0 !important;
}

body.settlelink-builder-open .payouts-page-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.settlelink-builder-open .payouts-page-actions .primary-btn,
body.settlelink-builder-open .payouts-page-actions .secondary-btn {
  width: 100% !important;
}

body.settlelink-builder-open .payouts-trust-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
}

body.settlelink-builder-open .payouts-trust-card .payout-info-icon {
  margin: 0 !important;
}

/* Payout guide card uses same help layout as other pages, with small spacing repair */
body.settlelink-builder-open .non-techy-help-card-payouts {
  margin: 0 !important;
}

/* Mobile fit */
@media (max-width: 620px) {
  body.settlelink-builder-open .payouts-hero-card {
    min-height: 230px !important;
    padding: 26px 22px !important;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 132px) !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .payouts-hero-card h1 {
    margin-top: 44px !important;
  }

  body.settlelink-builder-open .payouts-hero-icon {
    width: 118px !important;
    max-height: 116px !important;
  }

  body.settlelink-builder-open .payout-panel-heading-row {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .payout-status-badge {
    white-space: nowrap !important;
  }
}

.builder-own-invoice-card {
  border: 2px solid #9fc0ff;
  background: linear-gradient(145deg, #ffffff, #f3f7ff);
}
.builder-own-invoice-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.builder-own-invoice-summary > span {
  min-width: 0;
  padding: 12px;
  border: 1px solid #d7e3f7;
  border-radius: 12px;
  background: rgba(255,255,255,.75);
}
.builder-own-invoice-summary small,
.builder-own-invoice-summary strong { display: block; overflow-wrap: anywhere; }
.builder-own-invoice-summary small { color: #617492; margin-bottom: 3px; }
.builder-own-invoice-note { margin: 10px 0 0; }
body.settlelink-dark-mode .builder-own-invoice-card {
  border-color: #446ba8;
  background: linear-gradient(145deg, #13223c, #0f1b30);
}
body.settlelink-dark-mode .builder-own-invoice-summary > span {
  border-color: #344d73;
  background: rgba(7,18,35,.55);
}
body.settlelink-dark-mode .builder-own-invoice-summary small { color: #aabbd5; }
@media (max-width: 640px) {
  .builder-own-invoice-summary { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  body.settlelink-builder-open .payouts-hero-card {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    min-height: 210px !important;
  }

  body.settlelink-builder-open .payouts-hero-card h1 {
    margin-top: 34px !important;
    font-size: clamp(2.25rem, 12vw, 3.1rem) !important;
  }

  body.settlelink-builder-open .payouts-hero-card .page-subtitle {
    font-size: 1.05rem !important;
  }

  body.settlelink-builder-open .payouts-hero-icon {
    width: 92px !important;
    max-height: 92px !important;
  }

  body.settlelink-builder-open .payouts-overview-item strong {
    font-size: clamp(2.2rem, 11vw, 2.9rem) !important;
  }

  body.settlelink-builder-open .payout-progress-dot {
    width: 34px !important;
    height: 34px !important;
  }

  body.settlelink-builder-open .payout-progress-step::before {
    top: 17px !important;
  }
}

@media (max-width: 360px) {
  body.settlelink-builder-open .payouts-hero-icon {
    display: none !important;
  }

  body.settlelink-builder-open .payouts-hero-card {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================
   SETTLELINK PAYOUTS TRUST + FUNCTION REPAIR
   Payouts page only
   2026-06-07
   ========================================= */

body.settlelink-builder-open .payouts-page-shell {
  padding-bottom: 138px !important;
}

body.settlelink-builder-open .payouts-page-shell .non-techy-help-card-payouts,
body.settlelink-builder-open .payouts-page-shell .non-techy-help-card {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

body.settlelink-builder-open .payouts-hero-card.builder-workspace-page-card {
  margin-bottom: 0 !important;
}

body.settlelink-builder-open .payouts-hero-card .page-subtitle {
  max-width: 440px !important;
}

body.settlelink-builder-open .payouts-overview-list {
  display: grid !important;
  gap: 0 !important;
}

body.settlelink-builder-open .payouts-overview-item {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.20) !important;
}

body.settlelink-builder-open .payouts-overview-item:last-child {
  border-bottom: 0 !important;
}

body.settlelink-builder-open .payouts-overview-row-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  background: rgba(47, 102, 243, 0.10) !important;
  border: 1px solid rgba(47, 102, 243, 0.20) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-overview-row-icon {
  background: rgba(47, 102, 243, 0.14) !important;
  border-color: rgba(96, 165, 250, 0.24) !important;
}

body.settlelink-builder-open .payouts-overview-row-icon::before,
body.settlelink-builder-open .payouts-overview-row-icon::after,
body.settlelink-builder-open .payout-settings-row-icon::before,
body.settlelink-builder-open .payout-settings-row-icon::after {
  content: "" !important;
  position: absolute !important;
  box-sizing: border-box !important;
}

body.settlelink-builder-open .payout-overview-icon-waiting::before {
  width: 24px !important;
  height: 24px !important;
  border: 3px solid #22c55e !important;
  border-radius: 999px !important;
}

body.settlelink-builder-open .payout-overview-icon-waiting::after {
  width: 9px !important;
  height: 9px !important;
  border-left: 3px solid #22c55e !important;
  border-bottom: 3px solid #22c55e !important;
  transform: translate(2px, -2px) !important;
}

body.settlelink-builder-open .payout-overview-icon-transit::before {
  width: 26px !important;
  height: 17px !important;
  border: 3px solid #3b82f6 !important;
  border-radius: 5px !important;
}

body.settlelink-builder-open .payout-overview-icon-transit::after {
  width: 6px !important;
  height: 6px !important;
  left: 13px !important;
  bottom: 12px !important;
  border-radius: 999px !important;
  background: #3b82f6 !important;
  box-shadow: 15px 0 0 #3b82f6 !important;
}

body.settlelink-builder-open .payout-overview-icon-paid::before {
  width: 4px !important;
  height: 24px !important;
  bottom: 13px !important;
  background: #8b5cf6 !important;
  border-radius: 4px !important;
  box-shadow: -10px 8px 0 #8b5cf6, 10px -5px 0 #8b5cf6 !important;
}

body.settlelink-builder-open .payouts-overview-item-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.settlelink-builder-open .payouts-overview-item-copy > span {
  font-weight: 800 !important;
}

body.settlelink-builder-open .payouts-overview-item-copy strong {
  word-break: keep-all !important;
}

body.settlelink-builder-open .payout-settings-row-icon {
  position: relative !important;
  flex-shrink: 0 !important;
}

body.settlelink-builder-open .payout-icon-calendar::before {
  left: 13px !important;
  top: 14px !important;
  width: 26px !important;
  height: 24px !important;
  border: 3px solid #3b82f6 !important;
  border-radius: 6px !important;
}

body.settlelink-builder-open .payout-icon-calendar::after {
  left: 18px !important;
  top: 22px !important;
  width: 16px !important;
  height: 3px !important;
  background: #3b82f6 !important;
  box-shadow: 0 7px 0 #3b82f6 !important;
}

body.settlelink-builder-open .payout-icon-check::before {
  left: 15px !important;
  top: 15px !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
}

body.settlelink-builder-open .payout-icon-check::after {
  left: 22px !important;
  top: 22px !important;
  width: 11px !important;
  height: 6px !important;
  border-left: 3px solid #ffffff !important;
  border-bottom: 3px solid #ffffff !important;
  transform: rotate(-45deg) !important;
}

body.settlelink-builder-open .payout-settings-row-static {
  cursor: default !important;
}

body.settlelink-builder-open .payout-settings-row-static:hover {
  transform: none !important;
}

body.settlelink-builder-open .payout-settings-row-arrow-muted {
  opacity: 0.35 !important;
}

body.settlelink-builder-open .payout-refresh-status {
  margin: 4px 0 10px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(47, 102, 243, 0.08) !important;
  border: 1px solid rgba(47, 102, 243, 0.16) !important;
  color: #2f66f3 !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  text-align: center !important;
}

body.settlelink-builder-open .payout-refresh-status.is-error {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.30) !important;
  color: #b45309 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-refresh-status {
  background: rgba(47, 102, 243, 0.12) !important;
  border-color: rgba(96, 165, 250, 0.24) !important;
  color: #bfdbfe !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-refresh-status.is-error {
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.28) !important;
  color: #fbbf24 !important;
}

body.settlelink-builder-open .payouts-page-actions {
  position: relative !important;
  z-index: 5 !important;
  margin-bottom: 18px !important;
}

body.settlelink-builder-open .payouts-page-actions button:disabled {
  opacity: 0.72 !important;
  cursor: wait !important;
  transform: none !important;
}

body.settlelink-builder-open .payouts-trust-card {
  align-items: flex-start !important;
}

body.settlelink-builder-open .payouts-trust-card p {
  line-height: 1.5 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payouts-overview-item {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .payouts-overview-row-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  body.settlelink-builder-open .payouts-overview-item-copy strong {
    font-size: clamp(1.7rem, 9vw, 2.1rem) !important;
  }

  body.settlelink-builder-open .payout-progress-step small {
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
  }

  body.settlelink-builder-open .payout-update-row {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  body.settlelink-builder-open .payout-update-status {
    grid-column: 2 !important;
    justify-self: start !important;
    white-space: normal !important;
    margin-top: 2px !important;
  }
}

/* =========================================
   SETTLELINK PAYOUTS TRUST V2
   Payouts page only
   2026-06-07
   ========================================= */

body.settlelink-builder-open .payouts-meaning-card {
  display: grid !important;
  gap: 14px !important;
}

body.settlelink-builder-open .payouts-meaning-grid {
  display: grid !important;
  gap: 10px !important;
}

body.settlelink-builder-open .payouts-meaning-grid div {
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(47, 102, 243, 0.07) !important;
  border: 1px solid rgba(47, 102, 243, 0.13) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-meaning-grid div {
  background: rgba(47, 102, 243, 0.10) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
}

body.settlelink-builder-open .payouts-meaning-grid strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #0f2145 !important;
  font-size: 0.98rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-meaning-grid strong {
  color: #f8fbff !important;
}

body.settlelink-builder-open .payouts-meaning-grid span {
  display: block !important;
  color: #64748b !important;
  font-size: 0.9rem !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payouts-meaning-grid span {
  color: #b8c2d5 !important;
}

body.settlelink-builder-open .non-techy-help-action[aria-busy="true"] {
  opacity: 0.75 !important;
  pointer-events: none !important;
}

body.settlelink-builder-open .payouts-overview-item-copy small {
  line-height: 1.32 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payouts-meaning-grid div {
    padding: 13px 14px !important;
  }

  body.settlelink-builder-open .payouts-meaning-grid strong {
    font-size: 0.95rem !important;
  }

  body.settlelink-builder-open .payouts-meaning-grid span {
    font-size: 0.86rem !important;
  }
}


/* =========================================
   SETTLELINK PAYOUTS WEBHOOK TRUST V1
   Server-backed payout history cards
   2026-06-07
   ========================================= */

body.settlelink-builder-open .payout-history-panel,
body.settlelink-builder-open .payout-included-payments-panel {
  display: grid !important;
  gap: 14px !important;
}

body.settlelink-builder-open .payout-history-list,
body.settlelink-builder-open .payout-included-payments-list {
  display: grid !important;
  gap: 10px !important;
}

body.settlelink-builder-open .payout-history-row,
body.settlelink-builder-open .payout-included-payment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(47, 102, 243, 0.07) !important;
  border: 1px solid rgba(47, 102, 243, 0.14) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-history-row,
body.settlelink-dark-mode.settlelink-builder-open .payout-included-payment-row {
  background: rgba(47, 102, 243, 0.10) !important;
  border-color: rgba(96, 165, 250, 0.20) !important;
}

body.settlelink-builder-open .payout-history-main,
body.settlelink-builder-open .payout-included-payment-row span {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.settlelink-builder-open .payout-history-main strong,
body.settlelink-builder-open .payout-included-payment-row strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-history-main strong,
body.settlelink-dark-mode.settlelink-builder-open .payout-included-payment-row strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-builder-open .payout-history-main small,
body.settlelink-builder-open .payout-included-payment-row small,
body.settlelink-builder-open .payout-history-empty span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 750 !important;
  line-height: 1.28 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-history-main small,
body.settlelink-dark-mode.settlelink-builder-open .payout-included-payment-row small,
body.settlelink-dark-mode.settlelink-builder-open .payout-history-empty span {
  color: #b8c2d5 !important;
  -webkit-text-fill-color: #b8c2d5 !important;
}

body.settlelink-builder-open .payout-history-status {
  justify-self: end !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: rgba(47, 102, 243, 0.10) !important;
  border: 1px solid rgba(47, 102, 243, 0.18) !important;
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.settlelink-builder-open .payout-history-paid .payout-history-status {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
}

body.settlelink-builder-open .payout-history-failed .payout-history-status,
body.settlelink-builder-open .payout-history-canceled .payout-history-status,
body.settlelink-builder-open .payout-history-cancelled .payout-history-status {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

body.settlelink-builder-open .payout-history-empty {
  display: grid !important;
  gap: 5px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(148, 163, 184, 0.08) !important;
  border: 1px dashed rgba(148, 163, 184, 0.30) !important;
}

body.settlelink-builder-open .payout-history-empty strong {
  font-weight: 900 !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payout-history-row,
  body.settlelink-builder-open .payout-included-payment-row {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body.settlelink-builder-open .payout-history-status {
    justify-self: start !important;
  }
}

/* =========================================
   SETTLELINK PAYOUT SCHEDULE OPTIMISATION V2
   ========================================= */

body.settlelink-builder-open .payout-automatic-timing-card,
body.settlelink-builder-open .payout-fast-eligibility-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
}

body.settlelink-builder-open .payout-automatic-timing-card {
  border-color: rgba(47, 102, 243, 0.22) !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-available {
  border-color: rgba(34, 197, 94, 0.28) !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-unavailable {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

body.settlelink-builder-open .payout-fast-icon {
  width: 60px !important;
  height: 60px !important;
  border-radius: 21px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: rgba(47, 102, 243, 0.11) !important;
  border: 1px solid rgba(47, 102, 243, 0.22) !important;
  color: #2f66f3 !important;
  font-size: 1.45rem !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-available .payout-fast-icon {
  background: rgba(34, 197, 94, 0.13) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #22c55e !important;
}

body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-copy,
body.settlelink-builder-open .payout-fast-eligibility-card .payout-settings-copy {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

body.settlelink-builder-open .payout-automatic-timing-card strong,
body.settlelink-builder-open .payout-fast-eligibility-card strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-automatic-timing-card strong,
body.settlelink-dark-mode.settlelink-builder-open .payout-fast-eligibility-card strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-builder-open .payout-automatic-timing-card small,
body.settlelink-builder-open .payout-fast-eligibility-card small {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 750 !important;
  line-height: 1.32 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-automatic-timing-card small,
body.settlelink-dark-mode.settlelink-builder-open .payout-fast-eligibility-card small {
  color: #c6d0e1 !important;
  -webkit-text-fill-color: #c6d0e1 !important;
}

body.settlelink-builder-open .payout-automatic-timing-card small b,
body.settlelink-builder-open .payout-fast-eligibility-card small b {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-available small b {
  color: #16a34a !important;
  -webkit-text-fill-color: #16a34a !important;
}

body.settlelink-builder-open .payout-fast-button {
  margin-top: 6px !important;
  min-height: 48px !important;
  border-radius: 16px !important;
}

body.settlelink-builder-open .payouts-meaning-card {
  display: none !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payout-automatic-timing-card,
  body.settlelink-builder-open .payout-fast-eligibility-card {
    grid-template-columns: 1fr !important;
  }

  body.settlelink-builder-open .payout-fast-icon {
    width: 56px !important;
    height: 56px !important;
  }
}

/* =========================================
   SETTLELINK PAYOUTS UI TIDY V3
   Keeps payment/server truth untouched
   ========================================= */

body.settlelink-builder-open .payout-automatic-timing-card,
body.settlelink-builder-open .payout-fast-eligibility-card {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 20px 22px !important;
}

body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon,
body.settlelink-builder-open .payout-fast-icon {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 20px !important;
}

body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-copy,
body.settlelink-builder-open .payout-fast-eligibility-card .payout-settings-copy {
  gap: 5px !important;
}

body.settlelink-builder-open .payout-automatic-timing-card strong,
body.settlelink-builder-open .payout-fast-eligibility-card strong {
  font-size: 1.08rem !important;
  line-height: 1.12 !important;
}

body.settlelink-builder-open .payout-automatic-timing-card small,
body.settlelink-builder-open .payout-fast-eligibility-card small {
  font-size: 0.94rem !important;
  line-height: 1.26 !important;
}

body.settlelink-builder-open .payouts-meaning-card {
  display: none !important;
}

body.settlelink-builder-open .payout-history-panel {
  gap: 12px !important;
}

body.settlelink-builder-open .payout-history-list {
  gap: 10px !important;
}

body.settlelink-builder-open .payout-history-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  padding: 13px 14px !important;
  min-height: 0 !important;
}

body.settlelink-builder-open .payout-history-main {
  gap: 3px !important;
}

body.settlelink-builder-open .payout-history-status {
  justify-self: end !important;
  white-space: nowrap !important;
  font-size: 0.78rem !important;
  padding: 7px 9px !important;
}

body.settlelink-builder-open .payout-update-row {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 0 !important;
}

body.settlelink-builder-open .payout-update-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 15px !important;
}

body.settlelink-builder-open .payout-update-copy strong {
  font-size: 1rem !important;
  line-height: 1.16 !important;
}

body.settlelink-builder-open .payout-update-copy small {
  font-size: 0.92rem !important;
  line-height: 1.24 !important;
}

body.settlelink-builder-open .payout-update-status {
  white-space: nowrap !important;
  font-size: 0.8rem !important;
}

body.settlelink-builder-open .payouts-progress-steps,
body.settlelink-builder-open .payout-progress-steps {
  gap: 4px !important;
}

body.settlelink-builder-open .payout-progress-step span,
body.settlelink-builder-open .payouts-progress-step span {
  font-size: 0.74rem !important;
  line-height: 1.08 !important;
}

body.settlelink-builder-open .payout-page-actions {
  margin-top: 6px !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payout-automatic-timing-card,
  body.settlelink-builder-open .payout-fast-eligibility-card {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    padding: 18px 18px !important;
    gap: 12px !important;
  }

  body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon,
  body.settlelink-builder-open .payout-fast-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }

  body.settlelink-builder-open .payout-history-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.settlelink-builder-open .payout-update-row {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  body.settlelink-builder-open .payout-update-status {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 2px !important;
  }
}

/* =========================================
   SETTLELINK PAYOUTS UI TIDY V4
   ========================================= */

body.settlelink-builder-open .payout-automatic-timing-card,
body.settlelink-builder-open .payout-fast-eligibility-card {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
}

body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon,
body.settlelink-builder-open .payout-fast-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 17px !important;
}

body.settlelink-builder-open .payout-automatic-timing-card .eyebrow,
body.settlelink-builder-open .payout-fast-eligibility-card .eyebrow {
  font-size: 0.72rem !important;
  letter-spacing: 0.13em !important;
  margin: 0 !important;
}

body.settlelink-builder-open .payout-automatic-timing-card strong,
body.settlelink-builder-open .payout-fast-eligibility-card strong {
  font-size: 1rem !important;
  line-height: 1.12 !important;
}

body.settlelink-builder-open .payout-automatic-timing-card small,
body.settlelink-builder-open .payout-fast-eligibility-card small {
  font-size: 0.86rem !important;
  line-height: 1.22 !important;
}

body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-copy,
body.settlelink-builder-open .payout-fast-eligibility-card .payout-settings-copy {
  gap: 4px !important;
}

body.settlelink-builder-open .payout-update-row {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  padding: 11px 0 !important;
}

body.settlelink-builder-open .payout-update-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 14px !important;
}

body.settlelink-builder-open .payout-update-copy strong {
  font-size: 0.96rem !important;
}

body.settlelink-builder-open .payout-update-copy small {
  font-size: 0.86rem !important;
}

body.settlelink-builder-open .payout-history-row {
  padding: 11px 13px !important;
}

body.settlelink-builder-open .payout-page-actions {
  padding-bottom: 132px !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payout-automatic-timing-card,
  body.settlelink-builder-open .payout-fast-eligibility-card {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    padding: 15px 16px !important;
  }

  body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon,
  body.settlelink-builder-open .payout-fast-icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }
}

/* =========================================
   SETTLELINK FAST PAYOUT ELIGIBILITY V1
   ========================================= */

body.settlelink-builder-open .payout-fast-eligibility-card.is-available {
  border-color: rgba(34, 197, 94, 0.34) !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-available .payout-fast-icon {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  color: #22c55e !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-available strong {
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-fast-eligibility-card.is-available strong {
  color: #7bed9f !important;
  -webkit-text-fill-color: #7bed9f !important;
}

body.settlelink-builder-open .payout-fast-checked {
  opacity: 0.78 !important;
  font-size: 0.78rem !important;
}

/* =========================================
   SETTLELINK FAST PAYOUT REQUEST V1
   ========================================= */

body.settlelink-builder-open .payout-fast-request-btn {
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
}

body.settlelink-builder-open .payout-fast-request-message {
  display: block !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  background: rgba(34, 197, 94, 0.1) !important;
  border: 1px solid rgba(34, 197, 94, 0.22) !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-fast-request-message {
  color: #9ff7bb !important;
  -webkit-text-fill-color: #9ff7bb !important;
}

body.settlelink-builder-open .payout-confirm-fast-btn.danger-btn {
  background: linear-gradient(135deg, #2f7cff, #155eef) !important;
  border-color: rgba(47, 124, 255, 0.8) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.settlelink-builder-open .payout-confirm-fast-btn.danger-btn:hover {
  filter: brightness(1.02) !important;
}

/* =========================================
   SETTLELINK FAST PAYOUT PARTIAL LIMIT V2
   ========================================= */

body.settlelink-builder-open .payout-fast-eligibility-card.is-partial {
  border-color: rgba(34, 197, 94, 0.42) !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-partial .payout-fast-request-btn {
  margin-top: 10px !important;
}

body.settlelink-builder-open .payout-fast-request-message.is-error {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.32) !important;
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-fast-request-message.is-error {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}


/* =========================================
   SETTLELINK PAYOUTS FINAL POLISH V1
   ========================================= */

body.settlelink-builder-open .payout-fast-eligibility-card .payout-fast-request-message.is-error,
body.settlelink-builder-open .payout-fast-eligibility-card.is-limit-reached .payout-fast-request-message {
  background: rgba(245, 158, 11, 0.13) !important;
  border-color: rgba(245, 158, 11, 0.34) !important;
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-fast-eligibility-card .payout-fast-request-message.is-error,
body.settlelink-dark-mode.settlelink-builder-open .payout-fast-eligibility-card.is-limit-reached .payout-fast-request-message {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-limit-reached {
  border-color: rgba(245, 158, 11, 0.34) !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-limit-reached .payout-fast-icon {
  background: rgba(245, 158, 11, 0.13) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
  color: #d97706 !important;
}

body.settlelink-builder-open .payout-page-content {
  padding-bottom: 160px !important;
}

body.settlelink-builder-open .payout-history-main strong,
body.settlelink-builder-open .payout-overview-value,
body.settlelink-builder-open .payout-stat-value {
  font-variant-numeric: tabular-nums !important;
}

/* =========================================
   SETTLELINK SAFE FAST PAYOUT DISABLE V1
   ========================================= */

body.settlelink-builder-open .payout-fast-eligibility-card.is-platform-disabled {
  border-color: rgba(47, 124, 255, 0.22) !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-platform-disabled .payout-fast-icon {
  background: rgba(47, 124, 255, 0.1) !important;
  border-color: rgba(47, 124, 255, 0.24) !important;
  color: #2f7cff !important;
}

body.settlelink-builder-open .payout-fast-eligibility-card.is-platform-disabled .payout-fast-request-btn {
  display: none !important;
}

/* =========================================
   SETTLELINK PAYOUT TRUST HISTORY CLEANUP V1
   ========================================= */

body.settlelink-builder-open .payout-timing-trust-card {
  align-items: flex-start !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown {
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(47, 124, 255, 0.18) !important;
  background: rgba(47, 124, 255, 0.06) !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 10px 12px !important;
  font-weight: 900 !important;
  font-size: 0.9rem !important;
  color: var(--text, #111827) !important;
  -webkit-text-fill-color: var(--text, #111827) !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown summary::-webkit-details-marker {
  display: none !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown summary::after {
  content: "›" !important;
  float: right !important;
  transform: rotate(90deg) !important;
  opacity: 0.7 !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown[open] summary::after {
  transform: rotate(-90deg) !important;
}

body.settlelink-builder-open .payout-timing-help-body {
  padding: 0 12px 12px !important;
  display: grid !important;
  gap: 8px !important;
}

body.settlelink-builder-open .payout-timing-help-body p {
  margin: 0 !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
  color: var(--muted, #6b7280) !important;
  -webkit-text-fill-color: var(--muted, #6b7280) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-help-dropdown {
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.24) !important;
}

body.settlelink-builder-open .large-payment-proof-helper strong,
body.settlelink-builder-open .supplier-payout-status,
body.settlelink-builder-open .large-payment-proof-counts span {
  letter-spacing: -0.01em !important;
}

/* =========================================
   SETTLELINK PAYOUT TIMING DROPDOWN VISIBLE V1
   ========================================= */

body.settlelink-builder-open .payout-timing-help-dropdown {
  margin-top: 12px !important;
  width: 100% !important;
  border-radius: 18px !important;
  border: 1px solid rgba(47, 124, 255, 0.32) !important;
  background: rgba(47, 124, 255, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  min-height: 44px !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-help-dropdown {
  border-color: rgba(96, 165, 250, 0.42) !important;
  background: rgba(96, 165, 250, 0.14) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-help-dropdown summary {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown summary::after {
  content: "Tap to open" !important;
  flex: 0 0 auto !important;
  float: none !important;
  transform: none !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  opacity: 0.8 !important;
  color: #2f7cff !important;
  -webkit-text-fill-color: #2f7cff !important;
}

body.settlelink-builder-open .payout-timing-help-dropdown[open] summary::after {
  content: "Open" !important;
  transform: none !important;
}

body.settlelink-builder-open .payout-timing-help-body {
  padding: 0 14px 14px !important;
}

body.settlelink-builder-open .payout-timing-help-body p {
  color: var(--muted, #64748b) !important;
  -webkit-text-fill-color: var(--muted, #64748b) !important;
  opacity: 1 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-help-body p {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* =========================================
   SETTLELINK PAYOUT TIMING ACCORDION ANIMATION V1
   ========================================= */

body.settlelink-builder-open .payout-timing-accordion {
  width: 100% !important;
  margin-top: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(47, 124, 255, 0.24) !important;
  background: rgba(47, 124, 255, 0.08) !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

body.settlelink-builder-open .payout-timing-accordion-toggle {
  width: 100% !important;
  min-height: 58px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  text-align: left !important;
  cursor: pointer !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

body.settlelink-builder-open .payout-timing-accordion-toggle:active {
  transform: scale(0.992) !important;
}

body.settlelink-builder-open .payout-timing-accordion-state {
  flex: 0 0 auto !important;
  font-size: 0.72rem !important;
  font-weight: 1000 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #2f7cff !important;
  -webkit-text-fill-color: #2f7cff !important;
  opacity: 0.9 !important;
  white-space: nowrap !important;
}

body.settlelink-builder-open .payout-timing-state-open {
  display: none !important;
}

body.settlelink-builder-open .payout-timing-accordion.is-open .payout-timing-state-closed {
  display: none !important;
}

body.settlelink-builder-open .payout-timing-accordion.is-open .payout-timing-state-open {
  display: inline !important;
}

body.settlelink-builder-open .payout-timing-accordion-body {
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transform: translateY(-6px) !important;
  transition:
    max-height 360ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 220ms ease,
    transform 260ms ease !important;
}

body.settlelink-builder-open .payout-timing-accordion.is-open .payout-timing-accordion-body {
  max-height: 420px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body.settlelink-builder-open .payout-timing-accordion-inner {
  padding: 0 16px 16px !important;
  display: grid !important;
  gap: 10px !important;
}

body.settlelink-builder-open .payout-timing-accordion-inner p {
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-accordion {
  border-color: rgba(96, 165, 250, 0.34) !important;
  background: rgba(96, 165, 250, 0.10) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-accordion-toggle {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-accordion-state {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-timing-accordion-inner p {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.settlelink-builder-open .payout-timing-accordion-body,
  body.settlelink-builder-open .payout-timing-accordion-toggle {
    transition: none !important;
    transform: none !important;
  }
}

/* =========================================
   SETTLELINK REAL PAYOUT PROGRESS BAR V1
   ========================================= */

body.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-pending .payout-progress-dot {
  background: transparent !important;
  color: var(--muted, #64748b) !important;
  -webkit-text-fill-color: var(--muted, #64748b) !important;
  border-color: rgba(148, 163, 184, 0.5) !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-pending small {
  color: var(--muted, #64748b) !important;
  -webkit-text-fill-color: var(--muted, #64748b) !important;
  opacity: 0.75 !important;
}

body.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-active .payout-progress-dot {
  background: #2f7cff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #2f7cff !important;
  box-shadow: 0 0 0 6px rgba(47, 124, 255, 0.15) !important;
  animation: settlelinkPayoutProgressPulse 1.6s ease-in-out infinite !important;
}

body.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-active small {
  color: var(--text, #111827) !important;
  -webkit-text-fill-color: var(--text, #111827) !important;
  opacity: 1 !important;
  font-weight: 1000 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-active small {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-pending .payout-progress-dot {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.38) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-pending small {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

body.settlelink-builder-open .payout-progress-panel-real .payout-progress-helper {
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(47, 124, 255, 0.08) !important;
  border: 1px solid rgba(47, 124, 255, 0.16) !important;
  color: var(--muted, #64748b) !important;
  -webkit-text-fill-color: var(--muted, #64748b) !important;
  font-size: 0.88rem !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-progress-panel-real .payout-progress-helper {
  background: rgba(96, 165, 250, 0.09) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

body.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-done .payout-progress-dot {
  background: #2f7cff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #2f7cff !important;
}

@keyframes settlelinkPayoutProgressPulse {
  0%, 100% {
    box-shadow: 0 0 0 5px rgba(47, 124, 255, 0.12);
  }
  50% {
    box-shadow: 0 0 0 9px rgba(47, 124, 255, 0.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.settlelink-builder-open .payout-progress-panel-real .payout-progress-step.is-active .payout-progress-dot {
    animation: none !important;
  }
}

/* =========================================
   SETTLELINK PAYOUT ACTION WARNING ICONS V1
   ========================================= */

body.settlelink-builder-open .settlelink-action-warning-row .settlelink-action-warning-icon {
  position: relative !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border: 1px solid rgba(245, 158, 11, 0.48) !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .settlelink-action-warning-row .settlelink-action-warning-icon > * {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.settlelink-builder-open .settlelink-action-warning-row .settlelink-action-warning-icon::before {
  content: "!" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  font-size: 1.45rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.settlelink-dark-mode.settlelink-builder-open .settlelink-action-warning-row .settlelink-action-warning-icon {
  background: rgba(251, 191, 36, 0.12) !important;
  border-color: rgba(251, 191, 36, 0.46) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .settlelink-action-warning-row .settlelink-action-warning-icon::before {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

body.settlelink-builder-open .settlelink-action-warning-row {
  --settlelink-warning-icon-bg: rgba(245, 158, 11, 0.14);
}

body.settlelink-dark-mode.settlelink-builder-open .settlelink-action-warning-row {
  --settlelink-warning-icon-bg: rgba(251, 191, 36, 0.12);
}

body.settlelink-builder-open .settlelink-action-ok-row .settlelink-action-warning-icon {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body.settlelink-builder-open .settlelink-action-ok-row .settlelink-action-warning-icon::before {
  content: none !important;
}

/* =========================================
   SETTLELINK PAYOUT WARNING ICONS OVERLAY FIX V2
   ========================================= */

body.settlelink-builder-open .settlelink-forced-warning-icon-v2 {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(245, 158, 11, 0.14) !important;
  background-image: none !important;
  border: 1px solid rgba(245, 158, 11, 0.48) !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .settlelink-forced-warning-icon-v2::before,
body.settlelink-builder-open .settlelink-forced-warning-icon-v2::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.settlelink-builder-open .settlelink-forced-warning-icon-v2 *:not(.settlelink-forced-warning-mark-v2) {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

body.settlelink-builder-open .settlelink-forced-warning-mark-v2 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  font-size: 1.45rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.settlelink-dark-mode.settlelink-builder-open .settlelink-forced-warning-icon-v2 {
  background: rgba(251, 191, 36, 0.12) !important;
  border-color: rgba(251, 191, 36, 0.46) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .settlelink-forced-warning-mark-v2 {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}



/* ===== 2026-06-08-fix-payouts-global-setup-progress-v5 ===== */
/* Keep the global setup progress helper visible on Payouts, matching the other bottom-nav pages. */
body.settlelink-builder-open .builder-setup-helper,
body.settlelink-payouts-page-active-v2 .builder-setup-helper,
body.settlelink-payouts-page-active-v2 .settlelink-hide-floating-setup-progress-v2 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* 2026-06-25 hide wrong-card refund panel while workflow is parked */
.sl-wrong-card-refund-card {
  display: none !important;
}
/* === SettleLink repair: iOS header/folder/contact/payout visual fix v1 START === */

/* 1) Stop the SettleLink mobile logo card touching the iPhone status/header area */
body.settlelink-builder-open .builder-mobile-logo {
  margin: 28px auto 18px !important;
  min-height: 82px !important;
  padding: 12px 18px !important;
}

@supports (padding: max(0px)) {
  body.settlelink-builder-open .builder-mobile-logo {
    margin-top: max(28px, calc(env(safe-area-inset-top, 0px) + 24px)) !important;
  }
}

@media (max-width: 520px) {
  body.settlelink-builder-open .builder-mobile-logo {
    margin-top: max(26px, calc(env(safe-area-inset-top, 0px) + 22px)) !important;
    min-height: 76px !important;
  }

  body.settlelink-builder-open .builder-mobile-logo-image {
    height: 36px !important;
    max-width: min(210px, 70vw) !important;
  }
}

/* 2) Replace iOS emoji folders with a stable CSS folder icon */
#app .receipts-folder-icon,
body.settlelink-builder-open #app .receipts-folder-icon,
body.settlelink-dark-mode #app .receipts-folder-icon,
body:not(.settlelink-dark-mode) #app .receipts-folder-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  flex: 0 0 68px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 207, 75, 0.18), transparent 45%),
    linear-gradient(180deg, rgba(20, 35, 62, 0.98), rgba(10, 18, 31, 0.98)) !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
  box-shadow:
    0 16px 34px rgba(2, 8, 23, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body:not(.settlelink-dark-mode) #app .receipts-folder-icon {
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 207, 75, 0.18), transparent 45%),
    linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%) !important;
  border-color: rgba(47, 102, 243, 0.16) !important;
  box-shadow:
    0 14px 28px rgba(47, 102, 243, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

#app .receipts-folder-emoji {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#app .receipts-folder-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 22px !important;
  width: 21px !important;
  height: 10px !important;
  border-radius: 8px 8px 3px 3px !important;
  background: linear-gradient(180deg, #ffe083 0%, #f7be3d 100%) !important;
  box-shadow: none !important;
}

#app .receipts-folder-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 29px !important;
  width: 43px !important;
  height: 29px !important;
  border-radius: 8px 9px 10px 10px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.26) 0%, transparent 42%),
    linear-gradient(180deg, #ffd86f 0%, #f2ae32 100%) !important;
  box-shadow:
    0 9px 18px rgba(185, 123, 14, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
}

/* 3) Replace broken Contacts/Suppliers CSS icons with stable SVG masks */
body.settlelink-builder-open .contacts-mode-icon {
  position: relative !important;
  display: inline-block !important;
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  flex: 0 0 23px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  color: currentColor !important;
  background-color: currentColor !important;
  filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body.settlelink-builder-open .contacts-mode-icon::before,
body.settlelink-builder-open .contacts-mode-icon::after {
  content: none !important;
  display: none !important;
}

body.settlelink-builder-open .contacts-mode-icon-person {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm-7%208a7%207%200%200%201%2014%200v1H5v-1Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm-7%208a7%207%200%200%201%2014%200v1H5v-1Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.settlelink-builder-open .contacts-mode-icon-supplier {
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9%206V5a3%203%200%200%201%206%200v1h3a2%202%200%200%201%202%202v9a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V8a2%202%200%200%201%202-2h3Zm2%200h2V5a1%201%200%200%200-2%200v1Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9%206V5a3%203%200%200%201%206%200v1h3a2%202%200%200%201%202%202v9a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V8a2%202%200%200%201%202-2h3Zm2%200h2V5a1%201%200%200%200-2%200v1Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.settlelink-builder-open .contacts-mode-btn.is-active .contacts-mode-icon {
  color: #ffffff !important;
  background-color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 4) Make the Payouts active dot green, not white */
.payout-status-badge.payout-status-success::before,
body.settlelink-builder-open .payout-status-badge.payout-status-success::before {
  background: #22c55e !important;
  border: 1px solid rgba(134, 239, 172, 0.88) !important;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.14) !important;
}

/* === SettleLink repair: iOS header/folder/contact/payout visual fix v1 END === */

/* === SettleLink repair: premium payout overview icons v5 START === */

/* Stable iOS-safe payout icons with restored glow and proper light mode tiles.
   No image files. No emoji. No SVG text. */

body.settlelink-builder-open .payouts-overview-item {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 20px !important;
  padding: 22px 0 !important;
}

body.settlelink-builder-open .payouts-overview-row-icon {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  border-radius: 24px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(28, 52, 98, 0.98), rgba(7, 17, 34, 0.99)) !important;
  border: 1px solid rgba(101, 157, 255, 0.36) !important;
  box-shadow:
    0 18px 34px rgba(2, 8, 23, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -16px 28px rgba(2, 8, 23, 0.20) !important;
}

body.settlelink-builder-open .payouts-overview-row-icon::before,
body.settlelink-builder-open .payouts-overview-row-icon::after {
  position: absolute !important;
  box-sizing: border-box !important;
}

/* DARK MODE — waiting clock */
body.settlelink-builder-open .payout-overview-icon-waiting {
  background:
    radial-gradient(circle at 52% 56%, rgba(74, 222, 128, 0.42), transparent 42%),
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(18, 50, 56, 0.98), rgba(6, 22, 30, 0.99)) !important;
  border-color: rgba(74, 222, 128, 0.36) !important;
  box-shadow:
    0 18px 34px rgba(2, 8, 23, 0.34),
    0 0 24px rgba(34, 197, 94, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.settlelink-builder-open .payout-overview-icon-waiting::before {
  content: "" !important;
  width: 43px !important;
  height: 43px !important;
  left: 12px !important;
  top: 12px !important;
  background: #4ade80 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M32%2058C17.64%2058%206%2046.36%206%2032S17.64%206%2032%206s26%2011.64%2026%2026-11.64%2026-26%2026Zm0-7c10.49%200%2019-8.51%2019-19S42.49%2013%2032%2013%2013%2021.51%2013%2032s8.51%2019%2019%2019Zm-3-32h6v15l11%207-3%205-14-9V19Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M32%2058C17.64%2058%206%2046.36%206%2032S17.64%206%2032%206s26%2011.64%2026%2026-11.64%2026-26%2026Zm0-7c10.49%200%2019-8.51%2019-19S42.49%2013%2032%2013%2013%2021.51%2013%2032s8.51%2019%2019%2019Zm-3-32h6v15l11%207-3%205-14-9V19Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  filter:
    drop-shadow(0 0 8px rgba(34, 197, 94, 0.88))
    drop-shadow(0 0 18px rgba(34, 197, 94, 0.46)) !important;
}

body.settlelink-builder-open .payout-overview-icon-waiting::after {
  content: "" !important;
  left: 17px !important;
  right: 17px !important;
  bottom: 7px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(34, 197, 94, 0.54) !important;
  filter: blur(8px) !important;
}

/* DARK MODE — bank / £ */
body.settlelink-builder-open .payout-overview-icon-bank,
body.settlelink-builder-open .payout-overview-icon-transit {
  background:
    radial-gradient(circle at 52% 56%, rgba(96, 165, 250, 0.42), transparent 42%),
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(24, 58, 112, 0.98), rgba(8, 22, 50, 0.99)) !important;
  border-color: rgba(96, 165, 250, 0.38) !important;
  box-shadow:
    0 18px 34px rgba(2, 8, 23, 0.34),
    0 0 24px rgba(59, 130, 246, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.settlelink-builder-open .payout-overview-icon-bank::before,
body.settlelink-builder-open .payout-overview-icon-transit::before {
  content: "" !important;
  width: 45px !important;
  height: 45px !important;
  left: 11px !important;
  top: 12px !important;
  background: #60a5fa !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M32%2010%2056%2026v6H8v-6L32%2010Zm-17%2028h7v13h-7V38Zm14%200h6v13h-6V38Zm13%200h7v13h-7V38ZM11%2055h42v6H11v-6Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M32%2010%2056%2026v6H8v-6L32%2010Zm-17%2028h7v13h-7V38Zm14%200h6v13h-6V38Zm13%200h7v13h-7V38ZM11%2055h42v6H11v-6Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  filter:
    drop-shadow(0 0 8px rgba(59, 130, 246, 0.88))
    drop-shadow(0 0 18px rgba(59, 130, 246, 0.46)) !important;
}

body.settlelink-builder-open .payout-overview-icon-bank::after,
body.settlelink-builder-open .payout-overview-icon-transit::after {
  content: "£" !important;
  left: 0 !important;
  right: 0 !important;
  top: 30px !important;
  text-align: center !important;
  font-size: 18px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
  color: #eff6ff !important;
  text-shadow: 0 0 8px rgba(96, 165, 250, 0.88) !important;
}

/* DARK MODE — recently paid out */
body.settlelink-builder-open .payout-overview-icon-paid,
body.settlelink-builder-open .payout-overview-icon-recent {
  background:
    radial-gradient(circle at 52% 56%, rgba(192, 132, 252, 0.42), transparent 42%),
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(69, 45, 128, 0.98), rgba(29, 20, 70, 0.99)) !important;
  border-color: rgba(196, 181, 253, 0.38) !important;
  box-shadow:
    0 18px 34px rgba(2, 8, 23, 0.34),
    0 0 24px rgba(168, 85, 247, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.settlelink-builder-open .payout-overview-icon-paid::before,
body.settlelink-builder-open .payout-overview-icon-recent::before {
  content: "" !important;
  width: 45px !important;
  height: 45px !important;
  left: 11px !important;
  top: 12px !important;
  background: #c084fc !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M49%2022a22%2022%200%200%200-35%207h-6A28%2028%200%200%201%2053%2017l5-5v17H41l8-7ZM15%2042a22%2022%200%200%200%2035-7h6A28%2028%200%200%201%2011%2047l-5%205V35h17l-8%207Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2064%2064'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M49%2022a22%2022%200%200%200-35%207h-6A28%2028%200%200%201%2053%2017l5-5v17H41l8-7ZM15%2042a22%2022%200%200%200%2035-7h6A28%2028%200%200%201%2011%2047l-5%205V35h17l-8%207Z'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  filter:
    drop-shadow(0 0 8px rgba(168, 85, 247, 0.88))
    drop-shadow(0 0 18px rgba(168, 85, 247, 0.46)) !important;
}

body.settlelink-builder-open .payout-overview-icon-paid::after,
body.settlelink-builder-open .payout-overview-icon-recent::after {
  content: "£" !important;
  left: 0 !important;
  right: 0 !important;
  top: 25px !important;
  text-align: center !important;
  font-size: 18px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
  color: #faf5ff !important;
  text-shadow: 0 0 8px rgba(168, 85, 247, 0.88) !important;
}

/* LIGHT MODE — light premium tiles, not black */
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-overview-row-icon {
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  box-shadow:
    0 16px 28px rgba(15, 23, 42, 0.10),
    0 8px 22px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -12px 18px rgba(226, 232, 240, 0.56) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-waiting {
  background:
    radial-gradient(circle at 52% 56%, rgba(34, 197, 94, 0.24), transparent 42%),
    linear-gradient(145deg, #f2fff7 0%, #dcfce7 100%) !important;
  border-color: rgba(34, 197, 94, 0.22) !important;
  box-shadow:
    0 16px 28px rgba(34, 197, 94, 0.14),
    0 0 22px rgba(34, 197, 94, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-waiting::before {
  background: #16a34a !important;
  filter:
    drop-shadow(0 0 7px rgba(34, 197, 94, 0.46))
    drop-shadow(0 0 13px rgba(34, 197, 94, 0.20)) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-bank,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-transit {
  background:
    radial-gradient(circle at 52% 56%, rgba(59, 130, 246, 0.22), transparent 42%),
    linear-gradient(145deg, #f5f9ff 0%, #dbeafe 100%) !important;
  border-color: rgba(59, 130, 246, 0.22) !important;
  box-shadow:
    0 16px 28px rgba(59, 130, 246, 0.14),
    0 0 22px rgba(59, 130, 246, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-bank::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-transit::before {
  background: #2563eb !important;
  filter:
    drop-shadow(0 0 7px rgba(59, 130, 246, 0.46))
    drop-shadow(0 0 13px rgba(59, 130, 246, 0.20)) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-bank::after,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-transit::after {
  color: #eff6ff !important;
  text-shadow: 0 0 6px rgba(37, 99, 235, 0.56) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-paid,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-recent {
  background:
    radial-gradient(circle at 52% 56%, rgba(168, 85, 247, 0.22), transparent 42%),
    linear-gradient(145deg, #fbf7ff 0%, #ede9fe 100%) !important;
  border-color: rgba(168, 85, 247, 0.22) !important;
  box-shadow:
    0 16px 28px rgba(168, 85, 247, 0.14),
    0 0 22px rgba(168, 85, 247, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-paid::before,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-recent::before {
  background: #7c3aed !important;
  filter:
    drop-shadow(0 0 7px rgba(168, 85, 247, 0.46))
    drop-shadow(0 0 13px rgba(168, 85, 247, 0.20)) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-paid::after,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-overview-icon-recent::after {
  color: #faf5ff !important;
  text-shadow: 0 0 6px rgba(124, 58, 237, 0.56) !important;
}

/* Green Payouts active dot */
.payout-status-badge.payout-status-success::before,
body.settlelink-builder-open .payout-status-badge.payout-status-success::before {
  width: 10px !important;
  height: 10px !important;
  background: #22c55e !important;
  border: 1px solid rgba(187, 247, 208, 0.86) !important;
  box-shadow:
    0 0 0 4px rgba(34, 197, 94, 0.16),
    0 0 12px rgba(34, 197, 94, 0.72) !important;
}

@media (max-width: 520px) {
  body.settlelink-builder-open .payouts-overview-item {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body.settlelink-builder-open .payouts-overview-row-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    border-radius: 21px !important;
  }

  body.settlelink-builder-open .payout-overview-icon-waiting::before,
  body.settlelink-builder-open .payout-overview-icon-bank::before,
  body.settlelink-builder-open .payout-overview-icon-transit::before,
  body.settlelink-builder-open .payout-overview-icon-paid::before,
  body.settlelink-builder-open .payout-overview-icon-recent::before {
    width: 39px !important;
    height: 39px !important;
    left: 10px !important;
    top: 10px !important;
  }

  body.settlelink-builder-open .payout-overview-icon-bank::after,
  body.settlelink-builder-open .payout-overview-icon-transit::after {
    top: 27px !important;
    font-size: 16px !important;
  }

  body.settlelink-builder-open .payout-overview-icon-paid::after,
  body.settlelink-builder-open .payout-overview-icon-recent::after {
    top: 23px !important;
    font-size: 16px !important;
  }
}

/* === SettleLink repair: premium payout overview icons v5 END === */

/* === SettleLink repair: payout timing icon center fix START === */

/* Centre the Automatic payout timing icon properly inside its square tile */
body.settlelink-builder-open .payout-timing-card-icon,
body.settlelink-builder-open .payout-delay-card-icon,
body.settlelink-builder-open .auto-payout-timing-icon,
body.settlelink-builder-open .payout-schedule-card-icon,
body.settlelink-builder-open .provider-delay-card-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.settlelink-builder-open .payout-timing-card-icon::before,
body.settlelink-builder-open .payout-delay-card-icon::before,
body.settlelink-builder-open .auto-payout-timing-icon::before,
body.settlelink-builder-open .payout-schedule-card-icon::before,
body.settlelink-builder-open .provider-delay-card-icon::before {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

body.settlelink-builder-open .payout-timing-card-icon svg,
body.settlelink-builder-open .payout-delay-card-icon svg,
body.settlelink-builder-open .auto-payout-timing-icon svg,
body.settlelink-builder-open .payout-schedule-card-icon svg,
body.settlelink-builder-open .provider-delay-card-icon svg,
body.settlelink-builder-open .payout-timing-card-icon > i,
body.settlelink-builder-open .payout-delay-card-icon > i,
body.settlelink-builder-open .auto-payout-timing-icon > i,
body.settlelink-builder-open .payout-schedule-card-icon > i,
body.settlelink-builder-open .provider-delay-card-icon > i {
  margin: 0 auto !important;
  display: block !important;
}

/* === SettleLink repair: payout timing icon center fix END === */

/* === SettleLink repair: real payout timing icon center fix START === */

/* Real class used by the Automatic payout timing card */
body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
}

/* Centre any CSS pseudo icon inside the square */
body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon::before,
body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon::after {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

/* Centre real inline SVG/text/icon content too */
body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon svg,
body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon i,
body.settlelink-builder-open .payout-automatic-timing-card .payout-settings-row-icon span {
  position: relative !important;
  display: block !important;
  margin: 0 auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

/* === SettleLink repair: real payout timing icon center fix END === */


/* SettleLink referral admin approval queue */
.admin-referral-page-shell,
.admin-referral-list {
  display: grid;
  gap: 16px;
}

.admin-referral-card {
  display: grid;
  gap: 14px;
}

.admin-referral-card-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.admin-referral-status {
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 800;
  background: rgba(37, 99, 235, 0.12);
  color: #1d4ed8;
  white-space: nowrap;
}

.admin-referral-status.is-paid {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

.admin-referral-status.is-warning {
  background: rgba(245, 158, 11, 0.16);
  color: #92400e;
}

.admin-referral-status.is-blocked {
  background: rgba(220, 38, 38, 0.12);
  color: #b91c1c;
}

.admin-referral-money-grid,
.admin-referral-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.admin-referral-money-grid > div,
.admin-referral-meta-grid > div {
  border: 1px solid var(--border-color, rgba(148, 163, 184, 0.28));
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.62);
  min-width: 0;
}

.admin-referral-money-grid small,
.admin-referral-meta-grid span {
  display: block;
  color: var(--muted-text-color, #64748b);
  font-size: 0.78rem;
  margin-bottom: 4px;
}

.admin-referral-money-grid strong,
.admin-referral-meta-grid strong {
  display: block;
  overflow-wrap: anywhere;
}

.admin-referral-warning {
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(245, 158, 11, 0.12);
}

.admin-referral-smallprint {
  font-size: 0.82rem;
}

.admin-referral-actions {
  justify-content: flex-start;
}


/* Referral card mobile polish V3 */
.more-share-content .referral-reward-simple-line {
  display: block !important;
  margin: 14px 0 0 !important;
  color: #52617c !important;
  -webkit-text-fill-color: #52617c !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

.more-share-content .referral-reward-terms-toggle {
  display: block !important;
  margin-top: 12px !important;
  border: 1px solid rgba(47, 102, 243, 0.18) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  background: rgba(47, 102, 243, 0.06) !important;
}

.more-share-content .referral-reward-terms-toggle summary {
  cursor: pointer !important;
  color: #8db7ff !important;
  -webkit-text-fill-color: #8db7ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  list-style-position: inside !important;
}

.more-share-content .referral-reward-terms-toggle p {
  margin: 10px 0 0 !important;
  color: #52617c !important;
  -webkit-text-fill-color: #52617c !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
  max-width: none !important;
  width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.more-share-content .referral-reward-stats-clean {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.more-share-content .referral-reward-stat-card {
  min-height: 84px !important;
  padding: 16px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.more-share-content .referral-reward-stat-card small {
  min-height: 0 !important;
  max-width: 150px !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
}

.more-share-content .referral-reward-stat-card strong {
  margin-top: 0 !important;
  font-size: clamp(30px, 9vw, 42px) !important;
  line-height: 0.95 !important;
  white-space: nowrap !important;
}

body.settlelink-dark-mode .more-share-content .referral-reward-simple-line,
body.settlelink-dark-mode .more-share-content .referral-reward-terms-toggle p {
  color: rgba(214, 225, 246, 0.84) !important;
  -webkit-text-fill-color: rgba(214, 225, 246, 0.84) !important;
}

body.settlelink-dark-mode .more-share-content .referral-reward-terms-toggle {
  border-color: rgba(92, 118, 161, 0.34) !important;
  background: rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode .more-share-content .referral-reward-terms-toggle summary {
  color: #8db7ff !important;
  -webkit-text-fill-color: #8db7ff !important;
}


/* Referral card mobile polish V4 */
.more-share-content .referral-reward-simple-line {
  display: block !important;
  margin: 14px 0 0 !important;
  color: #52617c !important;
  -webkit-text-fill-color: #52617c !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
  max-width: none !important;
  width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.more-share-content .referral-reward-terms-toggle {
  display: block !important;
  margin-top: 12px !important;
  border: 1px solid rgba(47, 102, 243, 0.18) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  background: rgba(47, 102, 243, 0.06) !important;
  max-width: none !important;
  width: 100% !important;
}

.more-share-content .referral-reward-terms-toggle summary {
  cursor: pointer !important;
  color: #8db7ff !important;
  -webkit-text-fill-color: #8db7ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  list-style-position: inside !important;
}

.more-share-content .referral-reward-terms-toggle p {
  margin: 10px 0 0 !important;
  color: #52617c !important;
  -webkit-text-fill-color: #52617c !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
  max-width: none !important;
  width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.more-share-content .referral-reward-stats-clean {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.more-share-content .referral-reward-stat-card {
  min-height: 86px !important;
  padding: 16px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.more-share-content .referral-reward-stat-card small {
  min-height: 0 !important;
  max-width: 155px !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
}

.more-share-content .referral-reward-stat-card strong {
  margin-top: 0 !important;
  font-size: clamp(30px, 9vw, 42px) !important;
  line-height: 0.95 !important;
  white-space: nowrap !important;
}

body.settlelink-dark-mode .more-share-content .referral-reward-simple-line,
body.settlelink-dark-mode .more-share-content .referral-reward-terms-toggle p {
  color: rgba(214, 225, 246, 0.84) !important;
  -webkit-text-fill-color: rgba(214, 225, 246, 0.84) !important;
}

body.settlelink-dark-mode .more-share-content .referral-reward-terms-toggle {
  border-color: rgba(92, 118, 161, 0.34) !important;
  background: rgba(47, 102, 243, 0.08) !important;
}

body.settlelink-dark-mode .more-share-content .referral-reward-terms-toggle summary {
  color: #8db7ff !important;
  -webkit-text-fill-color: #8db7ff !important;
}


/* V2 global create project + iOS review reminder + referral payout clarity */
.settlelink-global-create-project-btn {
  position: fixed;
  top: 92px;
  right: 24px;
  z-index: 1380;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2f66f3, #19b36b);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 18px 38px rgba(47, 102, 243, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.38);
}

.settlelink-global-create-project-btn span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  font-size: 22px;
  line-height: 1;
}

.settlelink-global-create-project-btn strong {
  font-size: 14px;
  letter-spacing: -0.01em;
}

.settlelink-global-create-project-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 44px rgba(47, 102, 243, 0.34);
}

.referral-payout-setup-note {
  margin-top: 12px !important;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(47, 102, 243, 0.08);
  border: 1px solid rgba(47, 102, 243, 0.16);
}

.more-reward-setup-pill {
  margin-top: 10px !important;
}

.settlelink-review-card {
  max-width: 430px;
  border: 1px solid rgba(47, 102, 243, 0.18);
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
}

.settlelink-review-actions {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.settlelink-review-never-btn {
  border: 0;
  background: transparent;
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  font-weight: 800;
  cursor: pointer;
  padding: 8px 10px;
}

body.settlelink-dark-mode .referral-payout-setup-note {
  background: rgba(82, 141, 255, 0.12);
  border-color: rgba(82, 141, 255, 0.2);
}

body.settlelink-dark-mode .settlelink-review-never-btn {
  color: rgba(214, 225, 246, 0.72);
  -webkit-text-fill-color: rgba(214, 225, 246, 0.72);
}

@media (max-width: 760px) {
  .settlelink-global-create-project-btn {
    top: 78px;
    right: 16px;
    min-width: 52px;
    width: 52px;
    height: 52px;
    min-height: 52px;
    padding: 0;
    border-radius: 18px;
  }

  .settlelink-global-create-project-btn strong {
    display: none;
  }

  .settlelink-global-create-project-btn span {
    width: 30px;
    height: 30px;
    font-size: 30px;
    background: transparent;
  }

  .settlelink-review-card {
    width: calc(100vw - 34px);
  }
}


/* Estimated possible saving card inside Payouts */
.payouts-estimated-saving-card {
  display: grid;
  gap: 18px;
  overflow: hidden;
  border: 1px solid rgba(47, 102, 243, 0.16);
  background:
    radial-gradient(circle at top right, rgba(25, 179, 107, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(47, 102, 243, 0.08), rgba(255, 255, 255, 0.94));
}

.payout-estimated-saving-top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.payout-estimated-saving-top h2 {
  margin: 4px 0 6px;
  font-size: clamp(2.1rem, 8vw, 4.2rem);
  line-height: 0.96;
  letter-spacing: -0.06em;
  color: #0f4fd7;
  -webkit-text-fill-color: #0f4fd7;
}

.payout-estimated-saving-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  border-radius: 22px;
  background: linear-gradient(135deg, #2f66f3, #19b36b);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-size: 28px;
  font-weight: 950;
  box-shadow: 0 18px 38px rgba(47, 102, 243, 0.24);
}

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

.payout-estimated-saving-grid > div {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(47, 102, 243, 0.12);
}

.payout-estimated-saving-grid span {
  display: block;
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
}

.payout-estimated-saving-grid strong {
  display: block;
  margin-top: 5px;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
}

.payout-estimated-saving-details {
  border-radius: 18px;
  border: 1px solid rgba(47, 102, 243, 0.14);
  background: rgba(255, 255, 255, 0.7);
  padding: 12px 14px;
}

.payout-estimated-saving-details summary {
  cursor: pointer;
  font-weight: 900;
  color: #0f4fd7;
  -webkit-text-fill-color: #0f4fd7;
}

.payout-estimated-saving-breakdown-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.payout-estimated-saving-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.92);
}

.payout-estimated-saving-row span,
.payout-estimated-saving-row strong,
.payout-estimated-saving-row small {
  display: block;
}

.payout-estimated-saving-row b {
  color: #19a35f;
  -webkit-text-fill-color: #19a35f;
  font-size: 1.02rem;
}

.payout-estimated-saving-row small,
.payout-estimated-saving-extra,
.payout-estimated-saving-empty-copy {
  margin-top: 3px;
  font-size: 0.82rem;
}

.payout-estimated-saving-disclaimer {
  margin: 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.06);
  color: #475569;
  -webkit-text-fill-color: #475569;
  font-size: 0.82rem;
  line-height: 1.45;
  font-weight: 750;
}

body.settlelink-dark-mode .payouts-estimated-saving-card {
  background:
    radial-gradient(circle at top right, rgba(25, 179, 107, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(82, 141, 255, 0.14), rgba(15, 23, 42, 0.92));
  border-color: rgba(148, 163, 184, 0.18);
}

body.settlelink-dark-mode .payout-estimated-saving-top h2,
body.settlelink-dark-mode .payout-estimated-saving-details summary {
  color: #8fb3ff;
  -webkit-text-fill-color: #8fb3ff;
}

body.settlelink-dark-mode .payout-estimated-saving-grid > div,
body.settlelink-dark-mode .payout-estimated-saving-details,
body.settlelink-dark-mode .payout-estimated-saving-row {
  background: rgba(15, 23, 42, 0.62);
  border-color: rgba(148, 163, 184, 0.16);
}

body.settlelink-dark-mode .payout-estimated-saving-grid strong {
  color: #f8fafc;
  -webkit-text-fill-color: #f8fafc;
}

body.settlelink-dark-mode .payout-estimated-saving-disclaimer {
  background: rgba(2, 6, 23, 0.34);
  color: rgba(226, 232, 240, 0.82);
  -webkit-text-fill-color: rgba(226, 232, 240, 0.82);
}

@media (max-width: 760px) {
  .payout-estimated-saving-top {
    align-items: center;
  }

  .payout-estimated-saving-icon {
    width: 48px;
    height: 48px;
    border-radius: 18px;
    font-size: 24px;
  }

  .payout-estimated-saving-grid {
    grid-template-columns: 1fr;
  }

  .payout-estimated-saving-row {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Estimated possible saving collapse V2 */
.payout-estimated-saving-collapsible {
  padding: 0;
}

.payout-estimated-saving-summary {
  list-style: none;
  cursor: pointer;
  padding: 22px;
}

.payout-estimated-saving-summary::-webkit-details-marker {
  display: none;
}

.payout-estimated-saving-body {
  display: grid;
  gap: 18px;
  padding: 0 22px 22px;
}

.payout-estimated-saving-intro {
  margin: -4px 0 0;
}

.payout-estimated-saving-summary-side {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.payout-estimated-saving-chevron {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(47, 102, 243, 0.1);
  color: #0f4fd7;
  -webkit-text-fill-color: #0f4fd7;
  font-size: 22px;
  font-weight: 950;
  transition: transform 0.18s ease;
}

.payout-estimated-saving-collapsible[open] .payout-estimated-saving-chevron {
  transform: rotate(180deg);
}

.payout-estimated-saving-collapsible:not([open]) .payout-estimated-saving-top {
  margin-bottom: 0;
}

.payout-estimated-saving-collapsible:not([open]) {
  gap: 0;
}

body.settlelink-dark-mode .payout-estimated-saving-chevron {
  background: rgba(143, 179, 255, 0.12);
  color: #8fb3ff;
  -webkit-text-fill-color: #8fb3ff;
}

@media (max-width: 760px) {
  .payout-estimated-saving-summary {
    padding: 18px;
  }

  .payout-estimated-saving-body {
    padding: 0 18px 18px;
  }

  .payout-estimated-saving-summary-side {
    gap: 8px;
  }

  .payout-estimated-saving-chevron {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
}


/* Referral-only payout setup V1 */
.referral-payout-setup-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-top: 12px !important;
  padding: 14px;
  border-radius: 18px;
  background: rgba(47, 102, 243, 0.08);
  border: 1px solid rgba(47, 102, 243, 0.16);
}

.referral-payout-setup-card strong {
  display: block;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  font-weight: 950;
}

.referral-payout-setup-card p {
  margin: 4px 0 6px;
}

.referral-payout-setup-card small {
  display: inline-flex;
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #3156a3;
  -webkit-text-fill-color: #3156a3;
  font-weight: 900;
}

.referral-payout-setup-card[data-state="ready"] {
  background: rgba(25, 179, 107, 0.1);
  border-color: rgba(25, 179, 107, 0.22);
}

.referral-payout-setup-card[data-state="ready"] small {
  color: #067647;
  -webkit-text-fill-color: #067647;
}

.referral-payout-setup-card[data-state="in_progress"] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.22);
}

.referral-payout-setup-card[data-state="error"] {
  background: rgba(244, 63, 94, 0.09);
  border-color: rgba(244, 63, 94, 0.2);
}

.referral-payout-setup-btn {
  min-width: 176px;
  white-space: nowrap;
}

body.settlelink-dark-mode .referral-payout-setup-card {
  background: rgba(82, 141, 255, 0.12);
  border-color: rgba(82, 141, 255, 0.22);
}

body.settlelink-dark-mode .referral-payout-setup-card strong {
  color: #f8fafc;
  -webkit-text-fill-color: #f8fafc;
}

body.settlelink-dark-mode .referral-payout-setup-card small {
  background: rgba(15, 23, 42, 0.54);
  color: #c7d7ff;
  -webkit-text-fill-color: #c7d7ff;
}

@media (max-width: 760px) {
  .referral-payout-setup-card {
    grid-template-columns: 1fr;
  }

  .referral-payout-setup-btn {
    width: 100%;
    min-width: 0;
  }
}

/* Payment provider truth recovery */
.payment-provider-check-panel {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  margin: 14px 0 0;
  padding: 14px;
  border: 1px solid rgba(255, 167, 38, 0.55);
  border-radius: 18px;
  background: rgba(255, 167, 38, 0.10);
}

.payment-provider-check-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: #111827;
  background: #f59e0b;
}

.payment-provider-check-copy {
  display: grid;
  gap: 4px;
}

.payment-provider-check-copy strong {
  color: #fbbf24;
}

.payment-provider-check-copy span,
.payment-provider-check-copy small {
  color: var(--text-muted, #cbd5e1);
  line-height: 1.35;
}

.payment-provider-check-panel .checkPaymentProviderStatusBtn {
  grid-column: 1 / -1;
  width: 100%;
}

body.light-theme .payment-provider-check-panel,
.light-theme .payment-provider-check-panel {
  background: #fff7ed;
  border-color: #f59e0b;
}

body.light-theme .payment-provider-check-copy strong,
.light-theme .payment-provider-check-copy strong {
  color: #92400e;
}

body.light-theme .payment-provider-check-copy span,
body.light-theme .payment-provider-check-copy small,
.light-theme .payment-provider-check-copy span,
.light-theme .payment-provider-check-copy small {
  color: #475569;
}

/* B13-CLOSE1 payment-status warning theme truth */
body:not(.settlelink-dark-mode) .payment-provider-check-panel {
  background: #fff7ed;
  border-color: #d97706;
  color: #422006;
  -webkit-text-fill-color: initial;
}

body:not(.settlelink-dark-mode) .payment-provider-check-icon {
  background: #d97706;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

body:not(.settlelink-dark-mode) .payment-provider-check-copy strong {
  color: #78350f;
  -webkit-text-fill-color: #78350f;
}

body:not(.settlelink-dark-mode) .payment-provider-check-copy span {
  color: #3f2a16;
  -webkit-text-fill-color: #3f2a16;
}

body:not(.settlelink-dark-mode) .payment-provider-check-copy small {
  color: #6b3f16;
  -webkit-text-fill-color: #6b3f16;
}

body:not(.settlelink-dark-mode)
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn {
  background: #ffffff;
  border-color: #b45309;
  color: #78350f;
  -webkit-text-fill-color: #78350f;
}

body:not(.settlelink-dark-mode)
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn:hover:not(:disabled) {
  background: #ffedd5;
  border-color: #92400e;
  color: #5f2b0b;
  -webkit-text-fill-color: #5f2b0b;
}

body:not(.settlelink-dark-mode)
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 3px;
}

body:not(.settlelink-dark-mode)
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn:disabled {
  background: #f3f4f6;
  border-color: #9ca3af;
  color: #4b5563;
  -webkit-text-fill-color: #4b5563;
  cursor: not-allowed;
  opacity: 1;
}

body.settlelink-dark-mode .payment-provider-check-panel {
  background: rgba(120, 53, 15, 0.32);
  border-color: #f59e0b;
  color: #fef3c7;
  -webkit-text-fill-color: initial;
}

body.settlelink-dark-mode .payment-provider-check-icon {
  background: #f59e0b;
  color: #111827;
  -webkit-text-fill-color: #111827;
}

body.settlelink-dark-mode .payment-provider-check-copy strong {
  color: #fde68a;
  -webkit-text-fill-color: #fde68a;
}

body.settlelink-dark-mode .payment-provider-check-copy span {
  color: #f8fafc;
  -webkit-text-fill-color: #f8fafc;
}

body.settlelink-dark-mode .payment-provider-check-copy small {
  color: #fde68a;
  -webkit-text-fill-color: #fde68a;
}

body.settlelink-dark-mode
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn {
  background: #172033;
  border-color: #f59e0b;
  color: #fef3c7;
  -webkit-text-fill-color: #fef3c7;
}

body.settlelink-dark-mode
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn:hover:not(:disabled) {
  background: #27344d;
  border-color: #fbbf24;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

body.settlelink-dark-mode
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn:focus-visible {
  outline: 3px solid #93c5fd;
  outline-offset: 3px;
}

body.settlelink-dark-mode
  .payment-provider-check-panel
  .checkPaymentProviderStatusBtn:disabled {
  background: #263247;
  border-color: #64748b;
  color: #cbd5e1;
  -webkit-text-fill-color: #cbd5e1;
  cursor: not-allowed;
  opacity: 1;
}

/* Recipient payout status panel */
.recipient-payout-panel {
  margin: 14px 0 0;
  padding: 14px;
  border: 1px solid rgba(59, 130, 246, 0.28);
  border-radius: 18px;
  background: rgba(59, 130, 246, 0.08);
}

.recipient-payout-panel-head {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

.recipient-payout-panel-head strong {
  display: block;
  color: var(--text-main, #f8fafc);
  margin-bottom: 4px;
}

.recipient-payout-panel-head span {
  display: block;
  color: var(--text-muted, #cbd5e1);
  line-height: 1.35;
}

.recipient-payout-list {
  display: grid;
  gap: 10px;
}

.recipient-payout-row {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.30);
}

.recipient-payout-row strong,
.recipient-payout-row span,
.recipient-payout-row small {
  display: block;
}

.recipient-payout-row strong {
  color: var(--text-main, #f8fafc);
}

.recipient-payout-row span,
.recipient-payout-row small {
  color: var(--text-muted, #cbd5e1);
  line-height: 1.35;
}

.recipient-payout-status {
  justify-self: start;
  padding: 6px 10px;
  border-radius: 999px;
  font-style: normal;
  font-size: 0.82rem;
  font-weight: 800;
  background: rgba(148, 163, 184, 0.18);
  color: #e2e8f0;
}

.recipient-payout-status-paid-to-bank {
  background: rgba(34, 197, 94, 0.16);
  color: #86efac;
}

.recipient-payout-status-in-transit-to-bank,
.recipient-payout-status-pending-with-payment-provider,
.recipient-payout-status-instant-payout-unavailable,
.recipient-payout-status-available-for-payout {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

.recipient-payout-status-failed,
.recipient-payout-status-cancelled {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
}

body.light-theme .recipient-payout-panel,
.light-theme .recipient-payout-panel {
  background: #eff6ff;
  border-color: #bfdbfe;
}

body.light-theme .recipient-payout-row,
.light-theme .recipient-payout-row {
  background: #ffffff;
  border: 1px solid #dbeafe;
}

body.light-theme .recipient-payout-panel-head strong,
body.light-theme .recipient-payout-row strong,
.light-theme .recipient-payout-panel-head strong,
.light-theme .recipient-payout-row strong {
  color: #0f172a;
}

body.light-theme .recipient-payout-panel-head span,
body.light-theme .recipient-payout-row span,
body.light-theme .recipient-payout-row small,
.light-theme .recipient-payout-panel-head span,
.light-theme .recipient-payout-row span,
.light-theme .recipient-payout-row small {
  color: #475569;
}

body.light-theme .recipient-payout-status-paid-to-bank,
.light-theme .recipient-payout-status-paid-to-bank {
  background: #dcfce7;
  color: #166534;
}

body.light-theme .recipient-payout-status-pending-with-payment-provider,
body.light-theme .recipient-payout-status-in-transit-to-bank,
body.light-theme .recipient-payout-status-instant-payout-unavailable,
body.light-theme .recipient-payout-status-available-for-payout,
.light-theme .recipient-payout-status-pending-with-payment-provider,
.light-theme .recipient-payout-status-in-transit-to-bank,
.light-theme .recipient-payout-status-instant-payout-unavailable,
.light-theme .recipient-payout-status-available-for-payout {
  background: #fef3c7;
  color: #92400e;
}

body.light-theme .recipient-payout-status-failed,
body.light-theme .recipient-payout-status-cancelled,
.light-theme .recipient-payout-status-failed,
.light-theme .recipient-payout-status-cancelled {
  background: #fee2e2;
  color: #991b1b;
}


/* SettleLink payout status safety bundle */
.recipient-payout-panel {
  margin-bottom: 18px;
}

.recipient-payout-row {
  gap: 10px;
}

.recipient-payout-row-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.recipient-payout-row-main > div {
  min-width: 0;
}

.recipient-payout-row-main strong,
.recipient-payout-row-main span {
  overflow-wrap: anywhere;
}

.recipient-payout-status {
  text-align: center;
  white-space: normal;
  max-width: 150px;
}

.recipient-payout-status-money-received {
  background: rgba(34, 197, 94, 0.16);
  color: #86efac;
}

.recipient-payout-status-payout-in-progress,
.recipient-payout-status-payment-received-payout-pending,
.recipient-payout-status-standard-payout-pending,
.recipient-payout-status-not-refreshed-yet,
.recipient-payout-status-needs-checking {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

.recipient-payout-status-payout-failed {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
}

.recipient-payout-admin-details {
  margin-top: 2px;
  font-size: 0.82rem;
  color: var(--text-muted, #cbd5e1);
}

.recipient-payout-admin-details summary {
  cursor: pointer;
  font-weight: 800;
}

.recipient-payout-admin-details ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

.recipient-payout-admin-details li {
  overflow-wrap: anywhere;
}

body.light-theme .recipient-payout-status-money-received,
.light-theme .recipient-payout-status-money-received {
  background: #dcfce7;
  color: #166534;
}

body.light-theme .recipient-payout-status-payout-in-progress,
body.light-theme .recipient-payout-status-payment-received-payout-pending,
body.light-theme .recipient-payout-status-standard-payout-pending,
body.light-theme .recipient-payout-status-not-refreshed-yet,
body.light-theme .recipient-payout-status-needs-checking,
.light-theme .recipient-payout-status-payout-in-progress,
.light-theme .recipient-payout-status-payment-received-payout-pending,
.light-theme .recipient-payout-status-standard-payout-pending,
.light-theme .recipient-payout-status-not-refreshed-yet,
.light-theme .recipient-payout-status-needs-checking {
  background: #fef3c7;
  color: #92400e;
}

body.light-theme .recipient-payout-status-payout-failed,
.light-theme .recipient-payout-status-payout-failed {
  background: #fee2e2;
  color: #991b1b;
}

@media (max-width: 560px) {
  .recipient-payout-row-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .recipient-payout-status {
    justify-self: start;
    max-width: 100%;
  }

  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(170px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* SettleLink payment summary scroll/clipping repair */
.project-payment-summaries-wrap:not(.is-collapsed) {
  max-height: none !important;
  overflow: visible !important;
}

.project-invoices-list {
  overflow: visible !important;
  padding-bottom: 140px;
}

.project-invoices-list .panel:last-child {
  margin-bottom: 180px;
}

.recipient-payout-panel,
.recipient-payout-row,
.project-card,
.panel {
  overflow: visible;
}

@media (max-width: 768px) {
  body.settlelink-builder-open {
    overflow-y: auto !important;
  }

  body.settlelink-builder-open .app-shell,
  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(280px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.settlelink-builder-open .builder-main,
  body.settlelink-builder-open .dashboard-shell,
  body.settlelink-builder-open .project-payment-summaries-wrap,
  body.settlelink-builder-open .project-invoices-list {
    max-height: none !important;
    overflow: visible !important;
  }

  body.settlelink-builder-open .project-invoices-list {
    padding-bottom: calc(240px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.settlelink-builder-open .project-invoices-list .panel:last-child {
    margin-bottom: calc(240px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 420px) {
  body.settlelink-builder-open .app-shell,
  body.settlelink-builder-open .app-shell-builder {
    padding-bottom: calc(320px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.settlelink-builder-open .project-invoices-list {
    padding-bottom: calc(280px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.settlelink-builder-open .project-invoices-list .panel:last-child {
    margin-bottom: calc(280px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* Bundle 1 follow-up: collapsible Payment split status panel */
.recipient-payout-panel-head.recipient-payout-toggle {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.recipient-payout-panel-head.recipient-payout-toggle:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.72);
  outline-offset: 4px;
  border-radius: 12px;
}

.recipient-payout-toggle-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.18);
  color: #bfdbfe;
  -webkit-text-fill-color: #bfdbfe;
  font-style: normal;
  font-size: 0.82rem;
  font-weight: 900;
}

.recipient-payout-panel-body {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.recipient-payout-panel-body[hidden] {
  display: none !important;
}

.recipient-payout-help {
  margin: 0;
  color: var(--text-muted, #cbd5e1);
  line-height: 1.35;
  font-size: 0.92rem;
}

.recipient-payout-panel.is-collapsed {
  background: rgba(59, 130, 246, 0.06);
}

body.light-theme .recipient-payout-toggle-label,
.light-theme .recipient-payout-toggle-label {
  background: rgba(47, 102, 243, 0.10);
  color: #0f4fd7;
  -webkit-text-fill-color: #0f4fd7;
}

body.light-theme .recipient-payout-help,
.light-theme .recipient-payout-help {
  color: #475569;
}




/* BUNDLE_5A_PAYOUT_NOTIFICATION_LIGHT_MODE_V1 */
/* Final scoped repair for Payouts, Notifications and native app feature panels. */

body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell .panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-overview-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-progress-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-automatic-timing-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-fast-eligibility-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-next-actions-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-history-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-included-payments-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-trust-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-estimated-saving-card {
  background: #ffffff !important;
  border-color: #dbe6f5 !important;
  color: #102248 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 16px 38px rgba(15, 34, 72, 0.08) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-estimated-saving-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(25, 179, 107, 0.10), transparent 34%),
    linear-gradient(135deg, #eef5ff 0%, #ffffff 60%) !important;
  border-color: #cfe0fb !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell .eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell h1,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell h2,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell h3,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-settings-row-button strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-settings-copy strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-history-main strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-included-payment-row strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell .muted-text,
body:not(.settlelink-dark-mode).settlelink-builder-open .payouts-page-shell small,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-progress-helper,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-history-main small,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-included-payment-row small {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-progress-step.is-pending .payout-progress-dot {
  background: #eef3f9 !important;
  border-color: #cbd5e1 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-progress-step.is-pending small {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-current-status-pill,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-refresh-status {
  background: #eef5ff !important;
  border-color: #cfe0fb !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-history-row,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-included-payment-row,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-estimated-saving-grid > div,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-estimated-saving-details,
body:not(.settlelink-dark-mode).settlelink-builder-open .payout-estimated-saving-row {
  background: #f7faff !important;
  border-color: #dbe6f5 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-estimated-saving-disclaimer {
  background: #f1f5f9 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.settlelink-builder-open .payout-automatic-timing-svg-icon {
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

body.settlelink-builder-open .payout-automatic-timing-svg-icon::before,
body.settlelink-builder-open .payout-automatic-timing-svg-icon::after {
  content: none !important;
  display: none !important;
}

body.settlelink-builder-open .payout-automatic-timing-svg-icon svg {
  width: 27px !important;
  height: 27px !important;
  margin: 0 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .payout-automatic-timing-svg-icon {
  background: #eef5ff !important;
  border-color: #cfe0fb !important;
  color: #2f66f3 !important;
}

body.settlelink-dark-mode.settlelink-builder-open .payout-automatic-timing-svg-icon {
  color: #8fb3ff !important;
}

body.settlelink-builder-open .payout-icon-warning::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 13px solid transparent !important;
  border-right: 13px solid transparent !important;
  border-bottom: 23px solid #f59e0b !important;
  transform: translate(-50%, -54%) !important;
  background: transparent !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

body.settlelink-builder-open .payout-icon-warning::after {
  content: "!" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  transform: translate(-50%, -44%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notifications-panel.more-notifications-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-device-card,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-features-panel,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-feature-card {
  background: #ffffff !important;
  border-color: #dbe6f5 !important;
  color: #102248 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 14px 34px rgba(15, 34, 72, 0.07) !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notification-item {
  background: #f7faff !important;
  border-color: #dbe6f5 !important;
  color: #102248 !important;
  -webkit-text-fill-color: initial !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notification-item.is-unread {
  background: #eef5ff !important;
  border-color: #bfd4fb !important;
  box-shadow: inset 4px 0 0 #2f66f3 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notifications-heading h2,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notification-copy strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-device-card strong,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-features-heading h2,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-feature-copy strong {
  color: #102248 !important;
  -webkit-text-fill-color: #102248 !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notification-copy > span:last-child,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notification-meta,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-device-card small,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-features-heading .muted-text,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-feature-copy small,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-features-safe-note,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-safe-note {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body:not(.settlelink-dark-mode).settlelink-builder-open .more-notifications-content .dashboard-notification-meta,
body:not(.settlelink-dark-mode).settlelink-builder-open .more-native-features-heading .eyebrow {
  color: #2f66f3 !important;
  -webkit-text-fill-color: #2f66f3 !important;
}

.payout-estimated-saving-body {
  transform-origin: top center;
}

@media (prefers-reduced-motion: reduce) {
  .payout-estimated-saving-chevron {
    transition: none !important;
  }
}
/* BUNDLE_5A_PAYOUT_NOTIFICATION_LIGHT_MODE_V1_END */


/* BUNDLE_5A2_SETUP_LIGHT_NATIVE_SETTINGS_FIX_V3 */
/* Correct setup truth, recipient payout light mode and payment setup icons. */

body:not(.settlelink-dark-mode) .recipient-payout-panel,
body:not(.settlelink-dark-mode) .recipient-payout-panel.is-collapsed {
  opacity: 1 !important;
  filter: none !important;
  background: #eff6ff !important;
  border-color: #93c5fd !important;
  color: #0f2145 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.08) !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-panel-head,
body:not(.settlelink-dark-mode) .recipient-payout-panel-body,
body:not(.settlelink-dark-mode) .recipient-payout-list,
body:not(.settlelink-dark-mode) .recipient-payout-row,
body:not(.settlelink-dark-mode) .recipient-payout-row-main,
body:not(.settlelink-dark-mode) .recipient-payout-help,
body:not(.settlelink-dark-mode) .recipient-payout-admin-details {
  opacity: 1 !important;
  filter: none !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-row {
  background: #ffffff !important;
  border: 1px solid #d6e4fa !important;
  box-shadow: 0 8px 20px rgba(15, 34, 72, 0.06) !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-panel-head strong,
body:not(.settlelink-dark-mode) .recipient-payout-row strong {
  color: #0f2145 !important;
  -webkit-text-fill-color: #0f2145 !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-panel-head span,
body:not(.settlelink-dark-mode) .recipient-payout-row span,
body:not(.settlelink-dark-mode) .recipient-payout-row small,
body:not(.settlelink-dark-mode) .recipient-payout-help,
body:not(.settlelink-dark-mode) .recipient-payout-admin-details,
body:not(.settlelink-dark-mode) .recipient-payout-admin-details summary,
body:not(.settlelink-dark-mode) .recipient-payout-admin-details li {
  color: #52647f !important;
  -webkit-text-fill-color: #52647f !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-toggle-label {
  opacity: 1 !important;
  background: #dbeafe !important;
  border: 1px solid #bfdbfe !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-panel .secondary-btn {
  opacity: 1 !important;
  background: #ffffff !important;
  border-color: #bfd4fb !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-status {
  opacity: 1 !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-status-money-received,
body:not(.settlelink-dark-mode) .recipient-payout-status-paid-to-bank {
  background: #dcfce7 !important;
  color: #15803d !important;
  -webkit-text-fill-color: #15803d !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-status-payout-in-progress,
body:not(.settlelink-dark-mode) .recipient-payout-status-payment-received-payout-pending,
body:not(.settlelink-dark-mode) .recipient-payout-status-standard-payout-pending,
body:not(.settlelink-dark-mode) .recipient-payout-status-not-refreshed-yet,
body:not(.settlelink-dark-mode) .recipient-payout-status-needs-checking,
body:not(.settlelink-dark-mode) .recipient-payout-status-pending-with-payment-provider,
body:not(.settlelink-dark-mode) .recipient-payout-status-in-transit-to-bank,
body:not(.settlelink-dark-mode) .recipient-payout-status-instant-payout-unavailable,
body:not(.settlelink-dark-mode) .recipient-payout-status-available-for-payout {
  background: #fef3c7 !important;
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
}

body:not(.settlelink-dark-mode) .recipient-payout-status-payout-failed,
body:not(.settlelink-dark-mode) .recipient-payout-status-failed,
body:not(.settlelink-dark-mode) .recipient-payout-status-cancelled {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

body.settlelink-dark-mode
  .more-payment-settings-content
  .settlelink-payout-warning-icon {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.48) !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

body .more-payment-settings-content .more-payment-trust-box-left {
  grid-template-columns: 52px minmax(0, 1fr) !important;
}

body .more-payment-settings-content .more-payment-trust-icon-document {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

body
  .more-payment-settings-content
  .more-payment-trust-icon-document
  svg {
  display: block !important;
  width: 29px !important;
  height: 29px !important;
  margin: 0 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body:not(.settlelink-dark-mode)
  .more-payment-settings-content
  .more-payment-trust-icon-document {
  color: #2563eb !important;
  background: #eef5ff !important;
  border: 1px solid #bfd4fb !important;
}

body.settlelink-dark-mode
  .more-payment-settings-content
  .more-payment-trust-icon-document {
  color: #8fb3ff !important;
  background: rgba(37, 99, 235, 0.16) !important;
  border: 1px solid rgba(96, 165, 250, 0.38) !important;
}

/* BUNDLE_5A2_SETUP_LIGHT_NATIVE_SETTINGS_FIX_V3_END */


/* B13-INC1: plain-language payment split status and smooth disclosure */
.recipient-payout-panel-body {
  display: grid;
  grid-template-rows: 1fr;
  opacity: 1;
  margin-top: 12px;
  transition:
    grid-template-rows 220ms ease,
    opacity 180ms ease,
    margin-top 220ms ease;
}

.recipient-payout-panel-body-inner {
  min-height: 0;
  overflow: hidden;
  display: grid;
  gap: 10px;
}

.recipient-payout-panel.is-collapsed .recipient-payout-panel-body {
  grid-template-rows: 0fr;
  opacity: 0;
  margin-top: 0;
  pointer-events: none;
}

.recipient-payout-toggle-label {
  gap: 7px;
}

.recipient-payout-toggle-indicator {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  transform: rotate(180deg);
  transition: transform 220ms ease;
}

.recipient-payout-panel.is-collapsed .recipient-payout-toggle-indicator {
  transform: rotate(0deg);
}

.recipient-payout-status-on-the-way-to-bank,
.recipient-payout-status-waiting-for-update {
  background: rgba(59, 130, 246, 0.16);
  color: #bfdbfe;
}

.recipient-payout-status-could-not-confirm {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

body:not(.settlelink-dark-mode) .recipient-payout-status-on-the-way-to-bank,
body:not(.settlelink-dark-mode) .recipient-payout-status-waiting-for-update {
  background: #dbeafe;
  color: #1e40af;
}

body:not(.settlelink-dark-mode) .recipient-payout-status-could-not-confirm {
  background: #fef3c7;
  color: #92400e;
}

@media (prefers-reduced-motion: reduce) {
  .recipient-payout-panel-body,
  .recipient-payout-toggle-indicator {
    transition: none !important;
  }
}

.payment-pack-entry-card,
.payment-pack-summary,
.payment-pack-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.payment-pack-entry-card h3,
.payment-pack-item h3 {
  margin: 4px 0;
}

.payment-pack-summary {
  align-items: stretch;
}

.payment-pack-summary > div {
  flex: 1;
  min-width: 0;
  padding: 4px 14px;
  border-left: 1px solid rgba(148, 163, 184, 0.24);
}

.payment-pack-summary > div:first-child {
  border-left: 0;
  padding-left: 0;
}

.payment-pack-summary span {
  display: block;
  margin-bottom: 5px;
  color: var(--muted-text, #64748b);
  font-size: 0.82rem;
}

.payment-pack-list {
  display: grid;
  gap: 14px;
  margin: 16px 0;
}

.payment-pack-item {
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 18px;
  background: var(--panel-bg, #fff);
}

.payment-pack-item-head {
  margin-bottom: 16px;
}

.payment-recipient-card {
  display: grid;
  gap: 10px;
}

.payment-recipient-card .payment-pack-item-head {
  margin-bottom: 2px;
}

.payment-recipient-contact,
.payment-recipient-status-copy {
  margin: 0;
}

.payment-recipient-edit {
  justify-self: start;
  margin-top: 4px;
}

.payment-recipient-public-page {
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 28px 20px 56px;
}

.payment-recipient-public-page .page-header {
  margin-bottom: 20px;
}

.payment-recipient-public-page .payment-verification-summary,
.payment-recipient-public-page .form-panel,
.payment-recipient-public-page > .notice-box {
  margin-top: 16px;
}

.payment-verification-summary {
  display: grid;
  gap: 20px;
}

.payment-verification-summary .detail-list {
  margin: 0;
}

.payment-verification-summary .secondary-btn {
  justify-self: start;
}

.payment-recipient-public-page .confirmation-row {
  align-items: flex-start;
  margin: 18px 0;
}

.payment-recipient-public-page .confirmation-row input {
  flex: 0 0 auto;
  margin-top: 3px;
}

.payment-recipient-public-page .primary-btn {
  min-width: 160px;
}

body.settlelink-dark-mode .payment-recipient-card {
  background: #101827;
  border-color: #243041;
}

body.settlelink-dark-mode .payment-recipient-contact {
  color: #dbe7fb;
}

@media (max-width: 760px) {
  .payment-pack-entry-card,
  .payment-pack-summary,
  .payment-pack-item-head {
    align-items: stretch;
    flex-direction: column;
  }

  .payment-pack-summary > div {
    padding: 12px 0;
    border-top: 1px solid rgba(148, 163, 184, 0.24);
    border-left: 0;
  }

  .payment-pack-summary > div:first-child {
    border-top: 0;
  }

  .payment-recipient-public-page {
    padding: 20px 14px 40px;
  }

  .payment-recipient-public-page .page-header h1 {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }

  .payment-verification-summary .timeline-row {
    align-items: flex-start;
    gap: 6px;
  }

  .payment-recipient-public-page .primary-btn,
  .payment-recipient-public-page .secondary-btn {
    width: 100%;
    justify-content: center;
  }
}

/* =========================================================
   Recent-release theme consistency bundle
   Project agreements + contact identity + payment-ready state
   ========================================================= */

/* Project agreement: explicit light appearance */
body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-choice,
body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-version-summary > div,
body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-empty,
body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-document-text {
  background: #ffffff !important;
  border-color: #d8e0ec !important;
  color: #15264b !important;
}

body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-choice span,
body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-version-summary span,
body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-empty span {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

body:not(.settlelink-dark-mode) .project-agreement-page .project-agreement-choice.is-selected {
  background: #f5f8ff !important;
  border-color: #2f66f3 !important;
  box-shadow: 0 0 0 3px rgba(47, 102, 243, 0.14) !important;
}

/* Project agreement: complete dark appearance */
body.settlelink-dark-mode .project-agreement-page .project-agreement-choice,
body.settlelink-dark-mode .project-agreement-page .project-agreement-version-summary > div,
body.settlelink-dark-mode .project-agreement-page .project-agreement-empty,
body.settlelink-dark-mode .project-agreement-page .project-agreement-document-text {
  background: rgba(10, 19, 34, 0.82) !important;
  border-color: rgba(71, 85, 105, 0.82) !important;
  color: #eaf1ff !important;
}

body.settlelink-dark-mode .project-agreement-page .project-agreement-choice strong,
body.settlelink-dark-mode .project-agreement-page .project-agreement-version-summary strong,
body.settlelink-dark-mode .project-agreement-page .project-agreement-empty strong {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.settlelink-dark-mode .project-agreement-page .project-agreement-choice span,
body.settlelink-dark-mode .project-agreement-page .project-agreement-version-summary span,
body.settlelink-dark-mode .project-agreement-page .project-agreement-empty span {
  color: #aab8d4 !important;
  -webkit-text-fill-color: #aab8d4 !important;
}

body.settlelink-dark-mode .project-agreement-page .project-agreement-choice.is-selected {
  background: rgba(37, 99, 235, 0.16) !important;
  border-color: rgba(96, 165, 250, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16) !important;
}

body.settlelink-dark-mode .project-agreement-page .project-agreement-choice:disabled {
  background: rgba(30, 41, 59, 0.56) !important;
  border-color: rgba(71, 85, 105, 0.48) !important;
  opacity: 0.72;
}

body.settlelink-dark-mode .project-agreement-page .notice-box.warning {
  background: linear-gradient(180deg, rgba(69, 43, 10, 0.72), rgba(43, 29, 10, 0.82)) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
}

body.settlelink-dark-mode .project-agreement-page .notice-box.warning strong,
body.settlelink-dark-mode .project-agreement-page .notice-box.warning p {
  color: #fff1b8 !important;
  -webkit-text-fill-color: #fff1b8 !important;
}

body.settlelink-dark-mode .project-agreement-page .notice-box.success {
  background: linear-gradient(180deg, rgba(6, 78, 59, 0.7), rgba(4, 47, 46, 0.82)) !important;
  border-color: rgba(52, 211, 153, 0.46) !important;
}

body.settlelink-dark-mode .project-agreement-page .notice-box.success h2,
body.settlelink-dark-mode .project-agreement-page .notice-box.success strong,
body.settlelink-dark-mode .project-agreement-page .notice-box.success p {
  color: #d1fae5 !important;
  -webkit-text-fill-color: #d1fae5 !important;
}

body.settlelink-dark-mode .project-agreement-page input[type="file"]::file-selector-button {
  border: 1px solid rgba(96, 165, 250, 0.42);
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.2);
  color: #dbeafe;
}

.project-agreement-page .project-agreement-confirm-row a,
.project-agreement-page .project-agreement-platform-note a {
  color: #2563eb;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.settlelink-dark-mode .project-agreement-page .project-agreement-confirm-row a,
body.settlelink-dark-mode .project-agreement-page .project-agreement-platform-note a {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

.project-agreement-page button:focus-visible,
.project-agreement-page input:focus-visible,
.project-agreement-page textarea:focus-visible,
.project-agreement-page a:focus-visible {
  outline: 3px solid rgba(96, 165, 250, 0.62);
  outline-offset: 3px;
}

.project-agreement-status {
  border: 1px solid #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}

.project-agreement-status-accepted {
  border-color: #6ee7b7 !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

.project-agreement-status-sent {
  border-color: #fcd34d !important;
  background: #fffbeb !important;
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

.project-agreement-status-not-set {
  border-color: #cbd5e1 !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

body.settlelink-dark-mode .project-agreement-status {
  border-color: rgba(96, 165, 250, 0.5) !important;
  background: rgba(37, 99, 235, 0.18) !important;
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}

body.settlelink-dark-mode .project-agreement-status-accepted {
  border-color: rgba(52, 211, 153, 0.52) !important;
  background: rgba(6, 95, 70, 0.34) !important;
  color: #a7f3d0 !important;
  -webkit-text-fill-color: #a7f3d0 !important;
}

body.settlelink-dark-mode .project-agreement-status-sent {
  border-color: rgba(251, 191, 36, 0.5) !important;
  background: rgba(120, 53, 15, 0.36) !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
}

body.settlelink-dark-mode .project-agreement-status-not-set {
  border-color: rgba(148, 163, 184, 0.38) !important;
  background: rgba(71, 85, 105, 0.28) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

/* Contact initials: stop the light avatar surface leaking into dark mode */
body.settlelink-dark-mode.settlelink-builder-open .contacts-card .contacts-avatar {
  background:
    radial-gradient(circle at 28% 18%, rgba(96, 165, 250, 0.24), transparent 42%),
    linear-gradient(145deg, #172554, #0f1f3d) !important;
  border-color: rgba(96, 165, 250, 0.46) !important;
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(2, 6, 23, 0.34) !important;
}

/* The live status key is payment-setup-ready; keep it green in both themes */
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-payment-setup-ready,
body:not(.settlelink-dark-mode).settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payment-setup-ready {
  border: 1.5px solid #34d399 !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  box-shadow: 0 8px 18px rgba(16, 185, 129, 0.12) !important;
}

body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-payment-setup-ready,
body.settlelink-dark-mode.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payment-setup-ready {
  border: 1.5px solid rgba(52, 211, 153, 0.68) !important;
  background: rgba(6, 95, 70, 0.38) !important;
  color: #a7f3d0 !important;
  -webkit-text-fill-color: #a7f3d0 !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .project-agreement-page *,
  .contacts-card .contacts-avatar,
  .invoice-contact-payout-payment-setup-ready {
    transition: none !important;
  }
}

/* Contact business details: plain fields have no leading icons, and setup help must not cover them. */
body.settlelink-builder-open .contact-profile-grid .contacts-text-input {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.contact-profile-label-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.contact-profile-required-cue {
  flex: 0 0 auto;
  padding: 3px 8px;
  border: 1px solid #f3b3ab;
  border-radius: 999px;
  background: #fff1ef;
  color: #9f2d20;
  -webkit-text-fill-color: #9f2d20;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
}

.contact-profile-required-cue[hidden] {
  display: none !important;
}

.contact-profile-grid :is(input, select, textarea)[aria-invalid="true"] {
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.14) !important;
}

body.settlelink-dark-mode .contact-profile-required-cue {
  border-color: rgba(251, 113, 133, 0.58);
  background: rgba(127, 29, 29, 0.34);
  color: #fecdd3;
  -webkit-text-fill-color: #fecdd3;
}

body:has(.contacts-page-shell) .builder-setup-helper,
body.settlelink-builder-open:has(.contacts-page-shell) .builder-setup-helper {
  position: relative !important;
  inset: auto !important;
  width: min(420px, calc(100% - 32px)) !important;
  max-width: calc(100% - 32px) !important;
  margin: 20px auto calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  transform: none !important;
  z-index: 1 !important;
}

body:has(.contacts-page-shell) .builder-setup-helper.is-open,
body.settlelink-builder-open:has(.contacts-page-shell) .builder-setup-helper.is-open {
  animation: none !important;
}

body:has(.receipt-hero-card) .builder-setup-helper,
body.settlelink-builder-open:has(.receipt-hero-card) .builder-setup-helper,
body:has(.sl-builder-paid-summary-page) .builder-setup-helper,
body.settlelink-builder-open:has(.sl-builder-paid-summary-page) .builder-setup-helper,
body:has(.payment-details-page) .builder-setup-helper,
body.settlelink-builder-open:has(.payment-details-page) .builder-setup-helper {
  position: relative !important;
  inset: auto !important;
  width: min(420px, calc(100% - 32px)) !important;
  max-width: calc(100% - 32px) !important;
  margin: 20px auto calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  transform: none !important;
  z-index: 1 !important;
}

body:has(.receipt-hero-card) .builder-setup-helper.is-open,
body.settlelink-builder-open:has(.receipt-hero-card) .builder-setup-helper.is-open,
body:has(.sl-builder-paid-summary-page) .builder-setup-helper.is-open,
body.settlelink-builder-open:has(.sl-builder-paid-summary-page) .builder-setup-helper.is-open,
body:has(.payment-details-page) .builder-setup-helper.is-open,
body.settlelink-builder-open:has(.payment-details-page) .builder-setup-helper.is-open {
  animation: none !important;
}
/* Invoice/contact review bundle: readable fields, stable nested panels and compact totals. */
.contact-sms-delivery-status {
  grid-column: 1 / -1;
  width: 100%;
  margin: 4px 0 0;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 12px;
  background: #fff7f7;
  color: #b42318;
  font-size: 0.84rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.contact-sms-preview-required {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #cbdaf7;
  border-radius: 14px;
  background: #f5f8ff;
}

.contact-sms-preview-required p {
  margin: 6px 0 0;
  white-space: pre-line;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item > span,
.sl-builder-contact-summary-panel .invoice-contact-card-item > strong {
  grid-column: 2;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.sl-builder-contact-summary-panel .invoice-contact-card-item > .invoice-contact-card-item-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
}

input::placeholder,
textarea::placeholder {
  color: #7b879e;
  opacity: 0.72;
}

select.text-input:required:invalid {
  color: #7b879e;
  opacity: 0.88;
}

select.text-input option {
  color: #14213d;
  opacity: 1;
}

.payment-recipient-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.trade-invoice-mode-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 18px;
}

.trade-invoice-mode-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 104px;
  padding: 14px;
  border: 1px solid #cbdaf7;
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
}

.trade-invoice-mode-card:has(input:checked) {
  border-color: #2f67f6;
  box-shadow: 0 0 0 3px rgba(47, 103, 246, 0.12);
}

.trade-invoice-mode-card input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex: 0 0 auto;
}

.trade-invoice-mode-card span,
.trade-invoice-mode-card small {
  display: block;
}

.trade-invoice-mode-card small {
  margin-top: 5px;
  color: #66728a;
  line-height: 1.35;
}

.trade-invoice-mode-card.is-disabled {
  opacity: 0.58;
  cursor: not-allowed;
}

[data-trade-invoice-upload-only][hidden] {
  display: none !important;
}

body.settlelink-dark-mode .contact-sms-delivery-status {
  border-color: #7f1d1d;
  background: #2c171b;
  color: #fecaca;
}

body.settlelink-dark-mode .contact-sms-delivery-status.success {
  border-color: #166534;
  background: #10271f;
  color: #86efac;
}

body.settlelink-dark-mode .contact-sms-preview-required {
  border-color: #3d527c;
  background: #17233d;
}

body.settlelink-dark-mode input::placeholder,
body.settlelink-dark-mode textarea::placeholder,
body.settlelink-dark-mode select.text-input:required:invalid {
  color: #aab6cc;
  opacity: 0.72;
}

body.settlelink-dark-mode select.text-input option {
  color: #f5f7fb;
  background: #182237;
}

body.settlelink-dark-mode .trade-invoice-mode-card {
  border-color: #3d527c;
  background: #17233d;
}

body.settlelink-dark-mode .trade-invoice-mode-card small {
  color: #b7c2d6;
}

@media (max-width: 640px) {
  .trade-invoice-mode-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 900px) {
  .sl-builder-summary-grid {
    align-items: start !important;
  }

  .sl-builder-total-card {
    min-height: 0 !important;
    align-self: start;
    padding: 24px !important;
  }

  .payment-hero-top {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    gap: 16px !important;
  }

  .payment-hero-top::before {
    display: none !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    padding: 24px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card .payment-hero-top {
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(130px, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 22px !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card .payment-hero-top::before {
    display: none !important;
  }

  body.settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card .payment-hero-amount {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: clamp(32px, 2vw, 36px) !important;
    letter-spacing: -0.055em !important;
  }

  body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card .panel-title,
  body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card .payment-hero-amount {
    color: #102248 !important;
    -webkit-text-fill-color: #102248 !important;
    text-shadow: none !important;
  }

  body:not(.settlelink-dark-mode).settlelink-builder-open .sl-builder-paid-summary-page .payment-hero-card.sl-builder-total-card .muted-text {
    color: #5872a4 !important;
    -webkit-text-fill-color: #5872a4 !important;
  }
}

/* Final recipient, supplier and invoice-check polish. */
.app-toast.error { border-color: #ef4444; background: #fff1f2; color: #991b1b; }
.app-toast.error .app-toast-dot { background: #dc2626; }
body.settlelink-dark-mode .app-toast.error { border-color: #f87171; background: #3f1118; color: #fecdd3; }

.marketing-footer-whatsapp-icon { overflow: hidden; }
.marketing-footer-whatsapp-icon img { display: block; width: 18px; height: 18px; object-fit: contain; }
.marketing-process-step .how-step-link,
.marketing-process-panel + .notice-box .how-step-link {
  position: static !important;
  display: inline-flex;
  width: auto;
  max-width: 100%;
  margin-top: 12px;
  white-space: normal;
}

.invoice-recipient-picker {
  grid-column: 1 / -1;
  padding: 16px;
  border: 1px solid #cfe0ff;
  border-radius: 18px;
  background: linear-gradient(145deg, #f8fbff, #ffffff);
}
.invoice-recipient-picker-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 14px;
  align-items: end;
  margin-bottom: 14px;
}
.invoice-recipient-picker-head h4, .invoice-recipient-picker-head p { margin: 0; }
.invoice-recipient-picker-head p { margin-top: 4px; color: #65769b; }
.invoice-recipient-picker-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; }
.invoice-recipient-choice {
  width: 100%; min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px; align-items: center; padding: 11px; border: 1px solid #d4e1f7;
  border-radius: 14px; background: #ffffff; color: #14274a; text-align: left;
  cursor: pointer; transition: 160ms ease;
}
.invoice-recipient-choice[hidden] { display: none !important; }
.invoice-recipient-choice:hover, .invoice-recipient-choice:focus-visible {
  border-color: #2f66f3; box-shadow: 0 8px 22px rgba(47, 102, 243, 0.13); outline: none;
}
.invoice-recipient-choice.is-selected { border-color: #2f66f3; background: #edf4ff; box-shadow: inset 0 0 0 1px #2f66f3; }
.invoice-recipient-choice-avatar {
  width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%;
  background: #e9f1ff; color: #2f66f3; font-weight: 900;
}
.invoice-recipient-choice-copy, .invoice-recipient-choice-copy strong, .invoice-recipient-choice-copy small { min-width: 0; display: block; }
.invoice-recipient-choice-copy strong, .invoice-recipient-choice-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.invoice-recipient-choice-copy small { margin-top: 3px; color: #71809f; }
.invoice-recipient-choice-type {
  padding: 5px 8px; border-radius: 999px; background: #edf4ff; color: #2558c8;
  font-size: 0.72rem; font-weight: 800; white-space: nowrap;
}
.invoice-recipient-pagination {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}
.invoice-recipient-pagination[hidden] { display: none !important; }
.invoice-recipient-pagination .secondary-btn { min-width: 96px; }
.invoice-recipient-pagination span {
  min-width: 0;
  color: #526789;
  font-size: 0.82rem;
  font-weight: 800;
  text-align: center;
}
.supplier-readonly-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.supplier-readonly-details > div { padding: 12px; border: 1px solid #dce6f7; border-radius: 12px; background: #f8fbff; }
.supplier-readonly-details span, .supplier-readonly-details strong, .invoice-contact-money-detail small { display: block; }
.supplier-readonly-details span, .invoice-contact-money-detail small { color: #71809f; font-size: 0.78rem; }
.invoice-contact-support-links a { color: #2f66f3; font-weight: 800; }

.payment-details-page .payment-pack-status.info { border-color: #91b8ff; background: #eaf2ff; color: #194ba8; }
body:not(.settlelink-dark-mode).settlelink-builder-open .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-not-verified,
body:not(.settlelink-dark-mode).settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified {
  border-color: #cbd5e1 !important; background: #f1f5f9 !important; color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
.trade-invoice-upload-page .text-input.input-error, .trade-invoice-upload-page .checkbox-row.has-error {
  border-color: #dc2626 !important; box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.14) !important;
}
.trade-invoice-upload-page .checkbox-row.has-error,
.trade-invoice-upload-page .checkbox-row.has-error span,
.trade-invoice-upload-page .form-error-text { color: #b91c1c !important; }

body.settlelink-dark-mode .invoice-recipient-picker,
body.settlelink-dark-mode .invoice-recipient-choice,
body.settlelink-dark-mode .supplier-readonly-details > div { border-color: #334764; background: #101d31; color: #f3f7ff; }
body.settlelink-dark-mode .invoice-recipient-picker-head h4,
body.settlelink-dark-mode .invoice-recipient-choice-copy strong {
  color: #f3f7ff;
  -webkit-text-fill-color: #f3f7ff;
}
body.settlelink-dark-mode .invoice-recipient-picker .text-input {
  border-color: #415a7d;
  background: #0b1729;
  color: #f3f7ff;
  -webkit-text-fill-color: #f3f7ff;
}
body.settlelink-dark-mode .invoice-recipient-picker .text-input::placeholder {
  color: #9fb0cf;
  -webkit-text-fill-color: #9fb0cf;
  opacity: 0.9;
}
body.settlelink-dark-mode .invoice-recipient-choice-avatar {
  background: #1d3455;
  color: #9fc3ff;
  -webkit-text-fill-color: #9fc3ff;
}
body.settlelink-dark-mode .invoice-recipient-choice-type {
  background: #203a62;
  color: #dbeafe;
  -webkit-text-fill-color: #dbeafe;
}
body.settlelink-dark-mode .invoice-recipient-choice.is-selected {
  border-color: #72a7ff; background: #172b4a; box-shadow: inset 0 0 0 1px #72a7ff;
}
body.settlelink-dark-mode .invoice-recipient-picker-head p,
body.settlelink-dark-mode .invoice-recipient-choice-copy small,
body.settlelink-dark-mode .supplier-readonly-details span,
body.settlelink-dark-mode .invoice-contact-money-detail small { color: #b8c7e1; }
body.settlelink-dark-mode .invoice-recipient-pagination span { color: #c2d0e8; }
body.settlelink-dark-mode .payment-details-page .payment-pack-status.info {
  border-color: #72a7ff; background: #163563; color: #ffffff;
}
body.settlelink-dark-mode.settlelink-builder-open .invoice-contact-payout-not-verified,
body.settlelink-dark-mode.settlelink-builder-open .contacts-card-status-wrap .invoice-contact-payout-not-verified,
body.settlelink-dark-mode.settlelink-builder-open span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-not-verified {
  border-color: #64748b !important; background: #1e293b !important; color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
body.settlelink-dark-mode .trade-invoice-upload-page .text-input.input-error,
body.settlelink-dark-mode .trade-invoice-upload-page .checkbox-row.has-error {
  border-color: #fb7185 !important; box-shadow: 0 0 0 2px rgba(251, 113, 133, 0.2) !important;
}
body.settlelink-dark-mode .trade-invoice-upload-page .checkbox-row.has-error,
body.settlelink-dark-mode .trade-invoice-upload-page .checkbox-row.has-error span,
body.settlelink-dark-mode .trade-invoice-upload-page .form-error-text { color: #fecdd3 !important; }

/* Keep the payment-location explanation in the content column on narrow screens. */
.sl-builder-contact-summary-panel .invoice-contact-card-item.invoice-contact-money-detail {
  grid-template-columns: 42px minmax(0, 1fr) !important;
}
body.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item.invoice-contact-money-detail::before {
  content: "£" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-image: none !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}
body.settlelink-dark-mode.settlelink-builder-open .sl-builder-contact-summary-panel .invoice-contact-card-grid > .invoice-contact-card-item.invoice-contact-money-detail::before {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

/* One clean pending clock: remove the older double-ring character treatment. */
body.settlelink-dark-mode.settlelink-builder-open .sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before,
body.settlelink-builder-open .sl-builder-contact-summary-panel span.invoice-contact-badge.invoice-contact-payout-badge.invoice-contact-payout-payout-in-progress::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='black' stroke-width='2.4'/%3E%3Cpath d='M12 7.5V12L15.4 14' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='black' stroke-width='2.4'/%3E%3Cpath d='M12 7.5V12L15.4 14' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.sl-builder-contact-summary-panel .invoice-contact-money-detail > span,
.sl-builder-contact-summary-panel .invoice-contact-money-detail > strong,
.sl-builder-contact-summary-panel .invoice-contact-money-detail > small {
  grid-column: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
.sl-builder-contact-summary-panel .invoice-contact-money-detail > small {
  line-height: 1.45 !important;
  margin-top: 6px !important;
}

.builder-own-invoice-card .checkbox-row.has-error {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.14) !important;
}
.builder-own-invoice-card .checkbox-row.has-error span,
.builder-own-invoice-card .form-error-text {
  color: #b91c1c !important;
}
.trade-invoice-document-actions {
  margin-top: 14px;
}
.trade-invoice-document-actions > a {
  text-decoration: none;
}
body.settlelink-dark-mode .builder-own-invoice-card .checkbox-row.has-error {
  border-color: #fb7185 !important;
  box-shadow: 0 0 0 2px rgba(251, 113, 133, 0.2) !important;
}
body.settlelink-dark-mode .builder-own-invoice-card .checkbox-row.has-error span,
body.settlelink-dark-mode .builder-own-invoice-card .form-error-text {
  color: #fecdd3 !important;
}

/* Required reusable business identity for automatic invoices. */
.form-grid-wide { grid-column: 1 / -1; }
.form-panel .field-group[hidden] { display: none !important; }
.business-invoice-profile-gate {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 18px;
  overflow-y: auto;
  background: rgba(8, 20, 43, 0.78);
  backdrop-filter: blur(10px);
}
.business-invoice-profile-card {
  width: min(760px, 100%);
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid #cfe0ff;
  border-radius: 24px;
  background: #fff;
  color: #102244;
  box-shadow: 0 30px 90px rgba(8, 27, 63, 0.32);
}
.business-invoice-profile-card h1 { margin: 4px 0 8px; }
.business-invoice-profile-card form { margin-top: 18px; }
.business-invoice-profile-card [hidden] { display: none !important; }
.business-invoice-profile-card .form-error-text { min-height: 0; color: #b91c1c; font-weight: 750; }
.business-invoice-profile-card .form-error-text:empty { display: none; }
.business-invoice-profile-card .primary-btn { width: 100%; margin-top: 18px; }
body.business-invoice-profile-gate-open { overflow: hidden; }
body.settlelink-dark-mode .business-invoice-profile-card {
  border-color: #36517a;
  background: #101d33;
  color: #f5f8ff;
}
body.settlelink-dark-mode .business-invoice-profile-card .form-error-text { color: #fecaca; }
@media (max-width: 620px) {
  .business-invoice-profile-gate { padding: 0; place-items: stretch; }
  .business-invoice-profile-card { max-height: 100vh; min-height: 100vh; border: 0; border-radius: 0; padding: 22px 16px 38px; }
  .form-grid-wide { grid-column: auto; }
}

@media (max-width: 720px) {
  .invoice-recipient-picker-head, .invoice-recipient-picker-grid { grid-template-columns: 1fr; }
  .invoice-recipient-choice { grid-template-columns: 38px minmax(0, 1fr); }
  .invoice-recipient-choice-type { grid-column: 2; justify-self: start; }
  .invoice-recipient-pagination { grid-template-columns: 1fr 1fr; }
  .invoice-recipient-pagination span { grid-column: 1 / -1; grid-row: 1; }
}
.sl-client-payment-send-card #clientPaymentReadinessAction:not([hidden]) {
  display: inline-flex;
  margin-top: 12px;
  white-space: normal;
}

@media (max-width: 600px) {
  body.settlelink-builder-open .receipts-hero-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.settlelink-builder-open .receipts-hero-copy {
    width: 100%;
    max-width: none;
  }
  body.settlelink-builder-open .receipts-hero-icon {
    display: none !important;
  }
}

.sl-client-payment-send-card {
  display: grid;
  gap: 14px;
}

.sl-client-payment-send-actions {
  display: grid;
  gap: 9px;
  max-width: 520px;
}

.sl-client-payment-send-actions .primary-btn,
.sl-client-payment-send-actions .secondary-btn {
  width: 100%;
  min-width: 0;
}

.sl-client-payment-send-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.sl-client-payment-channel {
  border: 1px solid var(--border, #dbe5f5);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--muted-text, #60708d);
  overflow-wrap: anywhere;
}

.sl-client-payment-channel.is-accepted {
  border-color: #1abf8a;
  color: #087957;
}

.sl-client-payment-channel.is-failed {
  border-color: #e35268;
  color: #b4233b;
}

body.dark-mode .sl-client-payment-channel.is-accepted,
html[data-theme="dark"] .sl-client-payment-channel.is-accepted {
  color: #7ff0ca;
}

body.dark-mode .sl-client-payment-channel.is-failed,
html[data-theme="dark"] .sl-client-payment-channel.is-failed {
  color: #ff9cac;
}
/* Payment summary confirmation is a positive completion action. */
#settlelinkAppModal .payment-finish-confirm {
  background: #15803d;
  border-color: #15803d;
  color: #fff;
}
#settlelinkAppModal .payment-finish-confirm:hover {
  background: #166534;
  border-color: #166534;
}

/* Financial receipts use a compact, centred document icon. */
body #app .receipts-folder-icon.receipts-document-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  align-self: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  flex: 0 0 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #334155 !important;
  -webkit-text-fill-color: currentColor !important;
}
body.settlelink-dark-mode #app .receipts-folder-icon.receipts-document-icon { color: #cbd5e1 !important; }
body #app .receipts-folder-icon.receipts-document-icon::before,
body #app .receipts-folder-icon.receipts-document-icon::after { display: none !important; }

/* Status is separate from the paid-only progress width. */
body #app .dashboard-project-progress-note {
  display: flex;
  align-items: center;
  gap: 10px;
  --project-status-dot: #64748b;
}
body #app .dashboard-project-progress-note.is-active { --project-status-dot: #2563eb; }
body #app .dashboard-project-progress-note.is-awaiting { --project-status-dot: #b45309; }
body #app .dashboard-project-progress-note.is-overdue { --project-status-dot: #dc2626; }
body #app .dashboard-project-progress-note.is-complete { --project-status-dot: #15803d; }
body.settlelink-dark-mode #app .dashboard-project-progress-note { --project-status-dot: #94a3b8; }
body.settlelink-dark-mode #app .dashboard-project-progress-note.is-active { --project-status-dot: #60a5fa; }
body.settlelink-dark-mode #app .dashboard-project-progress-note.is-awaiting { --project-status-dot: #fbbf24; }
body.settlelink-dark-mode #app .dashboard-project-progress-note.is-overdue { --project-status-dot: #f87171; }
body.settlelink-dark-mode #app .dashboard-project-progress-note.is-complete { --project-status-dot: #4ade80; }
body #app .dashboard-project-progress-note::before {
  content: "";
  display: inline-block;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  background: var(--project-status-dot) !important;
  box-shadow: none !important;
}

#app .contact-profile-details > summary {
  display: block;
  background: transparent !important;
  text-align: left;
}
#app .contact-profile-details > summary span {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}
#app .contact-profile-details > summary:focus-visible { outline: 2px solid #2563eb; outline-offset: -3px; }
#app .contact-profile-details .contact-disclosure-hide,
#app .contact-profile-details[open] .contact-disclosure-show { display: none; }
#app .contact-profile-details[open] .contact-disclosure-hide { display: inline; }
#app .contact-profile-details[open] > :not(summary) { animation: contact-details-reveal 160ms ease-out; }
#app .onboarding-brand { text-align: center; margin: 0 auto 24px; padding: 16px; max-width: 280px; border-radius: 16px; background: #fff; border: 1px solid #cbd5e1; }
#app .onboarding-brand img { display: block; width: 100%; height: auto; margin: auto; }
#app .onboarding-brand .onboarding-logo-dark { display: none; }
body.settlelink-dark-mode #app .onboarding-brand { background: #0f172a; border-color: #475569; }
body.settlelink-dark-mode #app .onboarding-brand .onboarding-logo-light { display: none; }
body.settlelink-dark-mode #app .onboarding-brand .onboarding-logo-dark { display: block; }
body.settlelink-dark-mode #app .onboarding-panel { background: #0f172a; color: #e2e8f0; border-color: #475569; }
body.settlelink-dark-mode #app .onboarding-panel p,
body.settlelink-dark-mode #app .onboarding-panel label { color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; }
body.settlelink-dark-mode #app .onboarding-panel select { background: #1e293b; color: #f8fafc; -webkit-text-fill-color: #f8fafc; border-color: #64748b; color-scheme: dark; }
body.settlelink-dark-mode #app #languagePreferenceError { color: #fca5a5; -webkit-text-fill-color: #fca5a5; }
@keyframes contact-details-reveal { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
#app .contacts-details-inner:has(.contacts-edit-panel[data-open="true"]) > .contacts-view-delete-action { display: none; }
body.settlelink-builder-open #app .status-chip.registered,
body.settlelink-builder-open #app .invoice-contact-badge-registered {
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
  background: #dcfce7 !important;
  border-color: #15803d !important;
}
body.settlelink-dark-mode.settlelink-builder-open #app .status-chip.registered,
body.settlelink-dark-mode.settlelink-builder-open #app .invoice-contact-badge-registered {
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
  background: #14532d !important;
  border-color: #4ade80 !important;
}
@media (prefers-reduced-motion: reduce) {
  #app .contact-profile-details[open] > :not(summary) { animation: none; }
  #app .contacts-details-panel, #app .contacts-edit-panel { transition: none !important; }
}
/* Secondary receipt text needs a readable light-theme contrast. */
body.settlelink-builder-open:not(.settlelink-dark-mode) #app .receipts-page-shell .muted-text,
body.settlelink-builder-open:not(.settlelink-dark-mode) #app .receipts-sort-field label {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
/* Receipt references must remain readable, including long imported references. */
body.settlelink-builder-open #app .receipt-list-main .receipt-ref-pill {
  display: block !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  line-height: 1.4 !important;
}
/* Photo previews use a dark overlay in every app theme. */
body .project-photo-viewer-overlay .project-photo-viewer-caption strong {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
/* Claude r9e dashboard presentation. All page styles are scoped to this dashboard.
   Shell/marketing rules are deliberately owned by later integration slices. */
@font-face { font-family: "SLH Sora"; src: url("/assets/sora-latin-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "SLH Sora"; src: url("/assets/sora-latin-800.woff2") format("woff2"); font-weight: 800; font-display: swap; }
.slh-db[data-slh-db] {
  --bg: #f3f7ff;
  --bg-2: #e6eeff;
  --ink: #0a1430;            
  --ink-2: #3d4b68;          
  --ink-3: #5a6884;          
  --blue: #1d4ed8;           
  --blue-bright: #3b82f6;
  --cyan: #0891b2;
  --lime: #a3e635;
  --lime-2: #4ade80;
  --lime-ink: #052e12;       
  --lime-edge: #4d7c0f;
  --card: rgba(255, 255, 255, 0.82);
  --card-solid: #ffffff;
  --card-edge: rgba(29, 78, 216, 0.16);
  --glow: rgba(59, 130, 246, 0.28);
  --glow-lime: rgba(132, 204, 22, 0.35);
  --bp: rgba(29, 78, 216, 0.34);
  --bp-grid: rgba(29, 78, 216, 0.07);
  --window: rgba(59, 130, 246, 0.12);
  --window-glow: rgba(59, 130, 246, 0.0);
  --screen-bg: linear-gradient(160deg, #ffffff 0%, #eef3ff 100%);
  --screen-side: #f2f6ff;
  --row-bg: #ffffff;
  --focus: #1d4ed8;
  --shadow-lg: 0 30px 80px -20px rgba(15, 35, 95, 0.35);
  --font-display: "SLH Sora", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --gutter: 16px;

 --ac: var(--lime-edge); min-width: 0; grid-template-columns: minmax(0, 1fr); background: var(--bg); }
body.settlelink-dark-mode .slh-db[data-slh-db] {
  --bg: #040a18;
  --bg-2: #0a1530;
  --ink: #f2f6ff;            
  --ink-2: #b3c0dc;          
  --ink-3: #8c9bbb;          
  --blue: #60a5fa;           
  --blue-bright: #3b82f6;
  --cyan: #38bdf8;
  --card: rgba(12, 24, 52, 0.72);
  --card-solid: #0c1834;
  --card-edge: rgba(96, 165, 250, 0.26);
  --glow: rgba(59, 130, 246, 0.55);
  --glow-lime: rgba(163, 230, 53, 0.5);
  --bp: rgba(96, 165, 250, 0.55);
  --bp-grid: rgba(96, 165, 250, 0.07);
  --window: rgba(251, 191, 36, 0.26);
  --window-glow: rgba(251, 191, 36, 0.45);
  --screen-bg: linear-gradient(160deg, #0d1a3a 0%, #081128 100%);
  --screen-side: #0a1430;
  --row-bg: #0e1b3d;
  --focus: #93c5fd;
  --shadow-lg: 0 40px 100px -20px rgba(0, 0, 0, 0.7);

 --ac: var(--lime); }
.slh-db[data-slh-db] *, .slh-db[data-slh-db] *::before, .slh-db[data-slh-db] *::after { box-sizing: border-box; }
.slh-db[data-slh-db] .slh-i { width: 22px; height: 22px; flex: none; }
.slh-db[data-slh-db] .slh-i .ac { stroke: var(--ac); }
.slh-db[data-slh-db] .slh-i .acf { fill: var(--ac); stroke: none; }
body .slh-db[data-slh-db] :is(p, span, small, strong, label, li, b, em, h1, h2, h3, a, button, dt, dd) { color: var(--slh-c, inherit) !important; -webkit-text-fill-color: currentColor !important; }
.slh-db[data-slh-db] {
  --gutter: 16px;
  display: grid;
  gap: 18px;
  padding: 18px 0 calc(110px + env(safe-area-inset-bottom, 0px));
  font-family: var(--font-body);
  color: var(--ink); --slh-c: var(--ink);
}
.slh-db[data-slh-db] h1,
.slh-db[data-slh-db] h2,
.slh-db[data-slh-db] h3,
.slh-db[data-slh-db] p,
.slh-db[data-slh-db] dl,
.slh-db[data-slh-db] dd { margin: 0; }
.slh-db[data-slh-db] .slh-db-head { padding: 4px 2px 0; background: none !important; border: 0 !important; box-shadow: none !important; }
.slh-db[data-slh-db] .slh-db-kicker { display: inline-flex; align-items: center; gap: 8px; font: 600 0.8rem var(--font-display); letter-spacing: 0.04em; color: var(--blue); --slh-c: var(--blue); }
.slh-db[data-slh-db] .slh-db-kicker .slh-i { width: 18px; height: 18px; }
.slh-db[data-slh-db] .slh-db-head h1 {
  margin-top: 8px;
  font: 800 clamp(1.9rem, 8.4vw, 2.8rem)/1.05 var(--font-display);
  letter-spacing: -0.04em;
  color: var(--ink); --slh-c: var(--ink);
}
.slh-db[data-slh-db] .slh-db-head h1 span { color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-lede { margin-top: 8px !important; color: var(--ink-2); --slh-c: var(--ink-2); font-size: 1rem; max-width: 46ch; }
.slh-db[data-slh-db] .slh-db-overview {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 78%);
  gap: 10px;
  margin: 0 calc(var(--gutter) * -1);
  padding: 2px var(--gutter) 6px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 var(--gutter);
  scrollbar-width: none;
}
.slh-db[data-slh-db] .slh-db-overview::-webkit-scrollbar { display: none; }
.slh-db[data-slh-db] .slh-db-stat {
  scroll-snap-align: start;
  position: relative;
  display: grid;
  gap: 4px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  overflow: hidden;
}
.slh-db[data-slh-db] .slh-db-stat-ic { width: 40px; height: 40px; margin-bottom: 6px; border-radius: 12px; display: grid; place-items: center; color: var(--ink); --slh-c: var(--ink); box-shadow: inset 0 0 0 1px var(--card-edge); }
.slh-db[data-slh-db] .slh-db-stat-ic .slh-i { width: 21px; height: 21px; }
.slh-db[data-slh-db] .slh-db-stat p { font: 600 0.82rem var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-stat strong { font: 800 1.45rem/1.15 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; }
.slh-db[data-slh-db] .slh-db-stat small { font-size: 0.82rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-stat-owed {
  background: linear-gradient(var(--card-solid), var(--card-solid)) padding-box, linear-gradient(130deg, var(--lime), var(--blue-bright) 60%, var(--cyan)) border-box;
  border: 1.5px solid transparent;
}
.slh-db[data-slh-db] .slh-db-stat-owed::after {
  content: "";
  position: absolute;
  right: -40px; top: -40px;
  width: 140px; height: 140px;
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--glow), transparent);
  pointer-events: none;
}
.slh-db[data-slh-db] .slh-db-stat-attention.has-items .slh-db-stat-ic { color: #b45309; --slh-c: #b45309; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f59e0b 50%, transparent); background: color-mix(in srgb, #f59e0b 10%, transparent); }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-stat-attention.has-items .slh-db-stat-ic { color: #fbbf24; --slh-c: #fbbf24; }
.slh-db[data-slh-db] .slh-db-stat-attention:not(.has-items) .slh-db-stat-ic { color: var(--ac); --slh-c: var(--ac); }
.slh-db[data-slh-db] [data-settlelink-help-card] {
  margin: 0 !important;
  border-radius: 22px !important;
  border: 1px solid var(--card-edge) !important;
  background: var(--card) !important;
  box-shadow: none !important;
}
.slh-db[data-slh-db] .slh-db-projects { display: grid; gap: 12px; background: none !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
.slh-db[data-slh-db] .slh-db-projects-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.slh-db[data-slh-db] .slh-db-projects-head h2 { display: inline-flex; align-items: center; gap: 10px; font: 800 1.45rem var(--font-display); letter-spacing: -0.03em; color: var(--ink); --slh-c: var(--ink); }
.slh-db[data-slh-db] .slh-db-count { min-width: 30px; height: 28px; padding: 0 8px; border-radius: 9px; display: inline-grid; place-items: center; font: 800 0.85rem var(--font-display); color: var(--blue); --slh-c: var(--blue); box-shadow: inset 0 0 0 1px var(--card-edge); }
.slh-db[data-slh-db] .slh-db-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1.5px solid transparent;
  font: 600 0.95rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), box-shadow 200ms, border-color 200ms;
}
.slh-db[data-slh-db] .slh-db-btn:active { transform: scale(0.96); }
.slh-db[data-slh-db] .slh-db-btn .slh-i { width: 19px; height: 19px; }
.slh-db[data-slh-db] .slh-db-btn-primary { background: linear-gradient(100deg, var(--lime), var(--lime-2)); border-color: var(--lime-edge); color: var(--lime-ink); --slh-c: var(--lime-ink); box-shadow: 0 10px 26px -12px var(--glow-lime); }
.slh-db[data-slh-db] .slh-db-btn-primary .slh-i .ac { stroke: currentColor; }
.slh-db[data-slh-db] .slh-db-btn-ghost { background: var(--card); border-color: var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-db[data-slh-db] .slh-db-btn-ghost .slh-i { color: var(--blue); --slh-c: var(--blue); }
.slh-db[data-slh-db] .slh-db-grid { display: grid; gap: 12px; }
.slh-db[data-slh-db] .slh-db-card {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  box-shadow: 0 18px 40px -34px rgba(15, 35, 95, 0.6);
  animation: slh-db-in 520ms var(--ease-out) both;
  animation-delay: calc(var(--i) * 60ms);
}
.slh-db[data-slh-db] .slh-db-card.is-overdue { border-color: color-mix(in srgb, #ef4444 35%, var(--card-edge)); }
.slh-db[data-slh-db] .slh-db-card-top { display: grid; grid-template-columns: 46px 1fr 44px; gap: 12px; align-items: center; }
.slh-db[data-slh-db] .slh-db-avatar {
  width: 46px; height: 46px;
  border-radius: 14px;
  display: grid; place-items: center;
  font: 800 0.95rem var(--font-display);
  letter-spacing: 0.02em;
  color: var(--ink); --slh-c: var(--ink);
  background: linear-gradient(var(--card-solid), var(--card-solid)) padding-box, linear-gradient(140deg, var(--lime), var(--blue-bright)) border-box;
  border: 1.5px solid transparent;
}
.slh-db[data-slh-db] .slh-db-card-title { min-width: 0; }
.slh-db[data-slh-db] .slh-db-card-title h3 { font: 800 1.08rem/1.25 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); overflow-wrap: anywhere; }
.slh-db[data-slh-db] .slh-db-meta { margin-top: 2px !important; font-size: 0.82rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-menu-wrap { position: relative; justify-self: end; }
.slh-db[data-slh-db] .slh-db-menu-btn {
  width: 44px; height: 44px;
  border-radius: 14px;
  display: grid; place-items: center;
  border: 1px solid var(--card-edge);
  background: transparent;
  color: var(--ink-2); --slh-c: var(--ink-2);
  cursor: pointer;
}
.slh-db[data-slh-db] .slh-db-menu-btn .slh-i { width: 20px; height: 20px; }
.slh-db[data-slh-db] .slh-db-menu {
  position: absolute !important;
  right: 0; top: calc(100% + 6px);
  z-index: 20;
  min-width: 240px;
  display: grid !important;
  gap: 2px;
  padding: 6px !important;
  border-radius: 18px !important;
  border: 1px solid var(--card-edge) !important;
  background: var(--card-solid) !important;
  box-shadow: 0 24px 50px -20px rgba(15, 35, 95, 0.55) !important;
  transform-origin: top right;
  animation: slh-db-pop 180ms var(--ease-out);
}
.slh-db[data-slh-db] .slh-db-menu[hidden] { display: none !important; }
.slh-db[data-slh-db] .slh-db-menu-item {
  display: flex !important; align-items: center; gap: 10px;
  min-height: 46px;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  text-align: left;
  font: 600 0.92rem var(--font-display) !important;
  color: var(--ink) !important; --slh-c: var(--ink);
  cursor: pointer;
}
.slh-db[data-slh-db] .slh-db-menu-item:hover,
.slh-db[data-slh-db] .slh-db-menu-item:focus-visible { background: color-mix(in srgb, var(--blue-bright) 10%, transparent) !important; }
.slh-db[data-slh-db] .slh-db-menu-item .slh-i { width: 19px; height: 19px; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-menu-item.is-danger { color: #dc2626 !important; --slh-c: #dc2626; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-menu-item.is-danger { color: #f87171 !important; --slh-c: #f87171; }
.slh-db[data-slh-db] .slh-db-menu-item.is-danger .slh-i { color: currentColor; --slh-c: currentColor; }
.slh-db[data-slh-db] .slh-db-chip {
  justify-self: start;
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 28px;
  padding: 0 10px 0 8px;
  border-radius: 999px;
  font: 600 0.78rem var(--font-display);
  border: 1px solid var(--card-edge);
  color: var(--ink-2); --slh-c: var(--ink-2);
}
.slh-db[data-slh-db] .slh-db-chip .slh-i { width: 15px; height: 15px; stroke-width: 2.2; }
.slh-db[data-slh-db] .slh-db-chip.is-overdue { color: #b91c1c; --slh-c: #b91c1c; background: color-mix(in srgb, #ef4444 10%, transparent); border-color: color-mix(in srgb, #ef4444 40%, transparent); }
.slh-db[data-slh-db] .slh-db-chip.is-awaiting { color: #92400e; --slh-c: #92400e; background: color-mix(in srgb, #f59e0b 12%, transparent); border-color: color-mix(in srgb, #f59e0b 45%, transparent); }
.slh-db[data-slh-db] .slh-db-chip.is-active { color: #1e40af; --slh-c: #1e40af; background: color-mix(in srgb, var(--blue-bright) 10%, transparent); border-color: color-mix(in srgb, var(--blue-bright) 35%, transparent); }
.slh-db[data-slh-db] .slh-db-chip.is-complete { color: #166534; --slh-c: #166534; background: color-mix(in srgb, #22c55e 12%, transparent); border-color: color-mix(in srgb, #22c55e 40%, transparent); }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-chip.is-overdue { color: #fca5a5; --slh-c: #fca5a5; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-chip.is-awaiting { color: #fcd34d; --slh-c: #fcd34d; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-chip.is-active { color: #93c5fd; --slh-c: #93c5fd; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-chip.is-complete { color: #86efac; --slh-c: #86efac; }
.slh-db[data-slh-db] .slh-db-chip .slh-i .ac { stroke: currentColor; }
.slh-db[data-slh-db] .slh-db-money {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 16px;
  border: 1px solid var(--card-edge);
  overflow: hidden;
}
.slh-db[data-slh-db] .slh-db-money div { display: grid; gap: 3px; padding: 10px 10px; min-width: 0; align-content: start; }
.slh-db[data-slh-db] .slh-db-money div + div { border-left: 1px solid var(--card-edge); }
.slh-db[data-slh-db] .slh-db-money dt { font: 600 0.74rem/1.2 var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-money dd { font: 800 clamp(0.86rem, 3.6vw, 1rem)/1.2 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.slh-db[data-slh-db] .slh-db-money dd.is-paid { color: #15803d; --slh-c: #15803d; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-money dd.is-paid { color: #4ade80; --slh-c: #4ade80; }
.slh-db[data-slh-db] .slh-db-card.is-overdue .slh-db-money .is-owed dd { color: #dc2626; --slh-c: #dc2626; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-card.is-overdue .slh-db-money .is-owed dd { color: #f87171; --slh-c: #f87171; }
.slh-db[data-slh-db] .slh-db-progress { display: grid; gap: 8px; }
.slh-db[data-slh-db] .slh-db-track { position: relative; height: 6px; border-radius: 999px; background: color-mix(in srgb, var(--ink) 8%, transparent); overflow: hidden; }
.slh-db[data-slh-db] .slh-db-track i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); min-width: 6px; border-radius: inherit; background: var(--blue-bright); animation: slh-db-grow 900ms var(--ease-out) both; animation-delay: calc(200ms + var(--i, 0) * 60ms); }
.slh-db[data-slh-db] .slh-db-track i.is-overdue { background: #ef4444; }
.slh-db[data-slh-db] .slh-db-track i.is-awaiting { background: #f59e0b; }
.slh-db[data-slh-db] .slh-db-track i.is-complete { background: #22c55e; }
.slh-db[data-slh-db] .slh-db-track i.is-muted { background: color-mix(in srgb, var(--ink) 25%, transparent); }
.slh-db[data-slh-db] .slh-db-note { font-size: 0.86rem; color: var(--ink-2); --slh-c: var(--ink-2); }
.slh-db[data-slh-db] .slh-db-open {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--blue-bright) 35%, var(--card-edge));
  background: color-mix(in srgb, var(--blue-bright) 8%, transparent);
  color: var(--ink); --slh-c: var(--ink);
  font: 700 0.98rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 200ms, transform 140ms var(--ease-out);
}
.slh-db[data-slh-db] .slh-db-open .slh-i { width: 20px; height: 20px; color: var(--blue); --slh-c: var(--blue); transition: transform 200ms var(--ease-out); }
.slh-db[data-slh-db] .slh-db-open:active { transform: scale(0.98); }
@media (hover: hover) and (pointer: fine) {
.slh-db[data-slh-db] .slh-db-open:hover { background: color-mix(in srgb, var(--blue-bright) 14%, transparent); }
.slh-db[data-slh-db] .slh-db-open:hover .slh-i { transform: translateX(4px); }
.slh-db[data-slh-db] .slh-db-card { transition: transform 250ms var(--ease-out), box-shadow 250ms; }
.slh-db[data-slh-db] .slh-db-card:hover { transform: translateY(-2px); box-shadow: 0 24px 50px -30px var(--glow); }
}
.slh-db[data-slh-db] .slh-db-empty { display: grid; justify-items: center; gap: 10px; text-align: center; padding: 32px 20px; border-radius: 24px; border: 1px dashed var(--card-edge); background: var(--card); }
.slh-db[data-slh-db] .slh-db-empty-art { width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-db[data-slh-db] .slh-db-empty-art .slh-i { width: 32px; height: 32px; }
.slh-db[data-slh-db] .slh-db-empty h3 { font: 800 1.2rem var(--font-display); color: var(--ink); --slh-c: var(--ink); }
.slh-db[data-slh-db] .slh-db-empty p { color: var(--ink-2); --slh-c: var(--ink-2); max-width: 36ch; }
.slh-db[data-slh-db] .slh-db-completed {
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: center;
  gap: 12px 14px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid var(--card-edge);
  background: var(--card);
}
.slh-db[data-slh-db] .slh-db-completed-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: var(--ac); --slh-c: var(--ac); box-shadow: inset 0 0 0 1px var(--card-edge); }
.slh-db[data-slh-db] .slh-db-completed h3 { font: 800 1.05rem var(--font-display); color: var(--ink); --slh-c: var(--ink); }
.slh-db[data-slh-db] .slh-db-completed p { font-size: 0.88rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-completed .slh-db-btn { grid-column: 1 / -1; justify-content: space-between; }
.slh-db[data-slh-db] :focus-visible { outline: 3px solid var(--focus) !important; outline-offset: 2px; }
@media (min-width: 600px) {
.slh-db[data-slh-db] .slh-db-overview { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; overflow: visible; }
.slh-db[data-slh-db] .slh-db-completed { grid-template-columns: 46px 1fr auto; }
.slh-db[data-slh-db] .slh-db-completed .slh-db-btn { grid-column: auto; }
}
@media (min-width: 769px) {
.slh-db[data-slh-db] { padding-top: 8px; padding-bottom: 40px; gap: 22px; }
.slh-db[data-slh-db] .slh-db-head h1 { font-size: clamp(2.2rem, 3.6vw, 3rem); }
}
@media (min-width: 1100px) {
.slh-db[data-slh-db] .slh-db-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.slh-db[data-slh-db] .slh-db-card,
.slh-db[data-slh-db] .slh-db-track i,
.slh-db[data-slh-db] .slh-db-menu { animation: none !important; }
}
.slh-db[data-slh-db] [data-settlelink-help-card] { padding: 0 !important; overflow: hidden; }
.slh-db[data-slh-db] [data-settlelink-help-card] > summary {
  padding: 14px 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.slh-db[data-slh-db] [data-settlelink-help-card] :is(h2, h3, strong, p, span, li) { -webkit-text-fill-color: currentColor !important; }
.slh-db[data-slh-db] .non-techy-help-summary { display: grid !important; grid-template-columns: 44px 1fr 36px !important; gap: 12px !important; align-items: center !important; }
.slh-db[data-slh-db] .non-techy-help-icon {
  width: 44px !important; height: 44px !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--lime) 14%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lime) 45%, transparent) !important;
  color: var(--ac) !important; --slh-c: var(--ac);
  font: 800 1.1rem var(--font-display) !important;
  display: grid !important; place-items: center !important;
}
.slh-db[data-slh-db] .non-techy-help-summary-copy * { color: var(--ink) !important; }
.slh-db[data-slh-db] .non-techy-help-summary-copy :is(small, p, span:last-child) { color: var(--ink-2) !important; }
.slh-db[data-slh-db] .non-techy-help-chevron {
  width: 36px !important; height: 36px !important;
  border-radius: 12px !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--card-edge) !important;
  border: 0 !important;
}
.slh-db[data-slh-db] .non-techy-help-body { padding: 0 16px 16px !important; border-top: 1px solid var(--card-edge) !important; background: transparent !important; }
.slh-db[data-slh-db] .non-techy-help-step-number {
  background: transparent !important;
  box-shadow: inset 0 0 0 1px var(--card-edge) !important;
  color: var(--blue) !important;
  font-family: var(--font-display) !important;
}
.slh-db[data-slh-db] .non-techy-help-step * { color: var(--ink-2) !important; }
.slh-db[data-slh-db] .non-techy-help-step :is(strong, h3, h4) { color: var(--ink) !important; }
.slh-db[data-slh-db] .non-techy-help-action {
  border-radius: 999px !important;
  min-height: 44px !important;
  background: var(--card) !important;
  border: 1px solid var(--card-edge) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  font-family: var(--font-display) !important;
}
.slh-db[data-slh-db] .slh-db-money dt { font-size: 0.78rem !important; }
.slh-db[data-slh-db] .non-techy-help-summary-copy > *:first-child { font-size: 0.75rem !important; letter-spacing: 0.08em !important; color: var(--blue) !important; }
.slh-db[data-slh-db] .slh-db-stat { font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 160ms var(--ease-out), border-color 200ms, box-shadow 200ms; }
.slh-db[data-slh-db] .slh-db-stat:active { transform: scale(0.97); }
.slh-db[data-slh-db] .slh-db-stat:disabled { cursor: default; }
.slh-db[data-slh-db] .slh-db-stat-go { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; font: 700 0.85rem var(--font-display); color: var(--blue); --slh-c: var(--blue); }
.slh-db[data-slh-db] .slh-db-stat-go .slh-i { width: 16px; height: 16px; transition: transform 200ms var(--ease-out); }
.slh-db[data-slh-db] .slh-db-stat-attention.has-items { border-color: color-mix(in srgb, #f59e0b 45%, var(--card-edge)); }
.slh-db[data-slh-db] .slh-db-stat-attention.has-items .slh-db-stat-ic { animation: slh-db-nudge 2.6s ease-in-out 1.2s infinite; }
@media (hover: hover) and (pointer: fine) {
.slh-db[data-slh-db] .slh-db-stat.has-items:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -26px var(--glow); }
.slh-db[data-slh-db] .slh-db-stat.has-items:hover .slh-db-stat-go .slh-i { transform: translateX(4px); }
}
.slh-db[data-slh-db] .slh-db-filters {
  display: flex;
  gap: 6px;
  margin: 0 calc(var(--gutter) * -1);
  padding: 2px var(--gutter);
  overflow-x: auto;
  scrollbar-width: none;
}
.slh-db[data-slh-db] .slh-db-filters::-webkit-scrollbar { display: none; }
.slh-db[data-slh-db] .slh-db-filters button {
  flex: none;
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  color: var(--ink-2); --slh-c: var(--ink-2);
  font: 600 0.88rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 200ms, color 200ms, border-color 200ms, transform 140ms var(--ease-out);
}
.slh-db[data-slh-db] .slh-db-filters button:active { transform: scale(0.95); }
.slh-db[data-slh-db] .slh-db-filters button b { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; font-size: 0.78rem; background: color-mix(in srgb, var(--ink) 8%, transparent); color: inherit; --slh-c: inherit; }
.slh-db[data-slh-db] .slh-db-filters button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--bg); --slh-c: var(--bg); }
.slh-db[data-slh-db] .slh-db-filters button[aria-pressed="true"] b { background: var(--lime); color: var(--lime-ink); --slh-c: var(--lime-ink); }
.slh-db[data-slh-db] .slh-db-filters button:disabled { opacity: 0.45; cursor: default; }
.slh-db[data-slh-db] .slh-db-card[hidden] { display: none !important; }
.slh-db[data-slh-db] .slh-db-filter-empty { padding: 20px; text-align: center; border-radius: 18px; border: 1px dashed var(--card-edge); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-db[data-slh-db] .slh-db-card { -webkit-tap-highlight-color: transparent; }
.slh-db[data-slh-db] .slh-db-card:has(.slh-db-open:active) { transform: scale(0.985); }
.slh-db[data-slh-db] .slh-db-chip.is-overdue::before {
  content: "";
  width: 7px; height: 7px;
  margin-right: 2px;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6);
  animation: slh-db-ping 1.8s ease-out infinite;
}
.slh-db[data-slh-db] .slh-db-chip.is-overdue .slh-i { display: none; }
.slh-db[data-slh-db] .slh-db-archive {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: 16px;
  padding: 22px 20px 20px;
  border-radius: 28px;
  color: #f2f6ff; --slh-c: #f2f6ff;
  background:
    radial-gradient(80% 60% at 100% 0%, rgba(59, 130, 246, 0.45), transparent 60%),
    radial-gradient(60% 50% at 0% 100%, rgba(163, 230, 53, 0.22), transparent 65%),
    linear-gradient(150deg, #0a1638 0%, #071029 100%);
  border: 1px solid rgba(96, 165, 250, 0.35);
  box-shadow: 0 30px 60px -36px rgba(15, 35, 95, 0.8);
}
.slh-db[data-slh-db] .slh-db-archive::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(125, 211, 252, 0.07) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(125, 211, 252, 0.07) 1px, transparent 1px) 0 0 / 22px 22px;
}
.slh-db[data-slh-db] .slh-db-archive-art { position: relative; width: 92px; height: 84px; }
.slh-db[data-slh-db] .slh-db-archive-sheet {
  position: absolute;
  left: 18px; right: 18px;
  height: 46px;
  border-radius: 10px;
  border: 1.5px solid rgba(191, 219, 254, 0.55);
  background: rgba(15, 30, 70, 0.9);
}
.slh-db[data-slh-db] .slh-db-archive-sheet::after { content: ""; position: absolute; left: 10px; right: 22px; top: 10px; height: 2px; border-radius: 2px; background: rgba(191, 219, 254, 0.5); box-shadow: 0 7px 0 rgba(191, 219, 254, 0.35); }
.slh-db[data-slh-db] .slh-db-archive-sheet.s1 { top: 0; transform: rotate(-6deg); animation: slh-db-sheet 3.4s ease-in-out infinite; }
.slh-db[data-slh-db] .slh-db-archive-sheet.s2 { top: 8px; transform: rotate(4deg); animation: slh-db-sheet 3.4s ease-in-out 0.25s infinite; }
.slh-db[data-slh-db] .slh-db-archive-sheet.s3 { top: 16px; animation: slh-db-sheet 3.4s ease-in-out 0.5s infinite; }
.slh-db[data-slh-db] .slh-db-archive-box {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 48px;
  border-radius: 14px;
  display: grid; place-items: center;
  background: linear-gradient(100deg, #a3e635, #4ade80);
  color: #052e12; --slh-c: #052e12;
  box-shadow: 0 12px 26px -10px rgba(163, 230, 53, 0.6);
}
.slh-db[data-slh-db] .slh-db-archive-box .slh-i { width: 26px; height: 26px; stroke-width: 1.8; }
.slh-db[data-slh-db] .slh-db-archive-box .slh-i .ac { stroke: currentColor; }
.slh-db[data-slh-db] .slh-db-archive-kicker { font: 600 0.78rem var(--font-display); letter-spacing: 0.1em; text-transform: uppercase; color: #a3e635 !important; --slh-c: #a3e635; }
.slh-db[data-slh-db] .slh-db-archive h3 { margin-top: 4px !important; font: 800 1.7rem/1.1 var(--font-display); letter-spacing: -0.03em; color: #ffffff !important; --slh-c: #ffffff; }
.slh-db[data-slh-db] .slh-db-archive-copy > p:not(.slh-db-archive-kicker):not(.slh-db-archive-count) { margin-top: 8px !important; color: #c7d2ea !important; --slh-c: #c7d2ea; max-width: 38ch; }
.slh-db[data-slh-db] .slh-db-archive-count { margin-top: 14px !important; display: flex; align-items: baseline; gap: 8px; color: #c7d2ea !important; --slh-c: #c7d2ea; font: 600 0.95rem var(--font-display); }
.slh-db[data-slh-db] .slh-db-archive-count strong { font: 800 2.4rem/1 var(--font-display); letter-spacing: -0.04em; color: #ffffff !important; --slh-c: #ffffff; font-variant-numeric: tabular-nums; }
.slh-db[data-slh-db] .slh-db-archive-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid rgba(190, 242, 100, 0.7);
  background: linear-gradient(100deg, #a3e635, #4ade80);
  color: #052e12 !important; --slh-c: #052e12;
  font: 700 1rem var(--font-display);
  cursor: pointer;
  box-shadow: 0 14px 30px -14px rgba(163, 230, 53, 0.6);
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out);
}
.slh-db[data-slh-db] .slh-db-archive-btn .slh-i { width: 20px; height: 20px; transition: transform 200ms var(--ease-out); }
.slh-db[data-slh-db] .slh-db-archive-btn:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
.slh-db[data-slh-db] .slh-db-archive-btn:hover .slh-i { transform: translateX(4px); }
}
@media (min-width: 600px) {
.slh-db[data-slh-db] .slh-db-archive { grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding: 26px; }
.slh-db[data-slh-db] .slh-db-archive-btn { width: auto; }
}
@media (prefers-reduced-motion: reduce) {
.slh-db[data-slh-db] .slh-db-archive-sheet,
.slh-db[data-slh-db] .slh-db-stat-attention.has-items .slh-db-stat-ic,
.slh-db[data-slh-db] .slh-db-chip.is-overdue::before { animation: none !important; }
}
.slh-db[data-slh-db] .slh-db-filters button { --fc: var(--ink); }
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-all { border-color: color-mix(in srgb, var(--lime-edge) 45%, var(--card-edge)); }
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-attention { border-color: color-mix(in srgb, #f59e0b 50%, var(--card-edge)); color: #92400e; --slh-c: #92400e; }
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-active { border-color: color-mix(in srgb, #2f66f3 45%, var(--card-edge)); color: #1d4ed8; --slh-c: #1d4ed8; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-filters .slh-db-filter-attention { color: #fcd34d; --slh-c: #fcd34d; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-filters .slh-db-filter-active { color: #93c5fd; --slh-c: #93c5fd; }
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-all[aria-pressed="true"] {
  background: linear-gradient(100deg, var(--lime) 0%, var(--lime-2) 45%, #3b82f6 140%);
  border-color: var(--lime-edge);
  color: var(--lime-ink); --slh-c: var(--lime-ink);
  box-shadow: 0 10px 24px -14px var(--glow-lime);
}
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-all[aria-pressed="true"] b { background: rgba(5, 46, 18, 0.16); color: var(--lime-ink); --slh-c: var(--lime-ink); }
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-attention[aria-pressed="true"] {
  background: linear-gradient(100deg, #fbbf24, #f59e0b);
  border-color: #d97706;
  color: #3b1d00; --slh-c: #3b1d00;
  box-shadow: 0 10px 24px -14px rgba(245, 158, 11, 0.8);
}
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-attention[aria-pressed="true"] b { background: rgba(59, 29, 0, 0.16); color: #3b1d00; --slh-c: #3b1d00; }
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-active[aria-pressed="true"] {
  background: linear-gradient(100deg, #2f66f3, #3b82f6);
  border-color: #1d4ed8;
  color: #ffffff; --slh-c: #ffffff;
  box-shadow: 0 10px 24px -14px rgba(47, 102, 243, 0.85);
}
.slh-db[data-slh-db] .slh-db-filters .slh-db-filter-active[aria-pressed="true"] b { background: rgba(255, 255, 255, 0.22); color: #ffffff; --slh-c: #ffffff; }
.slh-db[data-slh-db] .slh-db-filters button[aria-pressed="true"] { animation: slh-chip-pop 380ms cubic-bezier(0.2, 1.4, 0.3, 1); }
.slh-db[data-slh-db] .slh-db-stat-done { border-color: color-mix(in srgb, #22c55e 45%, var(--card-edge)) !important; }
.slh-db[data-slh-db] .slh-db-stat-done::after {
  content: "";
  position: absolute; right: -40px; bottom: -50px;
  width: 140px; height: 140px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(34, 197, 94, 0.22), transparent);
  pointer-events: none;
}
.slh-db[data-slh-db] .slh-db-stat-done .slh-db-stat-ic { color: #15803d; --slh-c: #15803d; background: color-mix(in srgb, #22c55e 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #22c55e 45%, transparent); }
.slh-db[data-slh-db] .slh-db-stat-done strong,
.slh-db[data-slh-db] .slh-db-stat-done .slh-db-stat-go { color: #15803d; --slh-c: #15803d; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-stat-done .slh-db-stat-ic,
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-stat-done strong,
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-stat-done .slh-db-stat-go { color: #4ade80; --slh-c: #4ade80; }
.slh-db[data-slh-db] .slh-db-stat-done .slh-db-stat-ic .slh-i .ac { stroke: currentColor; }
@media (hover: hover) and (pointer: fine) {
.slh-db[data-slh-db] .slh-db-stat-done:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -26px rgba(34, 197, 94, 0.6); }
.slh-db[data-slh-db] .slh-db-stat-done:hover .slh-db-stat-go .slh-i { transform: translateX(4px); }
}
@media (max-width: 599px) {
.slh-db[data-slh-db] .slh-db-archive {
    grid-template-columns: 58px 1fr;
    align-items: center;
    gap: 12px 14px;
    padding: 16px;
    border-radius: 22px;
  }
.slh-db[data-slh-db] .slh-db-archive-art { width: 58px; height: 54px; }
.slh-db[data-slh-db] .slh-db-archive-sheet { left: 11px; right: 11px; height: 30px; border-radius: 7px; }
.slh-db[data-slh-db] .slh-db-archive-sheet::after { left: 7px; right: 14px; top: 7px; box-shadow: 0 5px 0 rgba(191, 219, 254, 0.35); }
.slh-db[data-slh-db] .slh-db-archive-sheet.s2 { top: 5px; }
.slh-db[data-slh-db] .slh-db-archive-sheet.s3 { top: 10px; }
.slh-db[data-slh-db] .slh-db-archive-box { height: 32px; border-radius: 10px; }
.slh-db[data-slh-db] .slh-db-archive-box .slh-i { width: 18px; height: 18px; }
.slh-db[data-slh-db] .slh-db-archive-kicker { font-size: 0.72rem; letter-spacing: 0.08em; }
.slh-db[data-slh-db] .slh-db-archive h3 { margin-top: 2px !important; font-size: 1.15rem; }
.slh-db[data-slh-db] .slh-db-archive-copy > p:not(.slh-db-archive-kicker):not(.slh-db-archive-count) { display: none; }
.slh-db[data-slh-db] .slh-db-archive-count { margin-top: 4px !important; font-size: 0.85rem; }
.slh-db[data-slh-db] .slh-db-archive-count strong { font-size: 1.3rem; }
.slh-db[data-slh-db] .slh-db-archive-btn { grid-column: 1 / -1; min-height: 46px; border-radius: 14px; font-size: 0.95rem; }
}
@media (prefers-reduced-motion: reduce) {
.slh-db[data-slh-db] .slh-db-filters button[aria-pressed="true"] { animation: none !important; }
}
.slh-db[data-slh-db] .slh-db-archive-kicker { font-size: 0.75rem !important; }
.slh-db[data-slh-db] .slh-db-head h1 span {
  background: linear-gradient(100deg, #65a30d 0%, #22c55e 28%, #2563eb 70%, #0891b2 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-head h1 span { background-image: linear-gradient(100deg, #a3e635 0%, #4ade80 30%, #60a5fa 70%, #22d3ee 100%); }
.slh-db[data-slh-db] .slh-db-head h1 span {
  background: linear-gradient(100deg, #65a30d 0%, #22c55e 28%, #2563eb 70%, #0891b2 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-head h1 span { background-image: linear-gradient(100deg, #a3e635 0%, #4ade80 30%, #60a5fa 70%, #22d3ee 100%); }
@media (max-width: 768px) {
.slh-db[data-slh-db] .slh-db-archive.slh-db-archive {
    display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 44px !important; grid-template-areas: "art copy btn" !important;
    align-items: center !important; gap: 12px !important; padding: 12px 12px 12px 14px !important; min-height: 0 !important;
    border-radius: 18px !important; background: var(--card-solid) !important; box-shadow: 0 1px 2px rgba(15, 35, 95, 0.04) !important;
  }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-art { grid-area: art; position: relative !important; width: 44px !important; height: 44px !important; margin: 0 !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-sheet { display: none !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-box { position: static !important; width: 44px !important; height: 44px !important; border-radius: 13px !important; transform: none !important; animation: none !important; display: grid !important; place-items: center !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-box .slh-i { width: 20px; height: 20px; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-copy { grid-area: copy; display: grid !important; gap: 1px !important; min-width: 0; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-kicker,
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-copy > p:not([class]) { display: none !important; }
.slh-db[data-slh-db] .slh-db-archive h3 { margin: 0 !important; font: 700 1rem/1.25 var(--font-display) !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-count { margin: 0 !important; font-size: 0.8rem !important; color: var(--ink-3) !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-count strong { font-size: inherit !important; color: var(--ink) !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn {
    grid-area: btn; width: 44px !important; height: 44px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
    border-radius: 13px !important; display: grid !important; place-items: center !important; font-size: 0 !important;
  }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn .slh-i { width: 20px; height: 20px; }
}
@media (max-width: 768px) {
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn.slh-db-archive-btn { background: color-mix(in srgb, var(--ink) 5%, var(--card-solid)) !important; color: var(--ink) !important; border: 1px solid var(--card-edge) !important; box-shadow: none !important; }
}
.slh-db[data-slh-db] .slh-db-archive { cursor: pointer; transition: transform 200ms var(--ease-out), box-shadow 240ms, border-color 240ms; }
@media (hover: hover) and (pointer: fine) {
.slh-db[data-slh-db] .slh-db-archive:hover { transform: translateY(-2px); }
.slh-db[data-slh-db] .slh-db-archive:hover .slh-db-archive-btn .slh-i { transform: translateX(3px); }
}
.slh-db[data-slh-db] .slh-db-archive:active { transform: scale(0.99); }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn .slh-i { stroke-width: 2.2; transition: transform 220ms var(--ease-out); }
@media (max-width: 768px) {
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn.slh-db-archive-btn { width: 36px !important; height: 36px !important; border: 0 !important; background: color-mix(in srgb, var(--blue-bright) 10%, transparent) !important; color: var(--blue) !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn .slh-i { width: 18px; height: 18px; }
}
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn.slh-db-archive-btn { color: #93c5fd !important; }
.slh-db[data-slh-db] .slh-db-menu-btn.slh-db-menu-btn {
  width: 38px !important; height: 38px !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important;
  border: 0 !important; display: grid !important; place-items: center !important; color: var(--ink-2) !important;
  background: color-mix(in srgb, var(--ink) 5%, transparent) !important; box-shadow: none !important;
  transition: background-color 180ms ease, color 180ms ease, transform 220ms cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.slh-db[data-slh-db] .slh-db-menu-btn .slh-i { width: 20px; height: 20px; transform: rotate(90deg); transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.slh-db[data-slh-db] .slh-db-menu-btn[aria-expanded="true"] { background: var(--ink) !important; color: var(--card-solid) !important; }
.slh-db[data-slh-db] .slh-db-menu-btn[aria-expanded="true"] .slh-i { transform: rotate(0deg); }
@media (hover: hover) and (pointer: fine) {
.slh-db[data-slh-db] .slh-db-menu-btn:hover { background: color-mix(in srgb, var(--blue-bright) 14%, transparent) !important; color: var(--blue) !important; }
}
.slh-db[data-slh-db] .slh-db-menu.slh-db-menu {
  min-width: 248px !important; padding: 6px !important; border-radius: 18px !important;
  border: 1px solid var(--card-edge) !important; background: color-mix(in srgb, var(--card-solid) 96%, transparent) !important;
  box-shadow: 0 24px 50px -24px rgba(5, 11, 31, 0.45), 0 2px 6px rgba(5, 11, 31, 0.06) !important;
  transform-origin: top right; animation: slh-menu-in 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.slh-db-menu-item {
  display: grid !important; grid-template-columns: 34px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important;
  width: 100% !important; min-height: 48px !important; padding: 7px 10px 7px 7px !important; border: 0 !important; border-radius: 12px !important;
  background: transparent !important; font: 600 0.92rem var(--font-display) !important; color: var(--ink) !important; text-align: left !important;
  transition: background-color 160ms !important;
}
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item .slh-i { width: 34px; height: 34px; padding: 8px; border-radius: 10px; color: var(--blue); background: color-mix(in srgb, var(--blue-bright) 10%, transparent); }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item:hover,
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item:focus-visible { background: color-mix(in srgb, var(--ink) 5%, transparent) !important; }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger { margin-top: 4px !important; color: #dc2626 !important; }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger::before { content: ""; position: absolute; left: 10px; right: 10px; margin-top: -55px; height: 1px; background: var(--card-edge); }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger { position: relative; }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger .slh-i { color: #dc2626; background: rgba(239, 68, 68, 0.1); --ac: #dc2626; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger { color: #f87171 !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn.slh-db-archive-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
  width: auto !important; height: 42px !important; min-height: 0 !important; padding: 0 12px 0 16px !important; border-radius: 999px !important;
  font: 700 0.88rem var(--font-display) !important; color: #fff !important; border: 0 !important;
  background: linear-gradient(115deg, #0b1533, #1d4ed8 70%, #0891b2 130%) !important; box-shadow: 0 10px 22px -14px rgba(29, 78, 216, 0.9) !important;
}
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn > span { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn .slh-i { width: 18px !important; height: 18px !important; }
@media (max-width: 768px) {
.slh-db[data-slh-db] .slh-db-archive.slh-db-archive { grid-template-columns: 52px minmax(0, 1fr) auto !important; gap: 14px !important; padding: 16px 14px 16px 16px !important; border-radius: 20px !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-art,
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-box { width: 52px !important; height: 52px !important; border-radius: 16px !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-box .slh-i { width: 24px !important; height: 24px !important; }
.slh-db[data-slh-db] .slh-db-archive h3 { font-size: 1.08rem !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-count { font-size: 0.84rem !important; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn > span { font-size: 0; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn > span::before { content: "Open"; font-size: 0.86rem; }
}
.slh-db[data-slh-db] .slh-db-head { margin-bottom: 10px !important; padding-bottom: 0 !important; min-height: 0 !important; }
.slh-db[data-slh-db] .slh-db-head .slh-hd-aside { display: none !important; }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger::before { content: none !important; }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger { margin-top: 6px !important; }
.slh-db[data-slh-db] .slh-db-menu .slh-db-menu-item.is-danger::after { content: ""; position: absolute; left: 10px; right: 10px; top: -4px; height: 1px; background: var(--card-edge); pointer-events: none; }
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn,
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn > span,
.slh-db[data-slh-db] .slh-db-archive .slh-db-archive-btn > span::before { color: #fff !important; -webkit-text-fill-color: #fff; }
.slh-db[data-slh-db] .slh-db-menu.slh-db-menu { background: #ffffff !important; z-index: 40 !important; }
body.settlelink-dark-mode .slh-db[data-slh-db] .slh-db-menu.slh-db-menu { background: #101b3a !important; border-color: rgba(148, 163, 184, 0.22) !important; }
@keyframes slh-db-in { from { opacity: 0; transform: translateY(14px); } }
@keyframes slh-db-grow { from { transform: scaleX(0); transform-origin: 0 50%; } }
@keyframes slh-db-pop { from { opacity: 0; transform: scale(0.94); } }
@keyframes slh-db-nudge { 0%, 86%, 100% { transform: none; } 90% { transform: rotate(-10deg); } 94% { transform: rotate(8deg); } }
@keyframes slh-db-ping { 0%, 100% { box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18); } }
@keyframes slh-db-sheet { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
@keyframes slh-chip-pop { 0% { transform: scale(0.94); } 60% { transform: scale(1.04); } 100% { transform: none; } }
@keyframes slh-menu-in { from { opacity: 0; transform: translateY(-6px) scale(0.96); } }

/* Preserve exact money text on narrow cards and make hidden state authoritative. */
.slh-db[data-slh-db] .slh-db-head h1, .slh-db[data-slh-db] .slh-db-stat strong { overflow-wrap: anywhere; }
.slh-db[data-slh-db] .slh-db-stat { min-width: 0; }
.slh-db[data-slh-db] .slh-db-money dd { white-space: normal; overflow-wrap: anywhere; }
.slh-db[data-slh-db] [hidden] { display: none !important; }
.slh-db[data-slh-db] .slh-db-projects { grid-template-columns: minmax(0, 1fr); }
@media (prefers-reduced-motion: reduce) { .slh-db[data-slh-db] *, .slh-db[data-slh-db] *::before, .slh-db[data-slh-db] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
body.slh-reduce-motion .slh-db[data-slh-db] *, body.slh-reduce-motion .slh-db[data-slh-db] *::before, body.slh-reduce-motion .slh-db[data-slh-db] *::after { animation: none !important; transition: none !important; }
/* Claude r9e project detail presentation; isolated from shell, dashboard and client pages.
   Sora font registrations are supplied by the earlier dashboard style module. */
.slh-pj[data-slh-project] {
  --bg: #f3f7ff;
  --bg-2: #e6eeff;
  --ink: #0a1430;            
  --ink-2: #3d4b68;          
  --ink-3: #5a6884;          
  --blue: #1d4ed8;           
  --blue-bright: #3b82f6;
  --cyan: #0891b2;
  --lime: #a3e635;
  --lime-2: #4ade80;
  --lime-ink: #052e12;       
  --lime-edge: #4d7c0f;
  --card: rgba(255, 255, 255, 0.82);
  --card-solid: #ffffff;
  --card-edge: rgba(29, 78, 216, 0.16);
  --glow: rgba(59, 130, 246, 0.28);
  --glow-lime: rgba(132, 204, 22, 0.35);
  --bp: rgba(29, 78, 216, 0.34);
  --bp-grid: rgba(29, 78, 216, 0.07);
  --window: rgba(59, 130, 246, 0.12);
  --window-glow: rgba(59, 130, 246, 0.0);
  --screen-bg: linear-gradient(160deg, #ffffff 0%, #eef3ff 100%);
  --screen-side: #f2f6ff;
  --row-bg: #ffffff;
  --focus: #1d4ed8;
  --shadow-lg: 0 30px 80px -20px rgba(15, 35, 95, 0.35);
  --font-display: "SLH Sora", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --gutter: 16px;

 --ac: var(--lime-edge); min-width: 0; grid-template-columns: minmax(0, 1fr); font-family: var(--font-body); color: var(--ink); background: var(--bg); }
body.settlelink-dark-mode .slh-pj[data-slh-project] {
  --bg: #040a18;
  --bg-2: #0a1530;
  --ink: #f2f6ff;            
  --ink-2: #b3c0dc;          
  --ink-3: #8c9bbb;          
  --blue: #60a5fa;           
  --blue-bright: #3b82f6;
  --cyan: #38bdf8;
  --card: rgba(12, 24, 52, 0.72);
  --card-solid: #0c1834;
  --card-edge: rgba(96, 165, 250, 0.26);
  --glow: rgba(59, 130, 246, 0.55);
  --glow-lime: rgba(163, 230, 53, 0.5);
  --bp: rgba(96, 165, 250, 0.55);
  --bp-grid: rgba(96, 165, 250, 0.07);
  --window: rgba(251, 191, 36, 0.26);
  --window-glow: rgba(251, 191, 36, 0.45);
  --screen-bg: linear-gradient(160deg, #0d1a3a 0%, #081128 100%);
  --screen-side: #0a1430;
  --row-bg: #0e1b3d;
  --focus: #93c5fd;
  --shadow-lg: 0 40px 100px -20px rgba(0, 0, 0, 0.7);

 --ac: var(--lime); }
.slh-pj[data-slh-project] *, .slh-pj[data-slh-project] *::before, .slh-pj[data-slh-project] *::after { box-sizing: border-box; }
.slh-pj[data-slh-project] .slh-i { width: 22px; height: 22px; flex: none; }
.slh-pj[data-slh-project] .slh-i .ac { stroke: var(--ac); }
.slh-pj[data-slh-project] .slh-i .acf { fill: var(--ac); stroke: none; }
body .slh-pj[data-slh-project] :is(p, span, small, strong, label, li, b, em, h1, h2, h3, a, button, dt, dd) { color: var(--slh-c, inherit) !important; -webkit-text-fill-color: currentColor !important; }
.slh-pj[data-slh-project] .slh-db-kicker { display: inline-flex; align-items: center; gap: 8px; font: 600 0.8rem var(--font-display); letter-spacing: 0.04em; color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-db-kicker .slh-i { width: 18px; height: 18px; }
.slh-pj[data-slh-project] .slh-db-count { min-width: 30px; height: 28px; padding: 0 8px; border-radius: 9px; display: inline-grid; place-items: center; font: 800 0.85rem var(--font-display); color: var(--blue); --slh-c: var(--blue); box-shadow: inset 0 0 0 1px var(--card-edge); }
.slh-pj[data-slh-project] .slh-back {
  display: inline-flex; align-items: center; gap: 4px;
  min-height: 44px;
  padding: 0 14px 0 8px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  color: var(--ink); --slh-c: var(--ink);
  font: 600 0.92rem var(--font-display);
  cursor: pointer;
  justify-self: start;
}
.slh-pj[data-slh-project] .slh-back .slh-i { width: 18px; height: 18px; transform: rotate(180deg); color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-back:active { transform: scale(0.96); }
.slh-pj[data-slh-project] { display: grid; gap: 16px; padding: 16px 0 calc(110px + env(safe-area-inset-bottom, 0px)); }
.slh-pj[data-slh-project] h1,
.slh-pj[data-slh-project] h2,
.slh-pj[data-slh-project] h3,
.slh-pj[data-slh-project] p,
.slh-pj[data-slh-project] dl,
.slh-pj[data-slh-project] dd { margin: 0; }
.slh-pj[data-slh-project] .slh-pj-head h1 { margin-top: 6px !important; font: 800 clamp(1.9rem, 8.4vw, 2.8rem)/1.05 var(--font-display); letter-spacing: -0.04em; color: var(--ink); --slh-c: var(--ink); overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-pj-client { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px !important; padding: 6px 12px 6px 8px; border-radius: 999px; border: 1px solid var(--card-edge); background: var(--card); color: var(--ink-2); --slh-c: var(--ink-2); font-size: 0.92rem; }
.slh-pj[data-slh-project] .slh-pj-client .slh-i { width: 18px; height: 18px; color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-pj-overview { display: grid; gap: 10px; }
.slh-pj[data-slh-project] .slh-pj-owed {
  position: relative; overflow: hidden;
  display: grid; gap: 4px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(var(--card-solid), var(--card-solid)) padding-box, linear-gradient(130deg, var(--lime), var(--blue-bright) 60%, var(--cyan)) border-box;
  border: 1.5px solid transparent;
}
.slh-pj[data-slh-project] .slh-pj-owed::after { content: ""; position: absolute; right: -50px; top: -50px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(closest-side, var(--glow), transparent); pointer-events: none; }
.slh-pj[data-slh-project] .slh-pj-owed-ic { width: 40px; height: 40px; margin-bottom: 6px; border-radius: 12px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pj-owed p { font: 600 0.85rem var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-owed strong { font: 800 clamp(1.9rem, 9vw, 2.6rem)/1.1 var(--font-display); letter-spacing: -0.03em; color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; }
.slh-pj[data-slh-project] .slh-pj-mini-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.slh-pj[data-slh-project] .slh-pj-mini {
  display: grid; gap: 4px; align-content: start;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  text-align: left;
  font: inherit;
  color: var(--ink); --slh-c: var(--ink);
}
.slh-pj[data-slh-project] .slh-pj-mini span { font: 600 0.8rem var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-mini strong { font: 800 1.15rem/1.2 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.slh-pj[data-slh-project] .slh-pj-mini-paid strong { color: #15803d; --slh-c: #15803d; }
body.settlelink-dark-mode .slh-pj[data-slh-project] .slh-pj-mini-paid strong { color: #4ade80; --slh-c: #4ade80; }
.slh-pj[data-slh-project] .slh-pj-mini { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 140ms var(--ease-out), border-color 200ms; }
.slh-pj[data-slh-project] .slh-pj-mini:active { transform: scale(0.97); }
.slh-pj[data-slh-project] .slh-pj-mini small { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font: 700 0.8rem var(--font-display); color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-pj-mini small .slh-i { width: 14px; height: 14px; }
.slh-pj[data-slh-project] .slh-pj-helper { display: flex; gap: 8px; align-items: flex-start; font-size: 0.85rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-helper .slh-i { width: 16px; height: 16px; margin-top: 2px; color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-pj-actions { display: grid; gap: 10px; }
.slh-pj[data-slh-project] .slh-pj-create {
  display: grid;
  grid-template-columns: 40px 1fr 22px;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 0 18px 0 12px;
  border-radius: 20px;
  border: 1px solid var(--lime-edge);
  background: linear-gradient(100deg, var(--lime), var(--lime-2));
  color: var(--lime-ink); --slh-c: var(--lime-ink);
  font: 700 1.05rem var(--font-display);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 16px 34px -18px var(--glow-lime);
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), box-shadow 200ms;
}
.slh-pj[data-slh-project] .slh-pj-create:active { transform: scale(0.97); }
.slh-pj[data-slh-project] .slh-pj-create-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(5, 46, 18, 0.12); }
.slh-pj[data-slh-project] .slh-pj-create .slh-i .ac,
.slh-pj[data-slh-project] .slh-pj-create .slh-i { stroke: currentColor; }
.slh-pj[data-slh-project] .slh-pj-create > .slh-i:last-child { transition: transform 200ms var(--ease-out); }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-pj-create:hover > .slh-i:last-child { transform: translateX(4px); }
}
.slh-pj[data-slh-project] .slh-pj-action-row { display: flex; flex-wrap: wrap; gap: 8px; }
.slh-pj[data-slh-project] .slh-pj-action {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  color: var(--ink); --slh-c: var(--ink);
  font: 600 0.9rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.slh-pj[data-slh-project] .slh-pj-action .slh-i { width: 18px; height: 18px; color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-pj-action:active { transform: scale(0.96); }
.slh-pj[data-slh-project] .slh-pj-action-danger { color: #dc2626; --slh-c: #dc2626; border-color: color-mix(in srgb, #ef4444 35%, var(--card-edge)); }
body.settlelink-dark-mode .slh-pj[data-slh-project] .slh-pj-action-danger { color: #f87171; --slh-c: #f87171; }
.slh-pj[data-slh-project] .slh-pj-action-danger .slh-i { color: currentColor; --slh-c: currentColor; }
.slh-pj[data-slh-project] .slh-pj-section { display: grid; gap: 12px; }
.slh-pj[data-slh-project] .slh-pj-section-head { display: grid; gap: 12px; }
.slh-pj[data-slh-project] .slh-pj-section-head h2,
.slh-pj[data-slh-project] .slh-pj-card h2 { font: 800 1.3rem/1.2 var(--font-display); letter-spacing: -0.03em; color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pj-section-head p,
.slh-pj[data-slh-project] .slh-pj-card-head p { margin-top: 4px !important; font-size: 0.9rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.slh-pj[data-slh-project] .slh-pj-sort {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px;
  padding: 0 6px 0 14px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  font: 600 0.85rem var(--font-display);
  color: var(--ink-3); --slh-c: var(--ink-3);
}
.slh-pj[data-slh-project] .slh-pj-sort select {
  min-height: 36px;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  color: var(--ink) !important; --slh-c: var(--ink);
  font: 600 0.88rem var(--font-display);
  padding: 0 8px !important;
  box-shadow: none !important;
}
.slh-pj[data-slh-project] .slh-pj-toggle {
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: transparent;
  color: var(--ink-2); --slh-c: var(--ink-2);
  font: 600 0.85rem var(--font-display);
  cursor: pointer;
}
.slh-pj[data-slh-project] #projectPaymentSummariesWrap.is-collapsed { display: none !important; }
.slh-pj[data-slh-project] .slh-pj-note { font-size: 0.88rem; color: var(--ink-3); --slh-c: var(--ink-3); line-height: 1.55; }
.slh-pj[data-slh-project] .slh-pj-note a { color: var(--blue) !important; --slh-c: var(--blue); font-weight: 700; display: inline-block; padding: 6px 2px; margin: -6px 0; }
.slh-pj[data-slh-project] .slh-pj-inv-grid { display: grid; gap: 12px; }
.slh-pj[data-slh-project] .slh-pj-inv {
  display: grid; gap: 12px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  animation: slh-db-in 520ms var(--ease-out) both;
  animation-delay: calc(var(--i) * 60ms);
}
.slh-pj[data-slh-project] .slh-pj-inv-top { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; }
.slh-pj[data-slh-project] .slh-pj-inv-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pj-inv-title h3 { font: 800 1.05rem/1.25 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-pj-inv-title p { margin-top: 2px !important; font-size: 0.84rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-inv-chip { grid-column: 1 / -1; justify-self: start; }
.slh-pj[data-slh-project] .slh-pj-inv-total { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 16px; background: color-mix(in srgb, var(--blue-bright) 7%, transparent); border: 1px solid color-mix(in srgb, var(--blue-bright) 22%, var(--card-edge)); }
.slh-pj[data-slh-project] .slh-pj-inv-total span { font: 600 0.85rem var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-inv-total strong { font: 800 1.3rem var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; }
.slh-pj[data-slh-project] .slh-pj-inv-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-radius: 14px; border: 1px solid var(--card-edge); overflow: hidden; }
.slh-pj[data-slh-project] .slh-pj-inv-meta div { padding: 9px 10px; min-width: 0; }
.slh-pj[data-slh-project] .slh-pj-inv-meta div + div { border-left: 1px solid var(--card-edge); }
.slh-pj[data-slh-project] .slh-pj-inv-meta dt { font: 600 0.75rem var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pj-inv-meta dd { margin-top: 2px !important; font: 700 0.86rem/1.25 var(--font-display); color: var(--ink); --slh-c: var(--ink); overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-pj-inv-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.slh-pj[data-slh-project] .slh-pj-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: transparent;
  color: var(--ink); --slh-c: var(--ink);
  font: 600 0.9rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), background-color 200ms, border-color 200ms;
}
.slh-pj[data-slh-project] .slh-pj-btn:active { transform: scale(0.96); }
.slh-pj[data-slh-project] .slh-pj-btn-primary { background: linear-gradient(100deg, var(--lime), var(--lime-2)); border-color: var(--lime-edge); color: var(--lime-ink); --slh-c: var(--lime-ink); padding: 0 22px; }
.slh-pj[data-slh-project] .slh-pj-btn-link { border-color: color-mix(in srgb, var(--blue-bright) 40%, var(--card-edge)); color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-pj-btn-danger { color: #dc2626; --slh-c: #dc2626; border-color: color-mix(in srgb, #ef4444 35%, var(--card-edge)); }
body.settlelink-dark-mode .slh-pj[data-slh-project] .slh-pj-btn-danger { color: #f87171; --slh-c: #f87171; }
.slh-pj[data-slh-project] .slh-pj-btn-wide { width: 100%; min-height: 50px; border-radius: 16px; }
.slh-pj[data-slh-project] .slh-pj-empty { display: grid; justify-items: center; gap: 8px; text-align: center; padding: 28px 18px; border-radius: 22px; border: 1px dashed var(--card-edge); background: var(--card); }
.slh-pj[data-slh-project] .slh-pj-empty-art { width: 56px; height: 56px; border-radius: 18px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pj-empty h3 { font: 800 1.1rem var(--font-display); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pj-empty p { color: var(--ink-2); --slh-c: var(--ink-2); }
.slh-pj[data-slh-project] .slh-pj-card { padding: 18px; border-radius: 24px; border: 1px solid var(--card-edge); background: var(--card); }
.slh-pj[data-slh-project] .slh-pj-card > p { color: var(--ink-2); --slh-c: var(--ink-2); line-height: 1.55; }
.slh-pj[data-slh-project] .slh-pj-card-head { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: start; }
.slh-pj[data-slh-project] .slh-pj-card-ic { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pj-card-ic-text { font: 800 1.1rem var(--font-display); color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-pj-eyebrow { font: 600 0.75rem var(--font-display) !important; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ac) !important; --slh-c: var(--ac); margin: 0 0 2px !important; }
.slh-pj[data-slh-project] .slh-pj-vat { display: grid; gap: 8px; }
.slh-pj[data-slh-project] .slh-pj-vat div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--card-edge); }
.slh-pj[data-slh-project] .slh-pj-vat dt { font-size: 0.9rem; color: var(--ink-2); --slh-c: var(--ink-2); }
.slh-pj[data-slh-project] .slh-pj-vat dd { font: 700 0.92rem var(--font-display); color: var(--ink); --slh-c: var(--ink); text-align: right; }
.slh-pj[data-slh-project] .project-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.slh-pj[data-slh-project] .project-photo-empty-card { grid-column: 1 / -1; display: grid; gap: 4px; padding: 16px; border-radius: 16px; border: 1px dashed var(--card-edge) !important; background: transparent !important; color: var(--ink-2); --slh-c: var(--ink-2); }
.slh-pj[data-slh-project] .project-photo-empty-card strong { color: var(--ink) !important; --slh-c: var(--ink); }
.slh-pj[data-slh-project] [data-recipient-payout-panel],
.slh-pj[data-slh-project] [class*="provider-status"] { border-radius: 16px !important; }
@media (min-width: 600px) {
.slh-pj[data-slh-project] .slh-pj-section-head { grid-template-columns: 1fr auto; align-items: end; }
.slh-pj[data-slh-project] .slh-pj-mini-row { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {
.slh-pj[data-slh-project] .slh-pj-overview { grid-template-columns: 1.3fr 1fr; align-items: stretch; }
.slh-pj[data-slh-project] .slh-pj-helper { grid-column: 1 / -1; }
.slh-pj[data-slh-project] .slh-pj-inv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
.slh-pj[data-slh-project] .slh-pj-inv { animation: none !important; }
}
.slh-pj[data-slh-project] .slh-pss-head { display: grid; gap: 14px; }
.slh-pj[data-slh-project] .slh-pss-title h2 { font: 800 1.3rem/1.2 var(--font-display); letter-spacing: -0.03em; color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-pss-title p { margin-top: 4px !important; font-size: 0.9rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-pss-status { display: grid; gap: 8px; }
.slh-pj[data-slh-project] .slh-pss-bar { display: flex; gap: 3px; height: 8px; border-radius: 999px; overflow: hidden; }
.slh-pj[data-slh-project] .slh-pss-bar i { min-width: 8px; border-radius: 999px; background: var(--st, #94a3b8); transform-origin: 0 50%; animation: slh-pss-grow 900ms var(--ease-out) both; }
.slh-pj[data-slh-project] .slh-pss-bar i:nth-child(2) { animation-delay: 90ms; }
.slh-pj[data-slh-project] .slh-pss-bar i:nth-child(3) { animation-delay: 180ms; }
.slh-pj[data-slh-project] .slh-pss-bar i:nth-child(4) { animation-delay: 270ms; }
.slh-pj[data-slh-project] .slh-pss-status ul { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 0; list-style: none; }
.slh-pj[data-slh-project] .slh-pss-status li { display: inline-flex; align-items: center; gap: 6px; font: 600 0.82rem var(--font-display); color: var(--ink-2); --slh-c: var(--ink-2); text-transform: capitalize; }
.slh-pj[data-slh-project] .slh-pss-status li i { width: 8px; height: 8px; border-radius: 50%; background: var(--st, #94a3b8); }
.slh-pj[data-slh-project] .slh-pss-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.slh-pj[data-slh-project] .slh-sort { position: relative; }
.slh-pj[data-slh-project] .slh-sort-btn {
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 48px;
  padding: 0 12px 0 8px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  color: var(--ink); --slh-c: var(--ink);
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), border-color 200ms, box-shadow 200ms;
}
.slh-pj[data-slh-project] .slh-sort-btn > .slh-i:first-child { width: 32px; height: 32px; padding: 7px; border-radius: 999px; background: color-mix(in srgb, var(--blue-bright) 12%, transparent); color: var(--blue); --slh-c: var(--blue); transition: transform 360ms cubic-bezier(0.2, 1.4, 0.3, 1); }
.slh-pj[data-slh-project] .slh-sort-btn > .slh-i:last-child { width: 16px; height: 16px; color: var(--ink-3); --slh-c: var(--ink-3); transform: rotate(90deg); transition: transform 300ms var(--ease-out); }
.slh-pj[data-slh-project] .slh-sort-btn[aria-expanded="true"] { border-color: color-mix(in srgb, var(--blue-bright) 50%, var(--card-edge)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue-bright) 14%, transparent); }
.slh-pj[data-slh-project] .slh-sort-btn[aria-expanded="true"] > .slh-i:first-child { transform: rotate(180deg); }
.slh-pj[data-slh-project] .slh-sort-btn[aria-expanded="true"] > .slh-i:last-child { transform: rotate(-90deg); }
.slh-pj[data-slh-project] .slh-sort-btn:active { transform: scale(0.97); }
.slh-pj[data-slh-project] .slh-sort-label { display: grid; text-align: left; line-height: 1.15; }
.slh-pj[data-slh-project] .slh-sort-label small { font: 600 0.72rem var(--font-display); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-sort-label b { font: 700 0.9rem var(--font-display); color: var(--ink); --slh-c: var(--ink); white-space: nowrap; }
.slh-pj[data-slh-project] .slh-sort-list {
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  left: 0;
  width: max(250px, 100%);
  margin: 0;
  padding: 6px;
  list-style: none;
  border-radius: 20px;
  border: 1px solid var(--card-edge);
  background: var(--card-solid);
  box-shadow: 0 30px 60px -24px rgba(4, 10, 24, 0.55);
  transform-origin: 24px 0;
  transform: translateY(-6px) scale(0.92);
  opacity: 0;
  transition: transform 280ms cubic-bezier(0.2, 1.25, 0.3, 1), opacity 160ms ease;
}
.slh-pj[data-slh-project] .slh-sort-list.is-open { transform: none; opacity: 1; }
.slh-pj[data-slh-project] .slh-sort-list li {
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 12px;
  border-radius: 14px;
  font: 600 0.92rem var(--font-display);
  color: var(--ink-2); --slh-c: var(--ink-2);
  cursor: pointer;
  outline: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: background-color 160ms, color 160ms, opacity 220ms ease, transform 320ms var(--ease-out);
}
.slh-pj[data-slh-project] .slh-sort-list.is-open li { opacity: 1; transform: none; }
.slh-pj[data-slh-project] .slh-sort-list.is-open li:nth-child(2) { transition-delay: 0ms, 0ms, 30ms, 30ms; }
.slh-pj[data-slh-project] .slh-sort-list.is-open li:nth-child(3) { transition-delay: 0ms, 0ms, 60ms, 60ms; }
.slh-pj[data-slh-project] .slh-sort-list.is-open li:nth-child(4) { transition-delay: 0ms, 0ms, 90ms, 90ms; }
.slh-pj[data-slh-project] .slh-sort-list li .slh-i { width: 18px; height: 18px; color: var(--blue); --slh-c: var(--blue); opacity: 0; transform: scale(0.5); transition: opacity 160ms, transform 300ms cubic-bezier(0.2, 1.4, 0.3, 1); }
.slh-pj[data-slh-project] .slh-sort-list li[aria-selected="true"] { color: var(--ink); --slh-c: var(--ink); background: color-mix(in srgb, var(--blue-bright) 10%, transparent); }
.slh-pj[data-slh-project] .slh-sort-list li[aria-selected="true"] .slh-i { opacity: 1; transform: none; }
.slh-pj[data-slh-project] .slh-sort-list li:hover,
.slh-pj[data-slh-project] .slh-sort-list li:focus-visible { background: color-mix(in srgb, var(--blue-bright) 14%, transparent); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-sort-list li:focus-visible { box-shadow: inset 0 0 0 2px var(--focus); }
.slh-pj[data-slh-project] .slh-sort-list li:active { transform: scale(0.98); }
.slh-pj[data-slh-project] .slh-pj-toggle { display: inline-flex; align-items: center; gap: 8px; -webkit-tap-highlight-color: transparent; transition: transform 140ms var(--ease-out), background-color 200ms; }
.slh-pj[data-slh-project] .slh-pj-toggle::after {
  content: "";
  width: 14px; height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 320ms var(--ease-out);
}
.slh-pj[data-slh-project] .slh-pj-toggle[aria-expanded="false"]::after { transform: rotate(180deg); }
.slh-pj[data-slh-project] .slh-pj-toggle:active { transform: scale(0.96); }
.slh-pj[data-slh-project] #projectPaymentSummariesWrap.project-payment-summaries-wrap {
  display: grid !important;
  grid-template-rows: 1fr;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1;
  transform: none;
  transition: grid-template-rows 420ms var(--ease-out), opacity 260ms ease !important;
}
.slh-pj[data-slh-project] #projectPaymentSummariesWrap.project-payment-summaries-wrap > * { min-height: 0; }
.slh-pj[data-slh-project] #projectPaymentSummariesWrap.project-payment-summaries-wrap.is-collapsed {
  display: grid !important;
  grid-template-rows: 0fr;
  overflow: hidden !important;
  opacity: 0;
  pointer-events: none;
}
.slh-pj[data-slh-project] #projectPaymentSummariesWrap.is-collapsed > * { overflow: hidden; }
.slh-pj[data-slh-project] .slh-ps-list { display: grid; gap: 12px; padding: 2px 0 6px; }
.slh-pj[data-slh-project] .slh-ps-list > :is(h3, p, .slh-pj-eyebrow) { margin: 6px 2px 0 !important; }
.slh-pj[data-slh-project] .slh-ps {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: 14px;
  padding: 16px 16px 16px 20px;
  border-radius: 24px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  box-shadow: 0 18px 40px -34px rgba(15, 35, 95, 0.6);
  animation: slh-ps-in 560ms var(--ease-out) both;
  animation-delay: calc(var(--i, 0) * 70ms);
  transition: transform 200ms var(--ease-out), box-shadow 240ms, border-color 240ms;
}
.slh-pj[data-slh-project] .slh-ps::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -60px; top: -60px;
  width: 180px; height: 180px;
  border-radius: 50%;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--st) 20%, transparent), transparent);
  pointer-events: none;
}
.slh-pj[data-slh-project] .slh-ps-rail { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--st); }
.slh-pj[data-slh-project] .slh-ps[data-status="overdue"] { border-color: color-mix(in srgb, #ef4444 40%, var(--card-edge)); }
.slh-pj[data-slh-project] .slh-ps[data-status="overdue"] .slh-ps-rail { animation: slh-ps-alert 1.8s ease-in-out infinite; }
.slh-pj[data-slh-project] .slh-ps[data-status="paid"] .slh-ps-rail { background: linear-gradient(180deg, #a3e635, #22c55e); }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-ps:hover { transform: translateY(-2px); box-shadow: 0 26px 50px -30px color-mix(in srgb, var(--st) 60%, rgba(15, 35, 95, 0.6)); }
}
.slh-pj[data-slh-project] .slh-ps-top { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.slh-pj[data-slh-project] .slh-ps-ic { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: color-mix(in srgb, var(--st) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--st) 40%, transparent); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-ps-ic .slh-i { width: 22px; height: 22px; }
.slh-pj[data-slh-project] .slh-ps-title { min-width: 0; }
.slh-pj[data-slh-project] .slh-ps-title h3 { margin: 0 !important; font: 800 1.05rem/1.25 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-ps-title p { margin: 2px 0 0 !important; font-size: 0.84rem; line-height: 1.35; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-ps-chip { align-self: start; }
.slh-pj[data-slh-project] .slh-ps-figures { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 8px; }
.slh-pj[data-slh-project] .slh-ps-figures > div { display: grid; gap: 4px; min-width: 0; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--card-edge); }
.slh-pj[data-slh-project] .slh-ps-amount { background: color-mix(in srgb, var(--blue-bright) 7%, transparent); border-color: color-mix(in srgb, var(--blue-bright) 24%, var(--card-edge)) !important; }
.slh-pj[data-slh-project] .slh-ps[data-status="paid"] .slh-ps-amount { background: color-mix(in srgb, #22c55e 9%, transparent); border-color: color-mix(in srgb, #22c55e 30%, var(--card-edge)) !important; }
.slh-pj[data-slh-project] .slh-ps-figures span { display: inline-flex; align-items: center; gap: 5px; font: 600 0.78rem var(--font-display); color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-ps-figures span .slh-i { width: 14px; height: 14px; }
.slh-pj[data-slh-project] .slh-ps-amount strong { font: 800 1.3rem/1.15 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-ps-due strong { font: 700 0.98rem/1.2 var(--font-display); color: var(--ink); --slh-c: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-ps[data-status="overdue"] .slh-ps-due strong { color: #dc2626; --slh-c: #dc2626; }
body.settlelink-dark-mode .slh-pj[data-slh-project] .slh-ps[data-status="overdue"] .slh-ps-due strong { color: #f87171; --slh-c: #f87171; }
.slh-pj[data-slh-project] .slh-ps-type { display: flex; align-items: center; gap: 8px; margin: 0 !important; font: 600 0.86rem var(--font-display); color: var(--ink); --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-ps-type > span { padding: 3px 8px; border-radius: 8px; background: color-mix(in srgb, var(--ink) 7%, transparent); font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-pj[data-slh-project] .slh-ps-actions { display: grid; gap: 10px; }
.slh-pj[data-slh-project] .slh-ps-open {
  position: relative;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px;
  border-radius: 16px;
  border: 1px solid var(--lime-edge);
  background: linear-gradient(100deg, var(--lime), var(--lime-2));
  color: var(--lime-ink) !important; --slh-c: var(--lime-ink);
  font: 700 1rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 14px 30px -18px var(--glow-lime);
  transition: transform 140ms var(--ease-out), box-shadow 200ms;
}
.slh-pj[data-slh-project] .slh-ps-open::after {
  content: "";
  width: 18px; height: 18px;
  background: currentColor;
  -webkit-mask: var(--slh-m-arrow) center / contain no-repeat;
  mask: var(--slh-m-arrow) center / contain no-repeat;
  transition: transform 220ms var(--ease-out);
}
.slh-pj[data-slh-project] .slh-ps-open:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-ps-open:hover::after { transform: translateX(4px); }
}
.slh-pj[data-slh-project] .slh-ps-more { display: flex; flex-wrap: wrap; gap: 8px; }
.slh-pj[data-slh-project] .slh-ps-more:empty { display: none; }
.slh-pj[data-slh-project] .slh-ps-pill {
  position: relative;
  flex: 1 1 auto;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card-solid);
  color: var(--ink); --slh-c: var(--ink);
  font: 600 0.88rem var(--font-display);
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), border-color 200ms, background-color 200ms, color 200ms;
}
.slh-pj[data-slh-project] .slh-ps-pill::before {
  content: "";
  width: 16px; height: 16px;
  flex: none;
  background: var(--pill-ic, var(--blue));
  -webkit-mask: var(--pill-m) center / contain no-repeat;
  mask: var(--pill-m) center / contain no-repeat;
  transition: transform 300ms cubic-bezier(0.2, 1.4, 0.3, 1);
}
.slh-pj[data-slh-project] .slh-ps-pill:active { transform: scale(0.95); }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-ps-pill:hover { border-color: color-mix(in srgb, var(--blue-bright) 45%, var(--card-edge)); }
.slh-pj[data-slh-project] .slh-ps-pill:hover::before { transform: translateY(-2px) scale(1.1); }
}
.slh-pj[data-slh-project] .slh-ps-pill-receipt { --pill-m: var(--slh-m-receipt); }
.slh-pj[data-slh-project] .slh-ps-pill-pdf { --pill-m: var(--slh-m-download); }
.slh-pj[data-slh-project] .slh-ps-pill-link { --pill-m: var(--slh-m-link); border-color: color-mix(in srgb, var(--blue-bright) 40%, var(--card-edge)); color: var(--blue); --slh-c: var(--blue); }
.slh-pj[data-slh-project] .slh-ps-pill-delete { --pill-m: var(--slh-m-trash); --pill-ic: currentColor; color: #dc2626; --slh-c: #dc2626; border-color: color-mix(in srgb, #ef4444 35%, var(--card-edge)); }
body.settlelink-dark-mode .slh-pj[data-slh-project] .slh-ps-pill-delete { color: #f87171; --slh-c: #f87171; }
.slh-pj[data-slh-project] .slh-ps .payment-provider-check-panel {
  display: grid !important;
  grid-template-columns: 34px 1fr;
  gap: 10px 12px !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, #f59e0b 45%, var(--card-edge)) !important;
  background: color-mix(in srgb, #f59e0b 9%, var(--card-solid)) !important;
  box-shadow: none !important;
}
.slh-pj[data-slh-project] .slh-ps .payment-provider-check-icon { width: 34px !important; height: 34px !important; border-radius: 11px !important; display: grid !important; place-items: center; background: #f59e0b !important; color: #3b1d00 !important; --slh-c: #3b1d00; font: 800 1rem var(--font-display) !important; }
.slh-pj[data-slh-project] .slh-ps .payment-provider-check-copy { display: grid; gap: 4px; }
.slh-pj[data-slh-project] .slh-ps .payment-provider-check-copy strong { color: var(--ink) !important; --slh-c: var(--ink); font: 700 0.95rem var(--font-display) !important; }
.slh-pj[data-slh-project] .slh-ps .payment-provider-check-copy :is(span, small) { color: var(--ink-2) !important; --slh-c: var(--ink-2); font-size: 0.85rem !important; line-height: 1.45; }
.slh-pj[data-slh-project] .slh-ps .payment-provider-check-panel .checkPaymentProviderStatusBtn { grid-column: 1 / -1; }
.slh-pj[data-slh-project] .slh-ps :is(.checkPaymentProviderStatusBtn, .checkRecipientPayoutStatusBtn) {
  min-height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid var(--card-edge) !important;
  background: var(--card-solid) !important;
  color: var(--ink) !important; --slh-c: var(--ink);
  font: 700 0.9rem var(--font-display) !important;
  box-shadow: none !important;
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel { margin: 0 !important; border-radius: 18px !important; border: 1px solid var(--card-edge) !important; background: color-mix(in srgb, var(--ink) 3%, transparent) !important; box-shadow: none !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head { min-height: 48px; border-radius: 18px !important; background: transparent !important; color: var(--ink) !important; --slh-c: var(--ink); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row { border-radius: 14px !important; border-color: var(--card-edge) !important; background: var(--card-solid) !important; }
.slh-pj[data-slh-project] :is(.slh-pj-action, .slh-pj-btn, .slh-pj-mini, .slh-pj-create, .slh-back, .slh-pj-toggle) { transition: transform 140ms var(--ease-out), border-color 200ms, background-color 200ms, box-shadow 200ms; }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-pj-action:hover { border-color: color-mix(in srgb, var(--blue-bright) 45%, var(--card-edge)); transform: translateY(-1px); }
.slh-pj[data-slh-project] .slh-pj-action:hover .slh-i { transform: rotate(-8deg) scale(1.1); }
.slh-pj[data-slh-project] .slh-pj-action .slh-i { transition: transform 300ms cubic-bezier(0.2, 1.4, 0.3, 1); }
}
.slh-pj[data-slh-project] .project-photo-delete-btn,
.slh-pj[data-slh-project] #projectAddPhotoBtn,
.slh-pj[data-slh-project] #openProjectAgreementBtn { transition: transform 140ms var(--ease-out); }
.slh-pj[data-slh-project] .project-photo-delete-btn:active,
.slh-pj[data-slh-project] #projectAddPhotoBtn:active,
.slh-pj[data-slh-project] #openProjectAgreementBtn:active { transform: scale(0.96); }
@media (min-width: 600px) {
.slh-pj[data-slh-project] .slh-pss-head { grid-template-columns: 1fr auto; align-items: end; }
.slh-pj[data-slh-project] .slh-pss-status { grid-column: 1 / -1; grid-row: 2; }
.slh-pj[data-slh-project] .slh-pss-controls { grid-column: 2; grid-row: 1; justify-content: flex-end; }
.slh-pj[data-slh-project] .slh-ps-actions { grid-template-columns: auto 1fr; align-items: center; }
.slh-pj[data-slh-project] .slh-ps-open { padding: 0 22px; }
.slh-pj[data-slh-project] .slh-ps-pill { flex: 0 0 auto; }
}
@media (min-width: 900px) {
.slh-pj[data-slh-project] .slh-ps-list.slh-pj-inv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.slh-pj[data-slh-project] .slh-ps-list > :is(h3, p, .slh-pj-eyebrow) { grid-column: 1 / -1; }
}
.slh-pj[data-slh-project] .slh-pj-card-ic-text { padding: 0; font-size: 1rem; }
@media (prefers-reduced-motion: reduce) {
.slh-pj[data-slh-project] .slh-ps,
.slh-pj[data-slh-project] .slh-pss-bar i,
.slh-pj[data-slh-project] .slh-ps[data-status="overdue"] .slh-ps-rail { animation: none !important; }
.slh-pj[data-slh-project] .slh-sort-list,
.slh-pj[data-slh-project] .slh-sort-list li,
.slh-pj[data-slh-project] #projectPaymentSummariesWrap.project-payment-summaries-wrap { transition-duration: 1ms !important; }
}
.slh-pj[data-slh-project] .slh-sort-label small,
.slh-pj[data-slh-project] .slh-ps-type > span { font-size: 0.75rem !important; }
.slh-pj[data-slh-project] .slh-sr.slh-sr,
.slh-pj[data-slh-project] .slh-sr.slh-sr {
  position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important;
  padding: 0 !important; margin: -1px !important; border: 0 !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important; opacity: 0 !important; pointer-events: none !important;
}
.slh-pj[data-slh-project] .slh-sort-btn { width: 100%; justify-content: flex-start; }
.slh-pj[data-slh-project] .slh-sort-btn > .slh-i:last-child { margin-left: auto; }
.slh-pj[data-slh-project] .slh-pj-mini-row { gap: 8px; }
.slh-pj[data-slh-project] .slh-pj-mini {
  position: relative;
  gap: 1px;
  padding: 10px 12px !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.slh-pj[data-slh-project] .slh-pj-mini span { font-size: 0.74rem; }
.slh-pj[data-slh-project] .slh-pj-mini strong { font-size: 1.02rem; }
.slh-pj[data-slh-project] .slh-pj-mini small {
  position: absolute; top: 8px; right: 8px; margin: 0;
  width: 26px; height: 26px; border-radius: 9px;
  justify-content: center; gap: 0;
  font-size: 0; color: var(--blue); --slh-c: var(--blue);
  background: color-mix(in srgb, var(--blue) 10%, transparent);
  transition: background 200ms, transform 200ms var(--ease-out);
}
.slh-pj[data-slh-project] .slh-pj-mini small .slh-i { width: 14px; height: 14px; }
.slh-pj[data-slh-project] .slh-pj-mini:active small { transform: scale(0.9); }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-pj-mini:hover small { background: var(--blue); color: #fff; --slh-c: #fff; }
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel { overflow: hidden; transition: border-color 220ms, background 220ms; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head.recipient-payout-toggle {
  position: relative;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 12px;
  padding: 10px 10px 10px 12px !important;
  min-height: 56px;
  -webkit-tap-highlight-color: transparent;
  transition: background 200ms;
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head.recipient-payout-toggle::before {
  content: "";
  width: 36px; height: 36px; border-radius: 11px;
  background:
    var(--blue) center / 18px 18px no-repeat;
  -webkit-mask: none; mask: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h6m0 0 5-6h5m-10 6 5 6h5'/%3E%3Ccircle cx='4' cy='12' r='1.6' fill='white'/%3E%3C/svg%3E");
  background-color: var(--blue);
  box-shadow: 0 8px 18px -10px var(--glow);
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head strong { display: block; font: 700 0.95rem var(--font-display) !important; color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head div > span { display: block; margin-top: 2px; font-size: 0.78rem !important; line-height: 1.3; color: var(--ink-3) !important; -webkit-text-fill-color: currentColor !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-toggle-label {
  display: inline-flex; align-items: center; gap: 6px;
  min-width: 0; height: 32px;
  padding: 0 6px 0 12px !important;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card-solid) !important;
  color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; --slh-c: var(--ink);
  font: 600 0.8rem var(--font-display) !important;
  box-shadow: 0 6px 14px -10px rgba(15, 35, 95, 0.45);
  transition: background 220ms, border-color 220ms, transform 160ms var(--ease-out);
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-toggle-indicator {
  width: 22px; height: 22px; border-radius: 50%;
  font-size: 0 !important; color: transparent;
  background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  transform: rotate(180deg);
  transition: transform 380ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 220ms;
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel.is-collapsed .recipient-payout-toggle-indicator { transform: rotate(0deg); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-toggle:active .recipient-payout-toggle-label { transform: scale(0.94); }
@media (hover: hover) and (pointer: fine) {
.slh-pj[data-slh-project] .slh-ps .recipient-payout-toggle:hover .recipient-payout-toggle-label { border-color: color-mix(in srgb, var(--blue) 45%, transparent); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-toggle:hover { background: color-mix(in srgb, var(--blue) 5%, transparent) !important; }
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-body {
  padding: 0 12px;
  transition: grid-template-rows 360ms var(--ease-out), opacity 260ms ease, margin-top 360ms var(--ease-out), padding 360ms var(--ease-out) !important;
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body { padding-bottom: 12px; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body-inner > * { animation: slh-split-in 420ms var(--ease-out) both; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body-inner > *:nth-child(2) { animation-delay: 50ms; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body-inner > *:nth-child(3) { animation-delay: 100ms; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body-inner > *:nth-child(n+4) { animation-delay: 150ms; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-body-inner > * { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-body-inner > * { animation: none !important; }
}
.slh-pj[data-slh-project] .slh-ps { animation-delay: min(calc(var(--i, 0) * 50ms), 250ms) !important; }
.slh-pj[data-slh-project] .slh-ps:nth-child(n+7),
.slh-pj[data-slh-project] .slh-ps-list > .slh-ps:nth-child(n+7) { animation: none !important; }
.slh-pj[data-slh-project] .slh-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
.slh-pj[data-slh-project] .slh-pj-mini .slh-pj-auto { position: absolute; top: 8px; right: 8px; width: auto !important; height: 22px !important; padding: 0 8px; border-radius: 999px !important; font: 700 0.66rem var(--font-display) !important; letter-spacing: 0.06em; text-transform: uppercase; color: var(--blue) !important; background: color-mix(in srgb, var(--blue) 10%, transparent) !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel {
  border: 1px solid var(--card-edge) !important; border-radius: 16px !important;
  background: color-mix(in srgb, var(--ink) 2.5%, var(--card-solid)) !important; box-shadow: none !important;
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head.recipient-payout-toggle { min-height: 0 !important; padding: 12px 12px 12px 14px !important; gap: 12px !important; align-items: center !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head.recipient-payout-toggle::before { width: 34px !important; height: 34px !important; border-radius: 11px !important; flex: none; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head strong { font: 700 0.92rem var(--font-display) !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-head div > span { font-size: 0.76rem !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-toggle-label { padding: 6px 8px 6px 12px !important; min-height: 0 !important; font-size: 0.8rem !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-body,
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel.recipient-payout-panel .recipient-payout-panel-body { transition: none !important; padding: 0 14px !important; margin-top: 0 !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body { padding-bottom: 14px !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-body-inner { gap: 0 !important; contain: layout paint; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel:not(.is-collapsed) .recipient-payout-panel-body-inner > * { animation: slh-split-in2 260ms cubic-bezier(0.22, 1, 0.36, 1) both !important; }
.slh-pj[data-slh-project] .slh-ps .slh-split { order: -2; display: grid; gap: 6px; padding: 2px 0 10px; border-bottom: 1px solid color-mix(in srgb, var(--ink) 8%, transparent); }
.slh-pj[data-slh-project] .slh-ps .slh-split-bar { display: flex; gap: 3px; height: 8px; }
.slh-pj[data-slh-project] .slh-ps .slh-split-bar i { flex-basis: 0; border-radius: 4px; background: color-mix(in srgb, var(--ink) 14%, transparent); transform-origin: left; }
.slh-pj[data-slh-project] .slh-ps .slh-split-bar i.is-done { background: linear-gradient(90deg, #22c55e, #10b981); }
.slh-pj[data-slh-project] .slh-ps .slh-split-bar i.is-moving { background: linear-gradient(90deg, #3b82f6, #06b6d4); }
.slh-pj[data-slh-project] .slh-ps .slh-split-bar i.is-bad { background: #ef4444; }
.slh-pj[data-slh-project] .slh-ps .slh-split-count { font-size: 0.76rem; color: var(--ink-3); }
.slh-pj[data-slh-project] .slh-ps .slh-split-count b { color: var(--ink); font-family: var(--font-display); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-list { display: grid !important; gap: 0 !important; margin: 0 !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row.recipient-payout-row {
  position: relative; margin: 0 !important; padding: 10px 0 10px 22px !important;
  border: 0 !important; border-bottom: 1px solid color-mix(in srgb, var(--ink) 7%, transparent) !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important;
}
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row:last-child { border-bottom: 0 !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row::before { content: ""; position: absolute; left: 4px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 3px color-mix(in srgb, #94a3b8 18%, transparent); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row[data-tone="done"]::before { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row[data-tone="moving"]::before { background: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row[data-tone="bad"]::before { background: #ef4444; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18); }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row-main { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row-main strong { display: block; font: 700 0.88rem var(--font-display) !important; color: var(--ink) !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-row-main span { display: block; font-size: 0.76rem !important; color: var(--ink-3) !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-status { padding: 4px 9px !important; border-radius: 999px !important; font: 700 0.7rem var(--font-display) !important; white-space: nowrap; font-style: normal !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-help { order: 5; margin: 10px 0 0 !important; font-size: 0.74rem !important; line-height: 1.45 !important; color: var(--ink-3) !important; }
.slh-pj[data-slh-project] .slh-ps .recipient-payout-panel-body-inner { display: flex !important; flex-direction: column !important; }
.slh-pj[data-slh-project] .slh-ps .checkRecipientPayoutStatusBtn {
  order: 6; align-self: flex-start; min-height: 34px !important; margin-top: 8px !important; padding: 0 12px !important;
  border-radius: 10px !important; font-size: 0.8rem !important; width: auto !important;
  background: transparent !important; border: 1px solid var(--card-edge) !important; color: var(--blue) !important; box-shadow: none !important;
}
body.settlelink-dark-mode .slh-pj[data-slh-project] .slh-ps .checkRecipientPayoutStatusBtn { color: #93c5fd !important; }
.slh-pj[data-slh-project] .slh-ps .slh-split .slh-split-bar { background: none !important; }
.slh-pj[data-slh-project] .slh-ps .slh-split .slh-split-bar i { transform: none !important; animation: slh-split-grow 600ms cubic-bezier(0.22, 1, 0.36, 1) both !important; }
.slh-pj[data-slh-project] .slh-pj-mini .slh-pj-auto { position: absolute; top: 8px; right: 8px; width: auto !important; height: 22px !important; padding: 0 8px; border-radius: 999px !important; font: 700 0.66rem var(--font-display) !important; letter-spacing: 0.06em; text-transform: uppercase; color: var(--blue) !important; background: color-mix(in srgb, var(--blue) 10%, transparent) !important; }
@keyframes slh-db-in { from { opacity: 0; transform: translateY(14px); } }
@keyframes slh-pss-grow { from { transform: scaleX(0); } to { transform: none; } }
@keyframes slh-ps-in { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: none; } }
@keyframes slh-ps-alert { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@keyframes slh-split-in { from { opacity: 0; transform: translateY(6px); } }
@keyframes slh-split-in2 { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes slh-split-grow { from { transform: scaleX(0); opacity: 0.4; } to { transform: scaleX(1); opacity: 1; } }

/* Keep values and interactive state readable independently of shell takeover rules. */
.slh-pj[data-slh-project] [data-status] { --st: #94a3b8; }
.slh-pj[data-slh-project] [data-status="sent"] { --st: #3b82f6; }
.slh-pj[data-slh-project] [data-status="overdue"] { --st: #ef4444; }
.slh-pj[data-slh-project] [data-status="paid"], .slh-pj[data-slh-project] [data-status="approved"] { --st: #22c55e; }
.slh-pj[data-slh-project] [data-status="refunded"] { --st: #a855f7; }
.slh-pj[data-slh-project] h1, .slh-pj[data-slh-project] strong { overflow-wrap: anywhere; }
.slh-pj[data-slh-project] .slh-pj-mini strong { white-space: normal; }
.slh-pj[data-slh-project] .slh-pj-mini, .slh-pj[data-slh-project] .slh-pj-section, .slh-pj[data-slh-project] .slh-ps { min-width: 0; }
.slh-pj[data-slh-project] .slh-pj-section { grid-template-columns: minmax(0, 1fr); }
.slh-pj[data-slh-project] [hidden] { display: none !important; }
.slh-pj[data-slh-project] :focus-visible { outline: 3px solid var(--focus) !important; outline-offset: 2px; }
.slh-pj[data-slh-project] button:disabled { cursor: default; opacity: 0.65; }
@media (prefers-reduced-motion: reduce) { .slh-pj[data-slh-project] *, .slh-pj[data-slh-project] *::before, .slh-pj[data-slh-project] *::after { animation: none !important; transition: none !important; } }
body.slh-reduce-motion .slh-pj[data-slh-project] *, body.slh-reduce-motion .slh-pj[data-slh-project] *::before, body.slh-reduce-motion .slh-pj[data-slh-project] *::after { animation: none !important; transition: none !important; }
/* Claude r9e secondary page presentation. Scoped local tokens replace its unported shell overlay.
   Native labelled select/checkboxes retain existing application behavior. */
:is(.slh-cp[data-slh-db], .slh-dev-receipts) {
  --bg: #f3f7ff;
  --bg-2: #e6eeff;
  --ink: #0a1430;            
  --ink-2: #3d4b68;          
  --ink-3: #5a6884;          
  --blue: #1d4ed8;           
  --blue-bright: #3b82f6;
  --cyan: #0891b2;
  --lime: #a3e635;
  --lime-2: #4ade80;
  --lime-ink: #052e12;       
  --lime-edge: #4d7c0f;
  --card: rgba(255, 255, 255, 0.82);
  --card-solid: #ffffff;
  --card-edge: rgba(29, 78, 216, 0.16);
  --glow: rgba(59, 130, 246, 0.28);
  --glow-lime: rgba(132, 204, 22, 0.35);
  --bp: rgba(29, 78, 216, 0.34);
  --bp-grid: rgba(29, 78, 216, 0.07);
  --window: rgba(59, 130, 246, 0.12);
  --window-glow: rgba(59, 130, 246, 0.0);
  --screen-bg: linear-gradient(160deg, #ffffff 0%, #eef3ff 100%);
  --screen-side: #f2f6ff;
  --row-bg: #ffffff;
  --focus: #1d4ed8;
  --shadow-lg: 0 30px 80px -20px rgba(15, 35, 95, 0.35);
  --font-display: "SLH Sora", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --gutter: 16px;

 --ac: var(--lime-edge); min-width: 0; grid-template-columns: minmax(0, 1fr); font-family: var(--font-body); color: var(--ink); background: var(--bg); }
body.settlelink-dark-mode :is(.slh-cp[data-slh-db], .slh-dev-receipts) {
  --bg: #040a18;
  --bg-2: #0a1530;
  --ink: #f2f6ff;            
  --ink-2: #b3c0dc;          
  --ink-3: #8c9bbb;          
  --blue: #60a5fa;           
  --blue-bright: #3b82f6;
  --cyan: #38bdf8;
  --card: rgba(12, 24, 52, 0.72);
  --card-solid: #0c1834;
  --card-edge: rgba(96, 165, 250, 0.26);
  --glow: rgba(59, 130, 246, 0.55);
  --glow-lime: rgba(163, 230, 53, 0.5);
  --bp: rgba(96, 165, 250, 0.55);
  --bp-grid: rgba(96, 165, 250, 0.07);
  --window: rgba(251, 191, 36, 0.26);
  --window-glow: rgba(251, 191, 36, 0.45);
  --screen-bg: linear-gradient(160deg, #0d1a3a 0%, #081128 100%);
  --screen-side: #0a1430;
  --row-bg: #0e1b3d;
  --focus: #93c5fd;
  --shadow-lg: 0 40px 100px -20px rgba(0, 0, 0, 0.7);

 --ac: var(--lime); }
:is(.slh-cp[data-slh-db], .slh-dev-receipts) *, :is(.slh-cp[data-slh-db], .slh-dev-receipts) *::before, :is(.slh-cp[data-slh-db], .slh-dev-receipts) *::after { box-sizing: border-box; }
:is(.slh-cp[data-slh-db], .slh-dev-receipts) .slh-i { width: 22px; height: 22px; flex: none; }
:is(.slh-cp[data-slh-db], .slh-dev-receipts) .slh-i .ac { stroke: var(--ac); }
:is(.slh-cp[data-slh-db], .slh-dev-receipts) .slh-i .acf { fill: var(--ac); stroke: none; }
body .slh-cp[data-slh-db] :is(p, span, small, strong, label, li, b, em, h1, h2, h3, a, button, dt, dd) { color: var(--slh-c, inherit) !important; -webkit-text-fill-color: currentColor !important; }

.slh-cp[data-slh-db] { display: grid; gap: 18px; padding: 16px 0 calc(110px + env(safe-area-inset-bottom, 0px)); }
.slh-cp[data-slh-db] h1,
.slh-cp[data-slh-db] h3,
.slh-cp[data-slh-db] p { margin: 0; }
.slh-cp[data-slh-db] .slh-cp-hero {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; gap: 16px;
  padding: 22px 20px;
  border-radius: 28px;
  color: #f2f6ff; --slh-c: #f2f6ff;
  background:
    radial-gradient(80% 60% at 100% 0%, rgba(59, 130, 246, 0.45), transparent 60%),
    radial-gradient(60% 50% at 0% 100%, rgba(163, 230, 53, 0.22), transparent 65%),
    linear-gradient(150deg, #0a1638 0%, #071029 100%);
  border: 1px solid rgba(96, 165, 250, 0.35);
}
.slh-cp[data-slh-db] .slh-cp-hero h1 { margin-top: 4px !important; font: 800 clamp(1.9rem, 8vw, 2.8rem)/1.05 var(--font-display); letter-spacing: -0.04em; color: #fff !important; --slh-c: #fff; }
.slh-cp[data-slh-db] .slh-cp-sub { margin-top: 8px !important; color: #c7d2ea !important; --slh-c: #c7d2ea; max-width: 44ch; }
.slh-cp[data-slh-db] .slh-cp-list { display: grid; gap: 12px; }
.slh-cp[data-slh-db] .slh-cp-card {
  display: grid; gap: 14px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  animation: slh-secondary-db-in 520ms var(--ease-out) both;
  animation-delay: calc(var(--i) * 60ms);
}
.slh-cp[data-slh-db] .slh-cp-card-top { display: grid; grid-template-columns: 46px 1fr; gap: 12px; align-items: center; }
.slh-cp[data-slh-db] .slh-cp-folder { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: var(--ac); --slh-c: var(--ac); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lime) 45%, var(--card-edge)); background: color-mix(in srgb, var(--lime) 10%, transparent); }
.slh-cp[data-slh-db] .slh-cp-card-title h3 { font: 800 1.1rem/1.25 var(--font-display); letter-spacing: -0.02em; color: var(--ink); --slh-c: var(--ink); overflow-wrap: anywhere; }
.slh-cp[data-slh-db] .slh-cp-card-title p { margin-top: 2px !important; font-size: 0.86rem; color: var(--ink-3); --slh-c: var(--ink-3); }
.slh-cp[data-slh-db] .slh-cp-badge { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px 0 8px; border-radius: 999px; font: 600 0.78rem var(--font-display); color: #166534; --slh-c: #166534; background: color-mix(in srgb, #22c55e 12%, transparent); border: 1px solid color-mix(in srgb, #22c55e 40%, transparent); }
body.settlelink-dark-mode .slh-cp[data-slh-db] .slh-cp-badge { color: #86efac; --slh-c: #86efac; }
.slh-cp[data-slh-db] .slh-cp-badge .slh-i { width: 15px; height: 15px; stroke-width: 2.2; }
.slh-cp[data-slh-db] .slh-cp-actions { display: grid; gap: 8px; }
.slh-cp[data-slh-db] .slh-cp-btn {
  position: relative;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid var(--card-edge);
  background: transparent;
  color: var(--ink); --slh-c: var(--ink);
  font: 600 0.95rem var(--font-display);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), background-color 200ms;
}
.slh-cp[data-slh-db] .slh-cp-btn:active { transform: scale(0.97); }
.slh-cp[data-slh-db] .slh-cp-btn:disabled { opacity: 0.6; cursor: progress; }
.slh-cp[data-slh-db] .slh-cp-btn-primary { background: linear-gradient(100deg, var(--lime), var(--lime-2)); border-color: var(--lime-edge); color: var(--lime-ink); --slh-c: var(--lime-ink); box-shadow: 0 10px 24px -14px var(--glow-lime); }
.slh-cp[data-slh-db] .slh-cp-btn-quiet { color: var(--ink-2); --slh-c: var(--ink-2); border-style: dashed; }
.slh-cp[data-slh-db] .slh-cp-empty { display: grid; justify-items: center; gap: 10px; text-align: center; padding: 32px 20px; border-radius: 24px; border: 1px dashed var(--card-edge); background: var(--card); }
.slh-cp[data-slh-db] .slh-cp-empty-art { width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--card-edge); color: var(--ink); --slh-c: var(--ink); }
.slh-cp[data-slh-db] .slh-cp-empty-art .slh-i { width: 32px; height: 32px; }
.slh-cp[data-slh-db] .slh-cp-empty h3 { font: 800 1.2rem var(--font-display); color: var(--ink); --slh-c: var(--ink); }
.slh-cp[data-slh-db] .slh-cp-empty p { color: var(--ink-2); --slh-c: var(--ink-2); }
@media (min-width: 600px) {
.slh-cp[data-slh-db] .slh-cp-hero { grid-template-columns: auto 1fr; align-items: center; gap: 24px; padding: 28px; }
.slh-cp[data-slh-db] .slh-cp-actions { grid-template-columns: auto auto 1fr; justify-items: start; }
.slh-cp[data-slh-db] .slh-cp-btn-quiet { justify-self: end; }
}
@media (min-width: 1100px) {
.slh-cp[data-slh-db] .slh-cp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.slh-cp[data-slh-db] .slh-db-archive-art { position: relative; width: 92px; height: 84px; }
.slh-cp[data-slh-db] .slh-db-archive-sheet {
  position: absolute;
  left: 18px; right: 18px;
  height: 46px;
  border-radius: 10px;
  border: 1.5px solid rgba(191, 219, 254, 0.55);
  background: rgba(15, 30, 70, 0.9);
}
.slh-cp[data-slh-db] .slh-db-archive-sheet::after { content: ""; position: absolute; left: 10px; right: 22px; top: 10px; height: 2px; border-radius: 2px; background: rgba(191, 219, 254, 0.5); box-shadow: 0 7px 0 rgba(191, 219, 254, 0.35); }
.slh-cp[data-slh-db] .slh-db-archive-sheet.s1 { top: 0; transform: rotate(-6deg); animation: slh-secondary-db-sheet 3.4s ease-in-out infinite; }
.slh-cp[data-slh-db] .slh-db-archive-sheet.s2 { top: 8px; transform: rotate(4deg); animation: slh-secondary-db-sheet 3.4s ease-in-out 0.25s infinite; }
.slh-cp[data-slh-db] .slh-db-archive-sheet.s3 { top: 16px; animation: slh-secondary-db-sheet 3.4s ease-in-out 0.5s infinite; }
.slh-cp[data-slh-db] .slh-db-archive-box {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 48px;
  border-radius: 14px;
  display: grid; place-items: center;
  background: linear-gradient(100deg, #a3e635, #4ade80);
  color: #052e12; --slh-c: #052e12;
  box-shadow: 0 12px 26px -10px rgba(163, 230, 53, 0.6);
}
.slh-cp[data-slh-db] .slh-db-archive-box .slh-i { width: 26px; height: 26px; stroke-width: 1.8; }
.slh-cp[data-slh-db] .slh-db-archive-box .slh-i .ac { stroke: currentColor; }
.slh-cp[data-slh-db] .slh-db-archive-kicker { font: 600 0.78rem var(--font-display); letter-spacing: 0.1em; text-transform: uppercase; color: #a3e635 !important; --slh-c: #a3e635; }
.slh-cp[data-slh-db] .slh-db-archive-copy > p:not(.slh-db-archive-kicker):not(.slh-db-archive-count) { margin-top: 8px !important; color: #c7d2ea !important; --slh-c: #c7d2ea; max-width: 38ch; }
.slh-cp[data-slh-db] .slh-db-archive-count { margin-top: 14px !important; display: flex; align-items: baseline; gap: 8px; color: #c7d2ea !important; --slh-c: #c7d2ea; font: 600 0.95rem var(--font-display); }
.slh-cp[data-slh-db] .slh-db-archive-count strong { font: 800 2.4rem/1 var(--font-display); letter-spacing: -0.04em; color: #ffffff !important; --slh-c: #ffffff; font-variant-numeric: tabular-nums; }
.slh-cp[data-slh-db] .slh-db-archive-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid rgba(190, 242, 100, 0.7);
  background: linear-gradient(100deg, #a3e635, #4ade80);
  color: #052e12 !important; --slh-c: #052e12;
  font: 700 1rem var(--font-display);
  cursor: pointer;
  box-shadow: 0 14px 30px -14px rgba(163, 230, 53, 0.6);
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out);
}
.slh-cp[data-slh-db] .slh-db-archive-btn .slh-i { width: 20px; height: 20px; transition: transform 200ms var(--ease-out); }
.slh-cp[data-slh-db] .slh-db-archive-btn:active { transform: scale(0.97); }
.slh-cp[data-slh-db] .slh-db-archive-kicker { font-size: 0.75rem !important; }
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn .slh-i { stroke-width: 2.2; transition: transform 220ms var(--ease-out); }
body.settlelink-dark-mode .slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn.slh-db-archive-btn { color: #93c5fd !important; }
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn.slh-db-archive-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
  width: auto !important; height: 42px !important; min-height: 0 !important; padding: 0 12px 0 16px !important; border-radius: 999px !important;
  font: 700 0.88rem var(--font-display) !important; color: #fff !important; border: 0 !important;
  background: linear-gradient(115deg, #0b1533, #1d4ed8 70%, #0891b2 130%) !important; box-shadow: 0 10px 22px -14px rgba(29, 78, 216, 0.9) !important;
}
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn > span { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; }
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn .slh-i { width: 18px !important; height: 18px !important; }
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn,
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn > span,
.slh-cp[data-slh-db] .slh-db-archive .slh-db-archive-btn > span::before { color: #fff !important; -webkit-text-fill-color: #fff; }
.slh-cp[data-slh-db] .slh-back {
  display: inline-flex; align-items: center; gap: 4px;
  min-height: 44px;
  padding: 0 14px 0 8px;
  border-radius: 999px;
  border: 1px solid var(--card-edge);
  background: var(--card);
  color: var(--ink); --slh-c: var(--ink);
  font: 600 0.92rem var(--font-display);
  cursor: pointer;
  justify-self: start;
}
.slh-cp[data-slh-db] .slh-back .slh-i { width: 18px; height: 18px; transform: rotate(180deg); color: var(--blue); --slh-c: var(--blue); }
.slh-cp[data-slh-db] .slh-back:active { transform: scale(0.96); }
.slh-cp[data-slh-db] :is(.slh-pj-action, .slh-pj-btn, .slh-pj-mini, .slh-pj-create, .slh-back, .slh-pj-toggle) { transition: transform 140ms var(--ease-out), border-color 200ms, background-color 200ms, box-shadow 200ms; }
html body #app .slh-dev-receipts { --pg-gap: 16px; }
html body #app .slh-dev-receipts :is(h1, h2, h3, h4, p, span, small, strong, b, label, li, a, button, summary, div, dt, dd, em) { -webkit-text-fill-color: currentColor !important; }
html body #app .slh-dev-receipts > :is(section, header, div) { position: relative; }
html body #app .slh-dev-receipts { display: grid !important; gap: var(--pg-gap) !important; padding: 16px 0 24px !important; margin: 0 !important; background: none !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px !important;
  align-items: start !important;
  gap: 14px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 2px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  animation: slh-secondary-pg-in 600ms var(--ease-out) both;
}
html body #app .slh-dev-receipts .builder-workspace-page-card::before,
html body #app .slh-dev-receipts .builder-workspace-page-card::after { content: none !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card > img { display: none !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card > div:first-child { min-width: 0; padding: 0 !important; margin: 0 !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card .builder-workspace-page-eyebrow {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  margin: 0 0 8px !important; padding: 0 !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
  font: 600 0.85rem var(--font-display) !important; letter-spacing: 0 !important; text-transform: none !important;
  color: var(--blue) !important;
}
html body #app .slh-dev-receipts .builder-workspace-page-card .builder-workspace-page-eyebrow .builder-workspace-page-icon {
  width: 18px !important; height: 18px !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: currentColor !important;
  -webkit-mask: var(--m-briefcase) center / contain no-repeat; mask: var(--m-briefcase) center / contain no-repeat;
}
html body #app .slh-dev-receipts .builder-workspace-page-card .builder-workspace-page-eyebrow .builder-workspace-page-icon::before,
html body #app .slh-dev-receipts .builder-workspace-page-card .builder-workspace-page-eyebrow .builder-workspace-page-icon::after { content: none !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card h1 {
  margin: 0 !important;
  font: 800 clamp(2.3rem, 11vw, 3.2rem)/1 var(--font-display) !important;
  letter-spacing: -0.045em !important;
  color: var(--ink) !important;
  background: none !important;
}
html body #app .slh-dev-receipts .builder-workspace-page-card .page-subtitle {
  margin: 10px 0 0 !important;
  max-width: 34ch;
  font: 400 1rem/1.5 var(--font-body) !important;
  color: var(--ink-2) !important;
}
html body #app .slh-dev-receipts .builder-workspace-page-card::before {
  content: "" !important;
  position: absolute;
  top: 6px; right: 2px;
  width: 60px; height: 60px;
  border-radius: 20px;
  background:
    linear-gradient(var(--card-solid), var(--card-solid)) padding-box,
    conic-gradient(from var(--slh-secondary-ang), var(--lime), var(--blue-bright), var(--cyan), var(--lime)) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 18px 40px -22px var(--glow);
  animation: slh-secondary-pg-orbit 6s linear infinite;
}
html body #app .slh-dev-receipts .builder-workspace-page-card::after {
  content: "" !important;
  position: absolute;
  top: 6px; right: 2px;
  width: 60px; height: 60px;
  background: var(--blue);
  -webkit-mask: var(--pg-ic) center / 28px no-repeat;
  mask: var(--pg-ic) center / 28px no-repeat;
  animation: slh-secondary-pg-pop 700ms cubic-bezier(0.2, 1.4, 0.3, 1) 150ms both;
}
html body #app .slh-dev-receipts { --pg-ic: var(--m-doc); }
html body #app .slh-dev-receipts .panel {
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 24px !important;
  border: 1px solid var(--card-edge) !important;
  background: var(--card) !important;
  box-shadow: 0 18px 40px -36px rgba(15, 35, 95, 0.55) !important;
  color: var(--ink) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body #app .slh-dev-receipts > * { animation: slh-secondary-pg-in 560ms var(--ease-out) both; }
html body #app .slh-dev-receipts > :nth-child(2) { animation-delay: 60ms; }
html body #app .slh-dev-receipts > :nth-child(3) { animation-delay: 110ms; }
html body #app .slh-dev-receipts > :nth-child(4) { animation-delay: 160ms; }
html body #app .slh-dev-receipts > :nth-child(n+5) { animation-delay: 200ms; }
html body #app .slh-dev-receipts :is(.panel-title, h2, h3) { font-family: var(--font-display) !important; letter-spacing: -0.02em !important; color: var(--ink) !important; }
html body #app .slh-dev-receipts .panel :is(h2) { font-size: 1.25rem !important; font-weight: 800 !important; line-height: 1.2 !important; }
html body #app .slh-dev-receipts .panel :is(h3, .panel-title) { font-size: 1.05rem !important; font-weight: 800 !important; line-height: 1.25 !important; }
html body #app .slh-dev-receipts :is(.muted-text, .field-help) { color: var(--ink-3) !important; font-size: 0.88rem !important; line-height: 1.5 !important; }
html body #app .slh-dev-receipts .panel .eyebrow,
html body #app .slh-dev-receipts .panel p.eyebrow,
html body #app .slh-dev-receipts span.eyebrow {
  margin: 0 0 4px !important;
  font: 600 0.72rem var(--font-display) !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: var(--blue) !important;
  background: none !important;
}
html body #app .slh-dev-receipts a:not([class*="btn"]):not(.more-settings-row):not(.more-help-legal-tile) { color: var(--blue) !important; font-weight: 700; }
html body #app .slh-dev-receipts label { color: var(--ink) !important; font: 700 0.9rem var(--font-display) !important; }
html body #app .slh-dev-receipts .builder-count-heading { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; }
html body #app .slh-dev-receipts .builder-count-heading :is(h2, h3) { margin: 0 !important; font: 800 1.35rem/1.2 var(--font-display) !important; letter-spacing: -0.03em !important; }
html body #app .slh-dev-receipts .builder-count-badge {
  display: inline-grid !important; place-items: center !important;
  min-width: 30px !important; height: 30px !important; padding: 0 9px !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--blue-bright) 35%, transparent) !important;
  background: color-mix(in srgb, var(--blue-bright) 12%, transparent) !important;
  color: var(--blue) !important;
  font: 800 0.85rem var(--font-display) !important;
  box-shadow: none !important;
}
html body #app .slh-dev-receipts :is(.text-input, select.text-input, textarea.text-input):not([type="checkbox"]):not([type="radio"]) {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  border: 1.5px solid var(--card-edge) !important;
  background-color: var(--card-solid) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font: 600 1rem var(--font-body) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 200ms, box-shadow 220ms !important;
}
html body #app .slh-dev-receipts textarea.text-input { min-height: 100px !important; padding: 14px 16px !important; line-height: 1.5 !important; }
html body #app .slh-dev-receipts select.text-input {
  -webkit-appearance: none !important; appearance: none !important;
  padding-right: 44px !important;
  background-image: var(--m-chev-img) !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 14px !important;
}
html body #app .slh-dev-receipts { --m-chev-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6884' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
html body #app .slh-dev-receipts .text-input::placeholder { color: var(--ink-3) !important; -webkit-text-fill-color: var(--ink-3) !important; opacity: 0.85 !important; }
html body #app .slh-dev-receipts .text-input:focus { border-color: var(--blue-bright) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue-bright) 20%, transparent) !important; }
html body #app .slh-dev-receipts .text-input.input-error { border-color: #ef4444 !important; box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.14) !important; animation: slh-secondary-shake 380ms ease; }
html body #app .slh-dev-receipts .form-error-text { margin: 6px 0 0 !important; padding: 9px 12px !important; border-radius: 12px !important; background: color-mix(in srgb, #ef4444 9%, transparent) !important; border: 1px solid color-mix(in srgb, #ef4444 30%, transparent) !important; color: #b91c1c !important; font: 600 0.85rem/1.4 var(--font-body) !important; }
html body.settlelink-dark-mode #app .slh-dev-receipts .form-error-text { color: #fca5a5 !important; }
html body #app .slh-dev-receipts :is(.primary-btn, .secondary-btn) {
  position: relative;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font: 700 0.95rem var(--font-display) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms var(--ease-out), border-color 200ms, background-color 200ms, box-shadow 200ms, filter 200ms !important;
}
html body #app .slh-dev-receipts :is(.primary-btn, .secondary-btn):active:not(:disabled) { transform: scale(0.96) !important; }
html body #app .slh-dev-receipts .primary-btn {
  border: 1px solid var(--lime-edge) !important;
  background: linear-gradient(100deg, var(--lime), var(--lime-2)) !important;
  color: var(--lime-ink) !important;
  box-shadow: 0 12px 26px -16px var(--glow-lime) !important;
}
html body #app .slh-dev-receipts .secondary-btn {
  border: 1px solid var(--card-edge) !important;
  background: var(--card-solid) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
html body #app .slh-dev-receipts .secondary-btn:hover:not(:disabled) { border-color: color-mix(in srgb, var(--blue-bright) 45%, var(--card-edge)) !important; }
html body #app .slh-dev-receipts .primary-btn:hover:not(:disabled) { filter: brightness(1.04) saturate(1.1); box-shadow: 0 16px 30px -14px var(--glow-lime) !important; }
}
html body #app .slh-dev-receipts .danger-btn,
html body #app .slh-dev-receipts .secondary-btn.danger-btn {
  border-color: color-mix(in srgb, #ef4444 40%, var(--card-edge)) !important;
  background: color-mix(in srgb, #ef4444 7%, var(--card-solid)) !important;
  color: #dc2626 !important;
}
html body.settlelink-dark-mode #app .slh-dev-receipts .danger-btn { color: #fca5a5 !important; }
html body #app .slh-dev-receipts :is(.primary-btn, .secondary-btn):disabled { opacity: 0.5 !important; filter: grayscale(0.5); cursor: not-allowed; }
html body #app .slh-dev-receipts .button-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 0 !important; }
html body #app .slh-dev-receipts :focus-visible { outline: 3px solid var(--focus) !important; outline-offset: 2px !important; }
html body #app .slh-dev-receipts details > summary { list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html body #app .slh-dev-receipts details > summary::-webkit-details-marker { display: none; }
html body #app .slh-dev-receipts .status-chip.contact-setup-chip {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  min-height: 28px !important; height: 28px !important; padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--chip-edge) !important;
  background: var(--chip-bg) !important;
  color: var(--chip-ink) !important;
  font: 700 0.75rem/1 var(--font-display) !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
html body #app .slh-dev-receipts .status-chip.contact-setup-chip::before { content: "" !important; width: 7px; height: 7px; border-radius: 50%; background: currentColor !important; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 20%, transparent); }
html body #app .slh-dev-receipts .status-chip.contact-setup-chip.review::before { animation: slh-secondary-dot-pulse 1.6s ease-in-out infinite; }
html body #app .slh-dev-receipts .receipts-sort-card { display: grid !important; gap: 14px !important; }
html body #app .slh-dev-receipts .receipts-sort-copy { margin: -6px 0 0 !important; }
html body #app .slh-dev-receipts .receipts-sort-field { display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; gap: 12px !important; margin: 0 !important; }
html body #app .slh-dev-receipts .receipts-sort-field label { font: 600 0.8rem var(--font-display) !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ink-3) !important; }
html body #app .slh-dev-receipts .receipts-select-toolbar {
  display: grid !important;
  gap: 12px !important;
  margin: 2px 0 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid var(--card-edge) !important;
  background: color-mix(in srgb, var(--blue-bright) 5%, transparent) !important;
  box-shadow: none !important;
}
html body #app .slh-dev-receipts .receipts-select-toolbar > div:first-child { display: grid; gap: 2px; padding-left: 46px; position: relative; }
html body #app .slh-dev-receipts .receipts-select-toolbar > div:first-child::before {
  content: "";
  position: absolute; left: 0; top: 0;
  width: 36px; height: 36px; border-radius: 12px;
  background: color-mix(in srgb, var(--blue-bright) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blue-bright) 30%, transparent);
}
html body #app .slh-dev-receipts .receipts-select-toolbar > div:first-child::after {
  content: "";
  position: absolute; left: 8px; top: 8px;
  width: 20px; height: 20px;
  background: var(--blue);
  -webkit-mask: var(--slh-m-download) center / contain no-repeat; mask: var(--slh-m-download) center / contain no-repeat;
}
html body #app .slh-dev-receipts .receipts-select-toolbar strong { font: 800 1rem var(--font-display) !important; color: var(--ink) !important; }
html body #app .slh-dev-receipts .receipts-select-toolbar p { margin: 0 !important; font-size: 0.84rem !important; }
html body #app .slh-dev-receipts #startReceiptSelectionBtn { width: 100% !important; }
html body #app .slh-dev-receipts .receipts-select-toolbar-active { border-color: color-mix(in srgb, var(--lime-edge) 60%, var(--card-edge)) !important; background: color-mix(in srgb, var(--lime) 8%, transparent) !important; }
html body #app .slh-dev-receipts .receipts-selection-expand-panel { border-radius: 14px !important; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html body #app .slh-dev-receipts .receipts-selection-expand-panel-open { display: grid !important; gap: 12px !important; }
html body #app .slh-dev-receipts #receiptSelectedCountLabel { display: inline-flex !important; align-items: center; gap: 8px; font: 800 1.1rem var(--font-display) !important; }
html body #app .slh-dev-receipts #receiptSelectedCountLabel::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px color-mix(in srgb, var(--lime) 25%, transparent); }
html body #app .slh-dev-receipts .receipts-select-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
html body #app .slh-dev-receipts .receipts-select-actions #downloadSelectedReceiptsBtn { grid-column: 1 / -1; order: -1; min-height: 52px !important; border-radius: 16px !important; }
html body #app .slh-dev-receipts .receipts-select-actions button { width: 100% !important; min-height: 44px !important; padding: 0 10px !important; font-size: 0.86rem !important; }
html body #app .slh-dev-receipts .receipts-select-actions #cancelReceiptSelectionBtn { grid-column: 1 / -1; }
html body #app .slh-dev-receipts .receipts-project-stack { display: grid !important; gap: 14px !important; margin: 0 !important; }
html body #app .slh-dev-receipts .receipts-project-card { padding: 0 !important; overflow: hidden !important; }
html body #app .slh-dev-receipts .receipts-project-header {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px 14px 14px 16px !important;
  background: none !important; border: 0 !important;
}
html body #app .slh-dev-receipts .receipts-project-header:has(.receipt-project-select-control) { grid-template-columns: 48px auto minmax(0, 1fr) auto !important; }
html body #app .slh-dev-receipts .receipts-folder-icon {
  width: 48px !important; height: 48px !important;
  display: grid !important; place-items: center !important;
  border-radius: 16px !important;
  border: 0 !important;
  background: linear-gradient(140deg, color-mix(in srgb, var(--lime) 26%, var(--card-solid)), color-mix(in srgb, var(--blue-bright) 20%, var(--card-solid))) !important;
  box-shadow: inset 0 0 0 1px var(--card-edge) !important;
  color: var(--ink) !important;
}
html body #app .slh-dev-receipts .receipts-folder-icon svg { width: 24px !important; height: 24px !important; stroke: currentColor !important; }
html body #app .slh-dev-receipts .receipts-folder-icon::before,
html body #app .slh-dev-receipts .receipts-folder-icon::after { content: none !important; }
html body #app .slh-dev-receipts .receipts-project-main { min-width: 0; }
html body #app .slh-dev-receipts .receipts-project-main h3 { margin: 0 !important; overflow-wrap: anywhere; }
html body #app .slh-dev-receipts .receipts-project-main p { margin: 2px 0 0 !important; font-size: 0.82rem !important; }
html body #app .slh-dev-receipts .receipts-project-toggle-btn {
  display: grid !important; place-items: center !important;
  width: 44px !important; height: 44px !important; min-height: 0 !important; padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid var(--card-edge) !important;
  background: var(--card-solid) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform 140ms var(--ease-out) !important;
}
html body #app .slh-dev-receipts .receipts-project-toggle-btn:active { transform: scale(0.92); }
html body #app .slh-dev-receipts .receipts-project-toggle-symbol { font-size: 0 !important; color: transparent !important; display: block; width: 16px; height: 16px; background: var(--ink-2); -webkit-mask: var(--m-chev) center / contain no-repeat; mask: var(--m-chev) center / contain no-repeat; transform: rotate(-90deg); transition: transform 360ms var(--ease-out); }
html body #app .slh-dev-receipts .receipts-project-toggle-btn[aria-expanded="false"] .receipts-project-toggle-symbol { transform: rotate(90deg); }
html body #app .slh-dev-receipts .receipts-list-stack { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 12px 12px !important; }
html body #app .slh-dev-receipts .receipts-list-stack[hidden] { display: none !important; }
html body #app .slh-dev-receipts .receipt-list-row {
  position: relative !important;
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  border: 1px solid var(--card-edge) !important;
  background:
    radial-gradient(circle at 0 62%, var(--bg) 0 9px, transparent 10px),
    radial-gradient(circle at 100% 62%, var(--bg) 0 9px, transparent 10px),
    linear-gradient(160deg, color-mix(in srgb, #22c55e 7%, var(--card-solid)), var(--card-solid)) !important;
  box-shadow: 0 14px 30px -26px rgba(15, 35, 95, 0.6) !important;
  overflow: hidden !important;
  transition: transform 200ms var(--ease-out), border-color 240ms !important;
  animation: slh-secondary-ps-in 520ms var(--ease-out) both;
}
html body #app .slh-dev-receipts .receipt-list-row::after { content: ""; position: absolute; left: 14px; right: 14px; top: 62%; border-top: 1.5px dashed var(--card-edge); pointer-events: none; }
html body #app .slh-dev-receipts .receipt-list-main { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 2px 12px !important; align-items: start; padding-bottom: 18px; }
html body #app .slh-dev-receipts .receipt-list-main h3 { grid-column: 1; margin: 0 !important; overflow-wrap: anywhere; }
html body #app .slh-dev-receipts .receipt-list-main .muted-text { grid-column: 1; margin: 0 !important; font-size: 0.82rem !important; }
html body #app .slh-dev-receipts .receipt-list-amount { grid-column: 2; grid-row: 1 / span 2; align-self: center; font: 800 1.3rem var(--font-display) !important; letter-spacing: -0.02em !important; color: var(--ink) !important; font-variant-numeric: tabular-nums; }
html body #app .slh-dev-receipts .receipt-ref-pill {
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  margin-top: 8px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, #22c55e 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, #22c55e 30%, transparent) !important;
  color: #166534 !important;
  font: 700 0.75rem ui-monospace, "SF Mono", Menlo, monospace !important;
}
html body.settlelink-dark-mode #app .slh-dev-receipts .receipt-ref-pill { color: #86efac !important; }
html body #app .slh-dev-receipts .receipt-ref-pill::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--slh-m-check) center / contain no-repeat; mask: var(--slh-m-check) center / contain no-repeat; }
html body #app .slh-dev-receipts .receipt-list-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin: 0 !important; }
html body #app .slh-dev-receipts .receipt-list-actions button { width: 100% !important; min-height: 46px !important; padding: 0 10px !important; border-radius: 14px !important; font-size: 0.86rem !important; }
html body #app .slh-dev-receipts .receipt-action-icon { font-size: 0 !important; color: transparent !important; width: 16px; height: 16px; flex: none; background: currentColor !important; -webkit-mask: var(--slh-m-receipt) center / contain no-repeat; mask: var(--slh-m-receipt) center / contain no-repeat; }
html body #app .slh-dev-receipts .openReceiptDetailBtn .receipt-action-icon { background: var(--lime-ink) !important; }
html body #app .slh-dev-receipts .receipt-summary-icon { -webkit-mask-image: var(--m-doc); mask-image: var(--m-doc); background: var(--blue) !important; }
html body #app .slh-dev-receipts .receipt-summary-label { display: inline !important; }
html body #app .slh-dev-receipts .receipt-summary-label > span { display: inline !important; }
html body #app .slh-dev-receipts .receipt-summary-label > span + span::before { content: " "; }
@media (hover: hover) and (pointer: fine) {
html body #app .slh-dev-receipts .receipt-list-row:hover { transform: translateY(-2px); }
}
html body #app .slh-dev-receipts .receipt-select-control,
html body #app .slh-dev-receipts .receipt-project-select-control {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  min-height: 36px;
  padding: 0 12px 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid var(--card-edge) !important;
  background: var(--card-solid) !important;
  font: 700 0.8rem var(--font-display) !important;
  color: var(--ink) !important;
  cursor: pointer;
  justify-self: start;
}
html body #app .slh-dev-receipts .receipt-select-control input,
html body #app .slh-dev-receipts .receipt-project-select-control input { width: 20px !important; height: 20px !important; margin: 0 !important; accent-color: #65a30d; }
html body #app .slh-dev-receipts .receipt-list-row-selectable { cursor: pointer; }
html body #app .slh-dev-receipts .receipt-list-row-selected { border-color: var(--lime-edge) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--lime) 35%, transparent), 0 14px 30px -26px rgba(15, 35, 95, 0.6) !important; }
html body #app .slh-dev-receipts .receipts-project-card-selected { border-color: var(--lime-edge) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--lime) 30%, transparent) !important; }
html body #app .slh-dev-receipts .receipts-project-card-part-selected { border-color: color-mix(in srgb, var(--lime-edge) 60%, var(--card-edge)) !important; }
html body #app .slh-dev-receipts .receipts-no-records-panel { display: grid !important; justify-items: center !important; gap: 8px !important; padding: 34px 20px !important; text-align: center !important; border-style: dashed !important; }
html body #app .slh-dev-receipts .receipts-no-records-icon {
  position: relative !important;
  display: block !important;
  width: 76px !important; height: 76px !important;
  margin: 0 0 10px !important;
  border-radius: 24px !important;
  border: 0 !important;
  background: linear-gradient(140deg, color-mix(in srgb, var(--lime) 30%, var(--card-solid)), color-mix(in srgb, var(--blue-bright) 24%, var(--card-solid))) !important;
  box-shadow: inset 0 0 0 1px var(--card-edge), 0 20px 40px -24px var(--glow) !important;
  animation: slh-secondary-float 3.6s ease-in-out infinite;
}
html body #app .slh-dev-receipts .receipts-no-records-icon::before { content: "" !important; position: absolute; inset: 0; margin: auto; width: 36px; height: 36px; background: var(--ink) !important; -webkit-mask: var(--slh-m-receipt) center / contain no-repeat; mask: var(--slh-m-receipt) center / contain no-repeat; border: 0 !important; }
html body #app .slh-dev-receipts .receipts-no-records-icon::after { content: none !important; }
@media (prefers-reduced-motion: reduce) {
html body #app .slh-dev-receipts *,
html body #app .slh-dev-receipts *::before,
html body #app .slh-dev-receipts *::after { animation: none !important; }
}
html body #app .slh-dev-receipts .receipts-folder-icon { min-width: 48px !important; max-width: 48px !important; flex: none !important; justify-self: start !important; }
html body #app .slh-dev-receipts .receipt-list-row { grid-template-columns: minmax(0, 1fr) !important; }
html body #app .slh-dev-receipts .receipt-list-row > * { grid-column: 1 / -1 !important; grid-row: auto !important; min-width: 0; }
html body #app .slh-dev-receipts .receipt-list-main > h3,
html body #app .slh-dev-receipts .receipt-list-main > .muted-text { grid-column: 1 !important; }
html body #app .slh-dev-receipts .receipt-list-main > .receipt-list-amount { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
html body #app .slh-dev-receipts .receipt-list-main > .receipt-ref-pill { grid-column: 1 / -1 !important; }
html body #app .slh-dev-receipts .receipt-list-main { grid-template-columns: minmax(0, 1fr) auto !important; }
html body #app .slh-dev-receipts .receipt-list-actions { grid-template-columns: 1fr 1fr !important; }
html body #app .slh-dev-receipts .receipts-project-toggle-symbol { transform: rotate(-90deg) !important; }
html body #app .slh-dev-receipts .receipts-project-toggle-btn[aria-expanded="false"] .receipts-project-toggle-symbol { transform: rotate(90deg) !important; }
html body #app .slh-dev-receipts .receipts-project-toggle-btn { min-width: 44px !important; max-width: 44px !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card::before,
html body #app .slh-dev-receipts .builder-workspace-page-card::after { display: block !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card::before,
html body #app .slh-dev-receipts .builder-workspace-page-card::after {
  position: absolute !important; top: 6px !important; right: 2px !important; left: auto !important; bottom: auto !important;
  width: 60px !important; height: 60px !important; margin: 0 !important; transform: none;
  filter: none !important; opacity: 1 !important; inset: 6px 2px auto auto !important;
}
html body #app .slh-dev-receipts .builder-workspace-page-card::before { border-radius: 20px !important; z-index: 0 !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card::after { z-index: 1 !important; border-radius: 0 !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card::before {
  background:
    linear-gradient(var(--card-solid), var(--card-solid)) padding-box,
    conic-gradient(from var(--slh-secondary-ang), var(--lime), var(--blue-bright), var(--cyan), var(--lime)) border-box !important;
  border: 2px solid transparent !important;
  box-shadow: 0 18px 40px -22px var(--glow) !important;
}
html body #app .slh-dev-receipts .builder-workspace-page-card::after { background: var(--blue) !important; }
html body #app .slh-dev-receipts .panel .eyebrow,
html body #app .slh-dev-receipts .panel p.eyebrow,
html body #app .slh-dev-receipts span.eyebrow,
html body #app .slh-dev-receipts .receipts-sort-field label { font-size: 0.75rem !important; }
html body #app .slh-dev-receipts details.contact-profile-details::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size 380ms cubic-bezier(0.2, 0.9, 0.3, 1), content-visibility 380ms allow-discrete;
}
html body #app .slh-dev-receipts details.contact-profile-details[open]::details-content { block-size: auto; }
html body #app .slh-dev-receipts { interpolate-size: allow-keywords; }
html body #app .slh-dev-receipts .receipts-sort-field { grid-template-columns: 1fr !important; }
html body #app .slh-dev-receipts :is(.receipt-select-control, .receipt-project-select-control) {
  position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; border: 0 !important;
}
html body #app .slh-dev-receipts .receipts-project-card-selectable .receipts-project-header { cursor: pointer; border-radius: 20px; transition: background-color 200ms; }
html body #app .slh-dev-receipts .receipts-project-card-selectable .receipts-project-header:active { background: color-mix(in srgb, var(--lime) 10%, transparent) !important; }
html body #app .slh-dev-receipts .receipts-project-card-selectable .receipts-project-main p::after { content: " · Tap to select all"; color: var(--blue); font-weight: 700; }
html body #app .slh-dev-receipts .receipts-project-card-selected .receipts-project-main p::after { content: " · All selected"; color: #4d7c0f; }
html body.settlelink-dark-mode #app .slh-dev-receipts .receipts-project-card-selected .receipts-project-main p::after { color: #a3e635; }
html body #app .slh-dev-receipts .receipts-project-card-selectable .receipts-folder-icon { transition: background 260ms, transform 300ms cubic-bezier(0.2, 1.4, 0.3, 1) !important; }
html body #app .slh-dev-receipts .receipts-project-card-selected .receipts-folder-icon { background: linear-gradient(140deg, var(--lime), var(--lime-2)) !important; transform: scale(1.06); }
html body #app .slh-dev-receipts .receipts-project-card-selected .receipts-folder-icon svg { opacity: 0; }
html body #app .slh-dev-receipts .receipts-project-card-selected .receipts-folder-icon::after { content: "" !important; display: block !important; position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; background: var(--lime-ink); -webkit-mask: var(--slh-m-check) center / contain no-repeat; mask: var(--slh-m-check) center / contain no-repeat; animation: slh-secondary-chip-pop 360ms cubic-bezier(0.2, 1.4, 0.3, 1); }
html body #app .slh-dev-receipts .receipts-folder-icon { position: relative !important; }
html body #app .slh-dev-receipts .receipt-list-row-selectable { cursor: pointer; -webkit-tap-highlight-color: transparent; }
html body #app .slh-dev-receipts .receipt-list-row-selectable:active { transform: scale(0.99); }
html body #app .slh-dev-receipts .receipt-list-row-selectable::before {
  content: "";
  position: absolute; top: 14px; right: 14px; z-index: 2;
  width: 26px; height: 26px; border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--ink) 25%, transparent);
  background: var(--card-solid);
  transition: background-color 200ms, border-color 200ms, transform 300ms cubic-bezier(0.2, 1.4, 0.3, 1);
}
html body #app .slh-dev-receipts .receipt-list-row-selected::before {
  border-color: var(--lime-edge);
  background: var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23052e12' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 15px no-repeat;
  transform: scale(1.08);
}
html body #app .slh-dev-receipts .receipt-list-row-selectable .receipt-list-main { padding-right: 36px; }
html body #app .slh-dev-receipts .receipt-list-row:has(.receiptSelectCheckbox:focus-visible) { outline: 3px solid var(--focus); outline-offset: 2px; }
html body #app .slh-dev-receipts .receipts-sort-field { position: relative !important; z-index: 20 !important; }
html body #app .slh-dev-receipts .receipts-project-header:has(.receipt-project-select-control) { grid-template-columns: 48px minmax(0, 1fr) auto !important; }
html body #app .slh-dev-receipts .receipts-project-card-selected .receipts-folder-icon::after { position: absolute !important; inset: 0 !important; margin: auto !important; width: 22px !important; height: 22px !important; transform: none !important; }
html body #app .slh-dev-receipts .receipt-list-actions .primary-btn.primary-btn,
html body #app .slh-dev-receipts .receipt-list-actions .primary-btn.primary-btn * { color: var(--lime-ink) !important; -webkit-text-fill-color: var(--lime-ink) !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card { grid-template-columns: minmax(0, 1fr) !important; }
html body #app .slh-dev-receipts .builder-workspace-page-card::before,
html body #app .slh-dev-receipts .builder-workspace-page-card::after { content: none !important; display: none !important; animation: none !important; }
.slh-dev-receipts { --slh-secondary-ang: 0deg; --m-briefcase: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2.5'/%3E%3Cpath d='M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7M3 12.5h18'/%3E%3C/svg%3E"); --m-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E"); --m-chev-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6884' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); --m-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E"); --slh-m-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); --slh-m-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); --slh-m-receipt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E"); }

@keyframes slh-secondary-db-in { from { opacity: 0; transform: translateY(14px); } }

@keyframes slh-secondary-db-sheet { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }

@keyframes slh-secondary-chip-pop { 0% { transform: scale(0.94); } 60% { transform: scale(1.04); } 100% { transform: none; } }

@keyframes slh-secondary-ps-in { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: none; } }

@keyframes slh-secondary-shake { 20% { transform: translateX(-5px); } 40% { transform: translateX(4px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(2px); } }

@keyframes slh-secondary-pg-orbit { to { --slh-secondary-ang: 360deg; } }

@keyframes slh-secondary-pg-pop { from { transform: scale(0.4) rotate(-20deg); opacity: 0; } to { transform: none; opacity: 1; } }

@keyframes slh-secondary-pg-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@keyframes slh-secondary-dot-pulse { 50% { box-shadow: 0 0 0 6px color-mix(in srgb, currentColor 0%, transparent); } }

@keyframes slh-secondary-float { 50% { transform: translateY(-6px) rotate(-3deg); } }

/* Functional safeguards: keyboard focus, authoritative hidden state and narrow layouts. */
.slh-cp[data-slh-db] [hidden], .slh-dev-receipts [hidden] { display: none !important; }
.slh-cp[data-slh-db] :is(button, a):focus-visible,
html body #app .slh-dev-receipts :is(button, select, input):focus-visible,
html body #app .slh-dev-receipts .receipts-project-card:has(.receiptProjectSelectCheckbox:focus-visible) { outline: 3px solid var(--focus) !important; outline-offset: 3px; }
.slh-cp[data-slh-db] .slh-cp-card-title, .slh-dev-receipts > * { min-width: 0; }
.slh-cp[data-slh-db] .slh-cp-btn { white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 600px) { .slh-cp[data-slh-db] .slh-cp-actions { grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); } }
@media (prefers-reduced-motion: reduce) {
  :is(.slh-cp[data-slh-db], .slh-dev-receipts),
  :is(.slh-cp[data-slh-db], .slh-dev-receipts) *,
  :is(.slh-cp[data-slh-db], .slh-dev-receipts) *::before,
  :is(.slh-cp[data-slh-db], .slh-dev-receipts) *::after { animation: none !important; transition-duration: 1ms !important; }
}

/* Archive light-theme hero from Claude r9e. */
html body:not(.settlelink-dark-mode) #app .slh-cp[data-slh-db] .slh-cp-hero {
  color: var(--ink) !important; --slh-c: var(--ink);
  background:
    radial-gradient(80% 70% at 100% 0%, rgba(59, 130, 246, 0.16), transparent 62%),
    radial-gradient(60% 60% at 0% 100%, rgba(163, 230, 53, 0.18), transparent 65%),
    linear-gradient(150deg, #ffffff 0%, #f3f7ff 100%) !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  box-shadow: 0 24px 50px -34px rgba(15, 35, 95, 0.45) !important;
}
html body:not(.settlelink-dark-mode) #app .slh-cp[data-slh-db] .slh-cp-hero h1,
html body:not(.settlelink-dark-mode) #app .slh-cp[data-slh-db] .slh-cp-hero strong { color: var(--ink) !important; --slh-c: var(--ink); -webkit-text-fill-color: currentColor !important; }
html body:not(.settlelink-dark-mode) #app .slh-cp[data-slh-db] .slh-cp-hero p { color: var(--ink-2) !important; --slh-c: var(--ink-2); -webkit-text-fill-color: currentColor !important; }
@property --slh-secondary-ang { syntax: "<angle>"; initial-value: 0deg; inherits: false; }